/*
 * Corner mode: native/adaptive web. Family: css-squircle-v1.
 * One browser-owned contour supplies fill, clipping, border, shadow and focus.
 * Not Apple's private curve or a measured canonical G2 path. Rounded fallback
 * preserves native controls, owner content and no-JavaScript functionality.
 */
:root {
  --corner-compact: 10px;
  --corner-control: 16px;
  --corner-media: 18px;
  --corner-card: 24px;
  --corner-panel: 32px;
  --corner-group-inset: 4px;
  --corner-group: calc(var(--corner-control) + var(--corner-group-inset));
}

/* Controls stay rectangular touch targets; circles/OS checkboxes are native. */
:is(.btn, .wp-block-button__link, .header-cta-button, .mobile-menu-toggle,
    .mobile-nav-close, .mobile-cta-btn, .custom-select-pill,
    .currency-select-input, .currency-trigger, .currency-option, .valenmark-header-cart-link, .filter-chip,
    .control-select, .billing-tab-btn, .mode-toggle-btn, .radio-chip,
    .btn-outline-card, .btn-compare, .form-input, .form-select, .form-textarea,
    .checkbox-card, .form-feedback-area, .wc-block-components-notice-banner,
    .wc-blocks-components-select__container,
    .concept-save, .concept-slot,
    .concept-control select, .concept-booking .concept-action,
    .concept-teaser-caption > a, .concept-perspectives a) {
  border-radius: var(--corner-control);
}

:is(.service-card, .pricing-tier-card, .concept-experience, .concept-chart-card,
    .proposal-quote-summary-box, .pricing-controls-bar, .table-scroll-container,
    .faq-accordion-item, .case-study-card, .valenmark-order-review-col,
    .valenmark-shortcuts-grid .shortcut-tile, .wc-block-components-address-card,
    .checkout-order-summary-block-fill, .wp-block-woocommerce-checkout-order-summary-block) {
  border-radius: var(--corner-card);
}
:is(.growth-banner-card, .proposal-card-wrapper, .pricing-milestone-footer,
    .valenmark-services-section) {
  border-radius: var(--corner-panel);
}
:is(.concept-product-image, .wp-block-image img, .portfolio-entry img,
    .post-thumbnail img, .woocommerce ul.products li.product a img,
    .woocommerce div.product div.images img) {
  border-radius: var(--corner-media);
}
:is(.concept-state, .card-industry-tag, .featured-tag, .savings-pill,
    .tier-featured-badge, .currency-badge, .price-setup-pill, .icon-ring) {
  border-radius: var(--corner-compact);
}

/* Optical radius-inset nesting: inner = outer - the shared 4px padding. */
:is(.mode-toggle-pill, .billing-tabs, .currency-options) {
  border-radius: var(--corner-group);
  padding: var(--corner-group-inset);
}

/* Replace square accent edges, not the content or selection semantics. */
.service-card { border: 1px solid var(--line); }
.showcase-tabs-wrapper { gap: 8px; padding-bottom: 12px; }
.showcase-tab-btn {
  border: 1px solid transparent;
  border-radius: var(--corner-control);
}
.showcase-tab-btn.active { border-color: var(--blue); }
.concept-perspectives { gap: 8px; padding-bottom: 12px; }
.concept-perspectives a { border: 1px solid transparent; padding-inline: 16px; }
.concept-perspectives a[aria-current="page"] { background: var(--pale); border-color: var(--blue); }
.concept-chart-column > span { border-radius: 8px; }
.mobile-nav-content { border-radius: var(--corner-panel) 0 0 var(--corner-panel); }

/* Native WooCommerce wrappers, including owner-created ordinary products. */
.woocommerce :is(ul.products li.product, form.login, form.register,
    form.checkout_coupon, table.shop_table, .cart_totals table) {
  border-radius: var(--corner-card);
}
.woocommerce table.shop_table { border-collapse: separate; border-spacing: 0; }
:is(.woocommerce, .wc-block-cart, .wc-block-checkout) :is(.button,
    button, input[type="text"], input[type="email"], input[type="tel"],
    input[type="password"], input[type="number"], select, textarea,
    .wc-block-components-text-input input,
    .wc-block-components-form .wc-block-components-text-input input[type],
    .wc-block-components-button) {
  border-radius: var(--corner-control);
}

@supports (corner-shape: squircle) {
  :is(.btn, .wp-block-button__link, .header-cta-button, .mobile-menu-toggle,
      .mobile-nav-close, .mobile-cta-btn, .custom-select-pill,
      .currency-select-input, .currency-trigger, .currency-option, .valenmark-header-cart-link, .filter-chip,
      .control-select, .billing-tab-btn, .mode-toggle-btn, .radio-chip,
      .btn-outline-card, .btn-compare, .form-input, .form-select, .form-textarea,
      .checkbox-card, .form-feedback-area, .wc-block-components-notice-banner,
      .wc-blocks-components-select__container,
      .concept-save, .concept-slot,
      .concept-control select, .concept-booking .concept-action,
      .concept-teaser-caption > a, .concept-perspectives a,
      .service-card, .pricing-tier-card, .concept-experience, .concept-chart-card,
      .proposal-quote-summary-box, .pricing-controls-bar, .table-scroll-container,
      .faq-accordion-item, .case-study-card, .valenmark-order-review-col,
      .valenmark-shortcuts-grid .shortcut-tile, .wc-block-components-address-card,
      .checkout-order-summary-block-fill, .wp-block-woocommerce-checkout-order-summary-block,
      .growth-banner-card,
      .proposal-card-wrapper, .pricing-milestone-footer, .valenmark-services-section,
      .concept-product-image,
      .wp-block-image img, .portfolio-entry img, .post-thumbnail img,
      .woocommerce ul.products li.product a img, .woocommerce div.product div.images img,
      .mobile-nav-content, .concept-state, .card-industry-tag,
      .featured-tag, .savings-pill, .tier-featured-badge, .currency-badge,
      .price-setup-pill, .icon-ring, .mode-toggle-pill, .billing-tabs, .currency-options,
      .showcase-tab-btn, .concept-chart-column > span),
  .woocommerce :is(ul.products li.product, form.login, form.register,
      form.checkout_coupon, table.shop_table, .cart_totals table),
  :is(.woocommerce, .wc-block-cart, .wc-block-checkout) :is(.button,
      button, input[type="text"], input[type="email"], input[type="tel"],
      input[type="password"], input[type="number"], select, textarea,
      .wc-block-components-text-input input,
      .wc-block-components-form .wc-block-components-text-input input[type],
      .wc-block-components-button) {
    corner-shape: squircle;
  }
}