/*
 * SubliSport 2026 — action system
 * Primary CTA only. Filters, accordions, carousels, pagination, quantity,
 * tabs, icon buttons and product cards intentionally stay outside this scope.
 */

:root {
  --ss26-action-primary: #8b1c1e;
  --ss26-action-primary-hover: #a32327;
  --ss26-action-primary-active: #701416;
  --ss26-action-disabled: #e7e9ec;
  --ss26-action-disabled-text: #6b7077;
  --ss26-action-focus: #0e1012;
  --ss26-action-radius: 8px;
  --ss26-action-shadow: 0 6px 14px rgba(14, 16, 18, .16);
  --ss26-action-compact: 36px;
  --ss26-action-standard: 46px;
  --ss26-action-large: 54px;
}

/* Standard / 46 — the default commercial action. */
:is(
  .ss26-button,
  .ss26-approach .na-cta,
  .sd-page .sd-cta,
  .ss26-help-center .help-button,
  .vestiaire a.v-button,
  body.page-id-5629 .config-section-4 a.button,
  body.page-id-190 .btn-white,
  .woocommerce button.button.woocommerce-form-login__submit,
  :where(#devisModal) .create-account-from .btn-group .btn-submit,
  .wpcf7-form input[type="submit"],
  .wpcf7-form button[type="submit"]
) {
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  min-height: var(--ss26-action-standard) !important;
  height: var(--ss26-action-standard) !important;
  padding: 0 18px !important;
  border: 1px solid transparent !important;
  border-radius: var(--ss26-action-radius) !important;
  background-color: var(--ss26-action-primary) !important;
  background-image: none !important;
  box-shadow: var(--ss26-action-shadow) !important;
  color: #fff !important;
  font-family: Inter, Arial, sans-serif !important;
  font-size: 14px !important;
  font-style: normal !important;
  font-weight: 600 !important;
  line-height: 20px !important;
  letter-spacing: 0 !important;
  text-align: center !important;
  text-decoration: none !important;
  text-transform: none !important;
  cursor: pointer;
  transform: none !important;
  transition: background-color .16s ease, border-color .16s ease, color .16s ease, box-shadow .16s ease !important;
}

:is(
  .ss26-button,
  .ss26-approach .na-cta,
  .sd-page .sd-cta,
  .ss26-help-center .help-button,
  .vestiaire a.v-button,
  body.page-id-5629 .config-section-4 a.button,
  .woocommerce button.button.woocommerce-form-login__submit,
  :where(#devisModal) .create-account-from .btn-group .btn-submit,
  .wpcf7-form input[type="submit"],
  .wpcf7-form button[type="submit"]
):hover {
  background-color: var(--ss26-action-primary-hover) !important;
  box-shadow: var(--ss26-action-shadow) !important;
  color: #fff !important;
  transform: none !important;
}

:is(
  .ss26-button,
  .ss26-approach .na-cta,
  .sd-page .sd-cta,
  .ss26-help-center .help-button,
  .vestiaire a.v-button,
  body.page-id-5629 .config-section-4 a.button,
  body.page-id-190 .btn-white,
  .woocommerce button.button.woocommerce-form-login__submit,
  :where(#devisModal) .create-account-from .btn-group .btn-submit,
  .wpcf7-form input[type="submit"],
  .wpcf7-form button[type="submit"]
):focus-visible {
  outline: 2px solid var(--ss26-action-focus) !important;
  outline-offset: 3px !important;
  transform: none !important;
}

:is(
  .ss26-button,
  .ss26-approach .na-cta,
  .sd-page .sd-cta,
  .ss26-help-center .help-button,
  .vestiaire a.v-button,
  body.page-id-5629 .config-section-4 a.button,
  .woocommerce button.button.woocommerce-form-login__submit,
  :where(#devisModal) .create-account-from .btn-group .btn-submit,
  .wpcf7-form input[type="submit"],
  .wpcf7-form button[type="submit"]
):active {
  background-color: var(--ss26-action-primary-active) !important;
  box-shadow: none !important;
  transform: none !important;
}

:is(
  .ss26-button,
  .ss26-approach .na-cta,
  .sd-page .sd-cta,
  .ss26-help-center .help-button,
  .woocommerce button.button.woocommerce-form-login__submit,
  :where(#devisModal) .create-account-from .btn-group .btn-submit,
  .wpcf7-form input[type="submit"],
  .wpcf7-form button[type="submit"]
):is(:disabled, [disabled], [aria-disabled="true"]) {
  border-color: var(--ss26-action-disabled) !important;
  background-color: var(--ss26-action-disabled) !important;
  box-shadow: none !important;
  color: var(--ss26-action-disabled-text) !important;
  cursor: not-allowed !important;
  opacity: 1 !important;
}

/* Compact / 36 — low-emphasis actions in constrained surfaces. */
#ss26-preferences .ss26-button,
#primary.vestiaire a.v-button {
  min-height: var(--ss26-action-compact) !important;
  height: var(--ss26-action-compact) !important;
  padding-inline: 18px !important;
  font-size: 12px !important;
  line-height: 16px !important;
}

/* Large / 54 — primary conversion and form completion. */
:is(
  .ss26-studio-cta,
  .ss26-product-page .ss26-quote,
  .ss26-help-center .help-send,
  .ss26-help-center .help-faq-support .help-button,
  .ss26-help-center .help-success .help-button,
  .ss26-approach .na-final .na-cta,
  body.page-id-5629 .config-section-4 a.button,
  .woocommerce button.button.woocommerce-form-login__submit,
  :where(#devisModal) .create-account-from .btn-group .btn-submit
) {
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  min-height: var(--ss26-action-large) !important;
  height: var(--ss26-action-large) !important;
  padding: 0 18px !important;
  border: 1px solid transparent !important;
  border-radius: var(--ss26-action-radius) !important;
  background-color: var(--ss26-action-primary) !important;
  background-image: none !important;
  box-shadow: var(--ss26-action-shadow) !important;
  color: #fff !important;
  font-family: Inter, Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 20px !important;
  letter-spacing: 0 !important;
  text-align: center !important;
  text-decoration: none !important;
  text-transform: none !important;
}

:is(
  .ss26-product-page .ss26-quote,
  .ss26-help-center .help-send,
  .ss26-help-center .help-faq-support .help-button,
  .ss26-help-center .help-success .help-button,
  .ss26-approach .na-final .na-cta,
  body.page-id-5629 .config-section-4 a.button,
  .woocommerce button.button.woocommerce-form-login__submit,
  :where(#devisModal) .create-account-from .btn-group .btn-submit
):hover {
  background-color: var(--ss26-action-primary-hover) !important;
}

:is(
  .ss26-product-page .ss26-quote,
  .ss26-help-center .help-send,
  .ss26-help-center .help-faq-support .help-button,
  .ss26-help-center .help-success .help-button,
  .ss26-approach .na-final .na-cta,
  body.page-id-5629 .config-section-4 a.button,
  .woocommerce button.button.woocommerce-form-login__submit,
  :where(#devisModal) .create-account-from .btn-group .btn-submit
):active {
  background-color: var(--ss26-action-primary-active) !important;
  box-shadow: none !important;
}

/* Secondary and inverse keep their semantic contrast, not a different shape. */
body .ss26 .ss26-button.ss26-button-secondary {
  border-color: var(--ss26-action-primary) !important;
  background-color: #fff !important;
  box-shadow: none !important;
  color: var(--ss26-action-primary) !important;
}

body .ss26 .ss26-button.ss26-button-secondary:hover {
  border-color: var(--ss26-action-primary-hover) !important;
  background-color: #f5f5f5 !important;
  box-shadow: none !important;
  color: var(--ss26-action-primary-hover) !important;
}

body .ss26 .ss26-button.ss26-button-secondary:active {
  border-color: var(--ss26-action-primary-active) !important;
  background-color: #ececee !important;
  color: var(--ss26-action-primary-active) !important;
}

body.page-id-190.page-id-190 a.btn.btn-white {
  border-color: #fff !important;
  background-color: #fff !important;
  box-shadow: none !important;
  color: var(--ss26-action-primary) !important;
}

body.page-id-190.page-id-190 a.btn.btn-white:hover {
  background-color: #f5f5f5 !important;
  color: var(--ss26-action-primary-hover) !important;
}

body.page-id-190.page-id-190 a.btn.btn-white:active {
  background-color: #ececee !important;
  box-shadow: none !important;
  color: var(--ss26-action-primary-active) !important;
}

body.page-id-5629 .config-section-4 a.button img {
  display: none !important;
}

body.page-id-5629 .config-section-4 a.button {
  width: min(100%, 380px) !important;
}

body.page-id-5629 .config-section-4 a.button span {
  width: auto !important;
  margin: 0 !important;
  text-align: center !important;
}

@media (max-width: 620px) {
  :is(
    .ss26-button,
    .ss26-approach .na-cta,
    .sd-page .sd-cta,
    .ss26-help-center .help-button,
    .vestiaire a.v-button,
    body.page-id-5629 .config-section-4 a.button,
    body.page-id-190 .btn-white,
    .woocommerce button.button.woocommerce-form-login__submit,
    :where(#devisModal) .create-account-from .btn-group .btn-submit,
    .wpcf7-form input[type="submit"],
    .wpcf7-form button[type="submit"],
    .ss26-product-page .ss26-quote
  ) {
    max-width: 100%;
    height: auto !important;
    padding-block: 11px !important;
    white-space: normal !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  :is(
    .ss26-button,
    .ss26-approach .na-cta,
    .sd-page .sd-cta,
    .ss26-help-center .help-button,
    .vestiaire a.v-button,
    body.page-id-5629 .config-section-4 a.button,
    body.page-id-190 .btn-white,
    .woocommerce button.button.woocommerce-form-login__submit,
    :where(#devisModal) .create-account-from .btn-group .btn-submit,
    .wpcf7-form input[type="submit"],
    .wpcf7-form button[type="submit"],
    .ss26-product-page .ss26-quote
  ) {
    transition: none !important;
  }
}

/* Home secondary actions: preserve the approved white variant against
   the ID specificity inherited from the global :is() CTA selectors. */
body #ss26-home .ss26-button.ss26-button-secondary {
  background-color: #fff !important;
  border-color: var(--ss26-action-primary) !important;
  color: var(--ss26-action-primary) !important;
  box-shadow: none !important;
}
body #ss26-home .ss26-button.ss26-button-secondary:hover {
  background-color: #f5f5f5 !important;
  border-color: var(--ss26-action-primary-hover) !important;
  color: var(--ss26-action-primary-hover) !important;
}
body #ss26-home .ss26-button.ss26-button-secondary:active {
  background-color: #ececee !important;
  border-color: var(--ss26-action-primary-active) !important;
  color: var(--ss26-action-primary-active) !important;
}

/* Owner approved sentence case for action buttons throughout the storefront.
   Preserve original spelling, acronyms, geometry and primary/secondary tones. */
html body :is(
  .ss26-button, .ss26-nav-cta, .ss26-studio-cta,
  .ss26-approach .na-cta, .sd-page .sd-cta, .sd-advisor,
  .ss26-help-center .help-button, .ss26-help-center .help-send,
  .vestiaire a.v-button, .config-section-4 a.button,
  .btn-white, .ss26-product-page .ss26-quote,
  .woocommerce button.button, .woocommerce a.button,
  #devisModal .btn-submit, #devisModal .btn-next, #devisModal .btn-prev,
  .wpcf7-form input[type="submit"], .wpcf7-form button[type="submit"],
  .ss26-quote-dialog .q-button, [data-ss26-general-quote],
  .ss26-help-center button[type="submit"]
),
html body :is(
  .ss26-button, .ss26-nav-cta, .ss26-studio-cta,
  .ss26-approach .na-cta, .sd-page .sd-cta,
  .ss26-help-center .help-button, .ss26-help-center .help-send,
  .ss26-product-page .ss26-quote, .ss26-quote-dialog .q-button,
  #devisModal .btn-submit, [data-ss26-general-quote]
) :is(span, strong) {
  text-transform: none !important;
}