.sp-auth-my-account,
.sp-auth-my-account * {
  box-sizing: border-box;
}

/* Kadence/thème : `.sp-auth-table` EST la <table>, pas un wrapper.
   Neutralise les marges sur toutes les tables du shortcode mon compte (+ modal portail). */
.sp-auth-my-account table,
.sp-auth-my-account table.sp-auth-table,
.sp-auth-my-account .sp-auth-table,
.sp-auth-my-account .sp-auth-table-wrap table,
.sp-auth-my-account .sp-auth-booking-recap table,
.sp-auth-modal table,
.sp-auth-modal table.sp-auth-table,
.sp-auth-modal .sp-auth-table,
.sp-auth-modal .sp-auth-booking-recap table {
  margin: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  margin-block: 0 !important;
  margin-block-start: 0 !important;
  margin-block-end: 0 !important;
}

.sp-auth-my-account .sp-auth-table-wrap,
.sp-auth-my-account .sp-auth-table-wrap__scroller,
.sp-auth-my-account table.sp-auth-table {
  width: 100% !important;
  max-width: 100% !important;
}

.sp-auth-my-account {
  width: 100%;
  max-width: 1300px;
  margin: 0 auto;
}

.sp-auth-modal {
  z-index: 200000 !important;
}

.sp-auth-modal__dialog {
  z-index: 200001 !important;
}

.sp-auth-booking-recap__credipark-popover {
  z-index: 200100 !important;
}

.sp-auth-info-tooltip__panel {
  z-index: 200100 !important;
}

/* Thème WP : margin-bottom des <p> trop fort sous le sous-titre ACF Credipark. */
.sp-auth-my-account .sp-auth-credipark__subtitle,
.sp-auth-my-account p.sp-auth-credipark__subtitle {
  margin-top: 0 !important;
  margin-bottom: 0.25rem !important;
}

/* Booking modal: empêche le flex row du header générique de casser la mise en page. */
.sp-auth-modal__header.sp-auth-modal__header--booking {
  display: block;
  width: 100%;
}

.sp-auth-booking-modal__toolbar,
.sp-auth-booking-modal__toolbar-divider,
.sp-auth-booking-modal__header-body,
.sp-auth-booking-modal__hero {
  width: 100%;
  min-width: 0;
}

.sp-auth-booking-recap__section-head {
  list-style: none;
}

.sp-auth-booking-recap__section-head::-webkit-details-marker {
  display: none;
}

.sp-auth-modal .sp-auth-booking-recap__section {
  border: 1px solid color-mix(in oklab, var(--sp-wp-border, #e0e0e0) 78%, transparent);
}

@media (min-width: 641px) {
  .sp-auth-modal .sp-auth-booking-recap__section {
    border: 0;
  }

  .sp-auth-modal .sp-auth-booking-recap__task-wrap {
    border: 1px solid color-mix(in oklab, var(--sp-wp-border, #e0e0e0) 78%, transparent);
  }
}

/* Empêche le scroll de fond pendant qu’une modal est ouverte. */
html:has(body.sp-auth-modal-scroll-locked),
body.sp-auth-modal-scroll-locked {
  overflow: hidden !important;
  overscroll-behavior: none;
  height: auto;
}

body.sp-auth-modal-scroll-locked {
  position: fixed !important;
  left: 0;
  right: 0;
  width: 100% !important;
}

/* Champs mon compte / modales : neutralise les overrides thème (Kadence, etc.). */
.sp-auth-my-account .sp-auth-input,
.sp-auth-modal .sp-auth-input {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 2.75rem !important;
  margin: 0 !important;
  border-radius: var(--sp-ma-radius-control, 12px) !important;
  font-family: inherit !important;
  font-size: 0.875rem !important;
  line-height: 1.35 !important;
}

.sp-auth-my-account select.sp-auth-input,
.sp-auth-modal select.sp-auth-input {
  appearance: none !important;
  -webkit-appearance: none !important;
}

.sp-auth-my-account input[type="date"].sp-auth-input,
.sp-auth-modal input[type="date"].sp-auth-input {
  appearance: none !important;
  -webkit-appearance: none !important;
}

.sp-auth-my-account-guest {
  padding: 1.5rem;
  border: 1px solid var(--sp-ma-color-border, var(--sp-wp-border, #e0e0e0));
  border-radius: var(--sp-ma-radius-card, 20px);
  background: var(--sp-ma-color-base, var(--sp-wp-base, #fff));
}

/* Status badges: kept here (not Tailwind) so dynamic variants are never purged.
   Also scoped to .sp-auth-modal — booking/cancel dialogs are portaled to document.body. */
.sp-auth-my-account .sp-auth-status-badge,
.sp-auth-modal .sp-auth-status-badge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.375rem !important;
  width: max-content !important;
  max-width: 100%;
  min-height: 1.75rem;
  height: auto !important;
  box-sizing: border-box;
  border-radius: 9999px !important;
  padding: 0.25rem 0.625rem !important;
  font-size: 0.75rem !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  letter-spacing: 0;
  white-space: nowrap !important;
  vertical-align: middle;
}

.sp-auth-my-account .sp-auth-status-badge__label,
.sp-auth-modal .sp-auth-status-badge__label {
  display: inline !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
  font-weight: inherit;
}

.sp-auth-my-account .sp-auth-status-badge__icon,
.sp-auth-my-account .sp-auth-status-badge svg,
.sp-auth-modal .sp-auth-status-badge__icon,
.sp-auth-modal .sp-auth-status-badge svg {
  display: block !important;
  width: 14px !important;
  height: 14px !important;
  max-width: 14px !important;
  max-height: 14px !important;
  flex: 0 0 14px !important;
  margin: 0 !important;
}

.sp-auth-my-account .sp-auth-status-badge__dot,
.sp-auth-modal .sp-auth-status-badge__dot {
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  flex: 0 0 0.5rem;
  border-radius: 9999px;
  background-color: currentColor;
}

.sp-auth-my-account .sp-auth-status-badge--completed,
.sp-auth-modal .sp-auth-status-badge--completed {
  color: #166534 !important;
  background-color: #dcfce7 !important;
}

.sp-auth-my-account .sp-auth-status-badge--processing,
.sp-auth-modal .sp-auth-status-badge--processing {
  color: #166534 !important;
  background-color: #dcfce7 !important;
}

.sp-auth-my-account .sp-auth-status-badge--processing .sp-auth-status-badge__dot,
.sp-auth-modal .sp-auth-status-badge--processing .sp-auth-status-badge__dot {
  background-color: #22c55e !important;
}

.sp-auth-my-account .sp-auth-status-badge--pending,
.sp-auth-modal .sp-auth-status-badge--pending {
  color: #c2410c !important;
  background-color: #ffedd5 !important;
}

.sp-auth-my-account .sp-auth-status-badge--on-hold,
.sp-auth-modal .sp-auth-status-badge--on-hold {
  color: #c2410c !important;
  background-color: #ffedd5 !important;
}

.sp-auth-my-account .sp-auth-status-badge--cancelled,
.sp-auth-my-account .sp-auth-status-badge--failed,
.sp-auth-modal .sp-auth-status-badge--cancelled,
.sp-auth-modal .sp-auth-status-badge--failed {
  color: #991b1b !important;
  background-color: #fee2e2 !important;
}

.sp-auth-my-account a.sp-auth-booking-recap__invoice--download,
.sp-auth-my-account a.sp-auth-booking-recap__invoice--download:hover,
.sp-auth-my-account a.sp-auth-booking-recap__invoice--download:active,
.sp-auth-my-account a.sp-auth-booking-recap__invoice--download:focus,
.sp-auth-my-account a.sp-auth-booking-recap__invoice--download:focus-visible,
.sp-auth-my-account a.sp-auth-booking-recap__invoice--download:visited,
.sp-auth-modal a.sp-auth-booking-recap__invoice--download,
.sp-auth-modal a.sp-auth-booking-recap__invoice--download:hover,
.sp-auth-modal a.sp-auth-booking-recap__invoice--download:active,
.sp-auth-modal a.sp-auth-booking-recap__invoice--download:focus,
.sp-auth-modal a.sp-auth-booking-recap__invoice--download:focus-visible,
.sp-auth-modal a.sp-auth-booking-recap__invoice--download:visited {
  color: #fff !important;
  text-decoration: none !important;
}

.sp-auth-my-account .sp-auth-status-badge--refunded,
.sp-auth-modal .sp-auth-status-badge--refunded {
  color: var(--sp-wp-subtle, #64748b) !important;
  background-color: color-mix(
    in oklab,
    var(--sp-wp-subtle, #64748b) 24%,
    transparent
  ) !important;
}

.sp-auth-my-account .sp-auth-status-badge--default,
.sp-auth-modal .sp-auth-status-badge--default {
  color: var(--sp-wp-contrast, #0f172a) !important;
  background-color: color-mix(
    in oklab,
    var(--sp-wp-muted, #e2e8f0) 72%,
    var(--sp-wp-base, #fff)
  ) !important;
}

/*
 * Variante « pastille » : entête de journée, indicateur seul.
 * Les couleurs de statut (fond + teinte) restent celles définies plus haut.
 */
.sp-auth-my-account .sp-auth-status-badge--dot,
.sp-auth-modal .sp-auth-status-badge--dot {
  position: relative;
  width: 1.75rem !important;
  min-width: 1.75rem;
  height: 1.75rem;
  padding: 0 !important;
  gap: 0 !important;
}

.sp-auth-my-account .sp-auth-status-badge--dot .sp-auth-status-badge__label,
.sp-auth-modal .sp-auth-status-badge--dot .sp-auth-status-badge__label {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.sp-auth-my-account .sp-auth-active-group__row-tags .sp-auth-status-badge,
.sp-auth-my-account .sp-auth-active-group__row-tags .sp-auth-status-badge--dot {
  width: 1.75rem !important;
  min-width: 1.75rem;
  height: 1.75rem;
  min-height: 1.75rem;
  padding: 0 !important;
  border-radius: var(--sp-ma-radius-control, 12px) !important;
}

/* Variante « plain » : statut de ligne en icône + libellé, sans pastille pleine. */
.sp-auth-my-account .sp-auth-status-badge--plain,
.sp-auth-modal .sp-auth-status-badge--plain {
  justify-content: flex-start !important;
  padding: 0 !important;
  background-color: transparent !important;
  border-radius: 0 !important;
  font-size: 0.8125rem !important;
  font-weight: 500 !important;
}

/* Badges Commande / paiement : lisibles, sans surcharger le design. */
.sp-auth-modal .sp-auth-booking-recap__section--order .sp-auth-status-badge {
  padding: 0.28rem 0.65rem;
  font-size: 0.72rem;
  font-weight: 650;
  letter-spacing: 0.01em;
  line-height: 1.25;
  border: 0;
  box-shadow: none;
}

.sp-auth-modal
  .sp-auth-booking-recap__section--order
  .sp-auth-status-badge--completed {
  color: #166534 !important;
  background-color: #dcfce7 !important;
  border: 0 !important;
  box-shadow: none !important;
}

.sp-auth-modal
  .sp-auth-booking-recap__section--order
  .sp-auth-status-badge--pending {
  color: #9a3412 !important;
  background-color: #ffedd5 !important;
  border: 0 !important;
  box-shadow: none !important;
}

.sp-auth-modal
  .sp-auth-booking-recap__section--order
  .sp-auth-status-badge--processing {
  color: #1e40af !important;
  background-color: #dbeafe !important;
  border: 0 !important;
  box-shadow: none !important;
}

.sp-auth-modal
  .sp-auth-booking-recap__section--order
  .sp-auth-status-badge--failed,
.sp-auth-modal
  .sp-auth-booking-recap__section--order
  .sp-auth-status-badge--cancelled {
  color: #991b1b !important;
  background-color: #fee2e2 !important;
  border: 0 !important;
  box-shadow: none !important;
}

.sp-auth-modal
  .sp-auth-booking-recap__section--order
  .sp-auth-status-badge--on-hold {
  color: #9a3412 !important;
  background-color: #ffedd5 !important;
  border: 0 !important;
  box-shadow: none !important;
}

/*
 * Boutons primary (lien ou button) : Kadence/entry-content force au hover
 * une couleur de texte qui disparaît sur le fond primary (ex. « Passer une commande »).
 * Aligné sur « Ajouter » : fond primary + texte palette9, léger opacity au hover.
 * Exclut `.sp-auth-btn--loading` : le texte doit rester transparent sous le spinner.
 */
.sp-auth-my-account :is(a, button).sp-auth-btn--primary:not(.sp-auth-btn--loading),
.sp-auth-my-account :is(a, button).sp-auth-btn--primary:not(.sp-auth-btn--loading):hover,
.sp-auth-my-account :is(a, button).sp-auth-btn--primary:not(.sp-auth-btn--loading):active,
.sp-auth-my-account :is(a, button).sp-auth-btn--primary:not(.sp-auth-btn--loading):focus,
.sp-auth-my-account :is(a, button).sp-auth-btn--primary:not(.sp-auth-btn--loading):focus-visible,
.sp-auth-my-account a.sp-auth-btn--primary:not(.sp-auth-btn--loading):visited,
.sp-auth-modal :is(a, button).sp-auth-btn--primary:not(.sp-auth-btn--loading),
.sp-auth-modal :is(a, button).sp-auth-btn--primary:not(.sp-auth-btn--loading):hover,
.sp-auth-modal :is(a, button).sp-auth-btn--primary:not(.sp-auth-btn--loading):active,
.sp-auth-modal :is(a, button).sp-auth-btn--primary:not(.sp-auth-btn--loading):focus,
.sp-auth-modal :is(a, button).sp-auth-btn--primary:not(.sp-auth-btn--loading):focus-visible,
.sp-auth-modal a.sp-auth-btn--primary:not(.sp-auth-btn--loading):visited {
  background: var(--sp-wp-primary, #32678a) !important;
  background-color: var(--sp-wp-primary, #32678a) !important;
  background-image: none !important;
  color: var(--global-palette9, var(--sp-wp-base, #fff)) !important;
  -webkit-text-fill-color: var(
    --global-palette9,
    var(--sp-wp-base, #fff)
  ) !important;
  border-color: transparent !important;
  box-shadow: none !important;
  filter: none !important;
  transform: none !important;
  text-decoration: none !important;
}

.sp-auth-my-account :is(a, button).sp-auth-btn--primary:not(.sp-auth-btn--loading):hover,
.sp-auth-my-account :is(a, button).sp-auth-btn--primary:not(.sp-auth-btn--loading):active,
.sp-auth-my-account :is(a, button).sp-auth-btn--primary:not(.sp-auth-btn--loading):focus,
.sp-auth-my-account :is(a, button).sp-auth-btn--primary:not(.sp-auth-btn--loading):focus-visible,
.sp-auth-modal :is(a, button).sp-auth-btn--primary:not(.sp-auth-btn--loading):hover,
.sp-auth-modal :is(a, button).sp-auth-btn--primary:not(.sp-auth-btn--loading):active,
.sp-auth-modal :is(a, button).sp-auth-btn--primary:not(.sp-auth-btn--loading):focus,
.sp-auth-modal :is(a, button).sp-auth-btn--primary:not(.sp-auth-btn--loading):focus-visible {
  opacity: 0.9 !important;
}

.sp-auth-my-account :is(a, button).sp-auth-btn--primary:not(.sp-auth-btn--loading):not(:hover):not(:active):not(:focus):not(:focus-visible),
.sp-auth-modal :is(a, button).sp-auth-btn--primary:not(.sp-auth-btn--loading):not(:hover):not(:active):not(:focus):not(:focus-visible) {
  opacity: 1 !important;
}

/* Loading : libellé masqué, spinner ::after seul visible (modales portailées). */
.sp-auth-my-account :is(a, button).sp-auth-btn--loading,
.sp-auth-my-account :is(a, button).sp-auth-btn--loading:hover,
.sp-auth-my-account :is(a, button).sp-auth-btn--loading:active,
.sp-auth-my-account :is(a, button).sp-auth-btn--loading:focus,
.sp-auth-my-account :is(a, button).sp-auth-btn--loading:focus-visible,
.sp-auth-modal :is(a, button).sp-auth-btn--loading,
.sp-auth-modal :is(a, button).sp-auth-btn--loading:hover,
.sp-auth-modal :is(a, button).sp-auth-btn--loading:active,
.sp-auth-modal :is(a, button).sp-auth-btn--loading:focus,
.sp-auth-modal :is(a, button).sp-auth-btn--loading:focus-visible {
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  opacity: 1 !important;
  cursor: wait !important;
}

.sp-auth-my-account :is(a, button).sp-auth-btn--primary.sp-auth-btn--loading,
.sp-auth-my-account :is(a, button).sp-auth-btn--primary.sp-auth-btn--loading:hover,
.sp-auth-my-account :is(a, button).sp-auth-btn--primary.sp-auth-btn--loading:active,
.sp-auth-my-account :is(a, button).sp-auth-btn--primary.sp-auth-btn--loading:focus,
.sp-auth-my-account :is(a, button).sp-auth-btn--primary.sp-auth-btn--loading:focus-visible,
.sp-auth-modal :is(a, button).sp-auth-btn--primary.sp-auth-btn--loading,
.sp-auth-modal :is(a, button).sp-auth-btn--primary.sp-auth-btn--loading:hover,
.sp-auth-modal :is(a, button).sp-auth-btn--primary.sp-auth-btn--loading:active,
.sp-auth-modal :is(a, button).sp-auth-btn--primary.sp-auth-btn--loading:focus,
.sp-auth-modal :is(a, button).sp-auth-btn--primary.sp-auth-btn--loading:focus-visible {
  background: var(--sp-wp-primary, #32678a) !important;
  background-color: var(--sp-wp-primary, #32678a) !important;
  background-image: none !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

.sp-auth-my-account :is(a, button).sp-auth-btn--loading > *,
.sp-auth-modal :is(a, button).sp-auth-btn--loading > * {
  visibility: hidden !important;
}

/* Filet partenaire : le thème ne doit pas l’effacer au hover (header bouton / ligne). */
.sp-auth-my-account .sp-auth-active-group--partner,
.sp-auth-my-account .sp-auth-active-group--partner:hover,
.sp-auth-my-account .sp-auth-active-group--partner:focus-within {
  border-left-width: 3px !important;
  border-left-style: solid !important;
  border-left-color: color-mix(
    in oklab,
    var(--sp-wp-primary, #32678a) 55%,
    var(--sp-wp-border, #e2e8f0)
  ) !important;
}

/* Bouton Consulter (lignes réservations actives) : contour, le thème ne doit pas l’effacer. */
.sp-auth-my-account .sp-auth-active-group__actions a.sp-auth-order-card__cta,
.sp-auth-my-account .sp-auth-active-group__actions a.sp-auth-order-card__cta:hover,
.sp-auth-my-account .sp-auth-active-group__actions a.sp-auth-order-card__cta:active,
.sp-auth-my-account .sp-auth-active-group__actions a.sp-auth-order-card__cta:focus,
.sp-auth-my-account .sp-auth-active-group__actions a.sp-auth-order-card__cta:focus-visible,
.sp-auth-my-account .sp-auth-active-group__actions a.sp-auth-order-card__cta:visited,
.sp-auth-my-account .sp-auth-active-group__actions a.sp-auth-order-card__cta--link:hover,
.sp-auth-my-account .sp-auth-active-group__actions a.sp-auth-order-card__cta--link:active,
.sp-auth-my-account .sp-auth-active-group__actions a.sp-auth-order-card__cta--link:focus,
.sp-auth-my-account .sp-auth-active-group__actions a.sp-auth-order-card__cta--link:focus-visible {
  color: var(--sp-wp-primary, #32678a) !important;
  -webkit-text-fill-color: var(--sp-wp-primary, #32678a) !important;
  text-decoration: none !important;
  filter: none !important;
  transform: none !important;
  border: 1px solid var(--sp-wp-primary, #32678a) !important;
  border-radius: var(--sp-ma-radius-control, 12px) !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  outline: none !important;
}

.sp-auth-my-account .sp-auth-active-group__actions a.sp-auth-order-card__cta--link:hover,
.sp-auth-my-account .sp-auth-active-group__actions a.sp-auth-order-card__cta--link:focus-visible {
  background-color: color-mix(
    in oklab,
    var(--sp-wp-primary, #32678a) 8%,
    var(--sp-wp-base, #fff)
  ) !important;
}

@container sp-active-orders (max-width: 950px) {
  .sp-auth-my-account .sp-auth-active-group__actions a.sp-auth-order-card__cta,
  .sp-auth-my-account .sp-auth-active-group__actions a.sp-auth-order-card__cta:hover,
  .sp-auth-my-account .sp-auth-active-group__actions a.sp-auth-order-card__cta:active,
  .sp-auth-my-account .sp-auth-active-group__actions a.sp-auth-order-card__cta:focus,
  .sp-auth-my-account .sp-auth-active-group__actions a.sp-auth-order-card__cta:focus-visible,
  .sp-auth-my-account .sp-auth-active-group__actions a.sp-auth-order-card__cta:visited,
  .sp-auth-my-account .sp-auth-active-group__actions a.sp-auth-order-card__cta--link:hover,
  .sp-auth-my-account .sp-auth-active-group__actions a.sp-auth-order-card__cta--link:active,
  .sp-auth-my-account .sp-auth-active-group__actions a.sp-auth-order-card__cta--link:focus,
  .sp-auth-my-account .sp-auth-active-group__actions a.sp-auth-order-card__cta--link:focus-visible {
    border: 1px solid var(--sp-wp-primary, #32678a) !important;
    border-radius: var(--sp-ma-radius-control, 12px) !important;
    background: transparent !important;
    background-color: transparent !important;
    text-decoration: none !important;
    min-height: 2.75rem !important;
    width: auto !important;
    flex: 0 0 auto !important;
    justify-content: center !important;
    box-shadow: none !important;
  }
}

.sp-auth-my-account button.sp-auth-active-orders__more,
.sp-auth-my-account button.sp-auth-active-orders__more:hover,
.sp-auth-my-account button.sp-auth-active-orders__more[aria-expanded="true"] {
  display: flex !important;
  width: 100% !important;
  min-height: 3.25rem !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: var(--sp-ma-radius-box, 12px) !important;
  background-color: color-mix(
    in oklab,
    var(--sp-wp-primary, #32678a) 8%,
    var(--sp-wp-muted, #f8f9fa)
  ) !important;
  color: var(--sp-wp-primary, #32678a) !important;
  box-shadow: none !important;
  text-decoration: none !important;
  filter: none !important;
  transform: none !important;
}

.sp-auth-my-account button.sp-auth-active-orders__more:hover,
.sp-auth-my-account button.sp-auth-active-orders__more[aria-expanded="true"] {
  background-color: color-mix(
    in oklab,
    var(--sp-wp-muted, #f8f9fa) 70%,
    var(--sp-wp-border, #e0e0e0)
  ) !important;
}

.sp-auth-my-account button.sp-auth-active-orders__more:active,
.entry-content .sp-auth-my-account button.sp-auth-active-orders__more:active,
.sp-auth-my-account button.sp-auth-active-orders__more:hover:active,
.entry-content .sp-auth-my-account button.sp-auth-active-orders__more:hover:active {
  appearance: none !important;
  -webkit-appearance: none !important;
  background: color-mix(
    in oklab,
    var(--sp-wp-primary, #32678a) 8%,
    var(--sp-wp-muted, #f8f9fa)
  ) !important;
  background-color: color-mix(
    in oklab,
    var(--sp-wp-primary, #32678a) 8%,
    var(--sp-wp-muted, #f8f9fa)
  ) !important;
  background-image: none !important;
  color: var(--sp-wp-primary, #32678a) !important;
  -webkit-text-fill-color: var(--sp-wp-primary, #32678a) !important;
  border: 0 !important;
  border-color: transparent !important;
  border-radius: var(--sp-ma-radius-box, 12px) !important;
  box-shadow: none !important;
  outline: none !important;
  filter: none !important;
  transform: none !important;
  text-decoration: none !important;
  opacity: 1 !important;
}

.sp-auth-my-account button.sp-auth-active-orders__more:focus,
.sp-auth-my-account button.sp-auth-active-orders__more:focus-visible,
.entry-content .sp-auth-my-account button.sp-auth-active-orders__more:focus,
.entry-content .sp-auth-my-account button.sp-auth-active-orders__more:focus-visible {
  appearance: none !important;
  -webkit-appearance: none !important;
  background: color-mix(
    in oklab,
    var(--sp-wp-primary, #32678a) 8%,
    var(--sp-wp-muted, #f8f9fa)
  ) !important;
  background-color: color-mix(
    in oklab,
    var(--sp-wp-primary, #32678a) 8%,
    var(--sp-wp-muted, #f8f9fa)
  ) !important;
  background-image: none !important;
  color: var(--sp-wp-primary, #32678a) !important;
  -webkit-text-fill-color: var(--sp-wp-primary, #32678a) !important;
  border: 0 !important;
  border-color: transparent !important;
  border-radius: var(--sp-ma-radius-box, 12px) !important;
  box-shadow: none !important;
  outline: none !important;
  filter: none !important;
  transform: none !important;
  text-decoration: none !important;
  opacity: 1 !important;
}

.sp-auth-my-account button.sp-auth-active-orders__more:focus-visible,
.entry-content .sp-auth-my-account button.sp-auth-active-orders__more:focus-visible {
  box-shadow: 0 0 0 3px
    color-mix(in oklab, var(--sp-wp-primary, #32678a) 18%, transparent) !important;
}

.sp-auth-my-account
  button.sp-auth-active-orders__more[aria-expanded="true"]
  .sp-auth-active-orders__more-chevron {
  transform: rotate(180deg) !important;
}

/* Badges status group header — couleurs garanties (évite purge / override thème) */
.sp-auth-my-account .sp-auth-active-group__status-badge--processing {
  color: #166534 !important;
  background-color: #dcfce7 !important;
}

.sp-auth-my-account .sp-auth-active-group__status-badge--pending {
  color: #c2410c !important;
  background-color: #ffedd5 !important;
}

.sp-auth-my-account .sp-auth-active-group__status-badge--completed {
  color: #166534 !important;
  background-color: #dcfce7 !important;
}

.sp-auth-my-account .sp-auth-active-group__status-badge--default {
  color: var(--sp-wp-subtle, #64748b) !important;
  background-color: color-mix(in oklab, var(--sp-wp-muted, #e2e8f0) 80%, #fff) !important;
}

/* Bouton Annuler (cartes réservations) : neutralise le hover plein du thème Kadence. */
.sp-auth-my-account button.sp-auth-order-card__cancel,
.sp-auth-my-account button.sp-auth-order-card__cancel:hover,
.sp-auth-my-account button.sp-auth-order-card__cancel:active,
.sp-auth-my-account button.sp-auth-order-card__cancel:focus,
.sp-auth-my-account button.sp-auth-order-card__cancel:focus-visible {
  background: transparent !important;
  background-color: transparent !important;
  color: var(--sp-wp-subtle, #64748b) !important;
  border-color: transparent !important;
  opacity: 1 !important;
  box-shadow: none !important;
  transform: none !important;
  text-decoration: none !important;
}

.sp-auth-my-account button.sp-auth-order-card__cancel:hover,
.sp-auth-my-account button.sp-auth-order-card__cancel:active,
.sp-auth-my-account button.sp-auth-order-card__cancel:focus,
.sp-auth-my-account button.sp-auth-order-card__cancel:focus-visible {
  background: color-mix(in oklab, #ef4444 12%, transparent) !important;
  background-color: color-mix(in oklab, #ef4444 12%, transparent) !important;
  color: #b91c1c !important;
  text-decoration: underline !important;
  text-underline-offset: 0.15em;
}

/* Bouton outline profil : neutralise les hovers du thème WP/Kadence. */
.sp-auth-my-account button.sp-auth-btn--outline,
.sp-auth-my-account button.sp-auth-btn--outline:hover,
.sp-auth-my-account button.sp-auth-btn--outline:active,
.sp-auth-my-account button.sp-auth-btn--outline:focus,
.sp-auth-my-account button.sp-auth-btn--outline:focus-visible {
  background: transparent !important;
  background-color: transparent !important;
  color: var(--sp-wp-primary, #32678a) !important;
  border-color: var(--sp-wp-primary, #32678a) !important;
  opacity: 1 !important;
  box-shadow: none !important;
  transform: none !important;
  transition: none !important;
}

.sp-auth-my-account button.sp-auth-btn--outline:hover > span {
  text-decoration: underline !important;
  text-underline-offset: 0.15em;
}

.sp-auth-my-account
  button.sp-auth-btn--outline:hover
  .sp-auth-profile__edit-btn-icon {
  text-decoration: none !important;
}

/* Titre véhicule (h4) : annule les marges thème pour laisser le gap de la carte. */
.sp-auth-my-account .sp-auth-panel__title,
.sp-auth-my-account h3.sp-auth-panel__title {
  min-width: 0;
  word-break: normal !important;
  overflow-wrap: break-word !important;
  white-space: normal !important;
}

.sp-auth-my-account .sp-auth-vehicle-card__name,
.sp-auth-my-account h4.sp-auth-vehicle-card__name {
  margin: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  margin-block: 0 !important;
  margin-block-start: 0 !important;
  margin-block-end: 0 !important;
}

/* Badges plaque / type : même ligne, hauteurs alignées, hors marges thème. */
.sp-auth-my-account .sp-auth-vehicle-card__meta-row {
  display: flex !important;
  flex-flow: row wrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 0.375rem !important;
  margin: 0 !important;
  padding: 0 !important;
}

.sp-auth-my-account .sp-auth-vehicle-card__plate,
.sp-auth-my-account .sp-auth-vehicle-card__type {
  display: inline-flex !important;
  align-items: center !important;
  margin: 0 !important;
  margin-block: 0 !important;
  height: 1.5rem !important;
  line-height: 1 !important;
  vertical-align: middle !important;
}

/* Boutons Modifier / Supprimer (menu carte véhicule) : neutralise le hover plein du thème. */
.sp-auth-my-account button.sp-auth-vehicle-card__tool,
.sp-auth-my-account button.sp-auth-vehicle-card__tool:hover,
.sp-auth-my-account button.sp-auth-vehicle-card__tool:active,
.sp-auth-my-account button.sp-auth-vehicle-card__tool:focus,
.sp-auth-my-account button.sp-auth-vehicle-card__tool:focus-visible {
  background-image: none !important;
  border: none !important;
  box-shadow: none !important;
  opacity: 1 !important;
  filter: none !important;
  transform: none !important;
  text-decoration: none !important;
}

.sp-auth-my-account button.sp-auth-vehicle-card__tool--edit,
.sp-auth-my-account button.sp-auth-vehicle-card__tool--edit:hover,
.sp-auth-my-account button.sp-auth-vehicle-card__tool--edit:active,
.sp-auth-my-account button.sp-auth-vehicle-card__tool--edit:focus,
.sp-auth-my-account button.sp-auth-vehicle-card__tool--edit:focus-visible {
  color: var(--sp-wp-primary, #32678a) !important;
  -webkit-text-fill-color: var(--sp-wp-primary, #32678a) !important;
  background-color: transparent !important;
}

.sp-auth-my-account button.sp-auth-vehicle-card__tool--edit:hover,
.sp-auth-my-account button.sp-auth-vehicle-card__tool--edit:active,
.sp-auth-my-account button.sp-auth-vehicle-card__tool--edit:focus,
.sp-auth-my-account button.sp-auth-vehicle-card__tool--edit:focus-visible {
  background-color: color-mix(
    in oklab,
    var(--sp-wp-primary, #32678a) 8%,
    var(--sp-wp-base, #fff)
  ) !important;
}

.sp-auth-my-account button.sp-auth-vehicle-card__tool--danger,
.sp-auth-my-account button.sp-auth-vehicle-card__tool--danger:hover,
.sp-auth-my-account button.sp-auth-vehicle-card__tool--danger:active,
.sp-auth-my-account button.sp-auth-vehicle-card__tool--danger:focus,
.sp-auth-my-account button.sp-auth-vehicle-card__tool--danger:focus-visible {
  color: #dc2626 !important;
  -webkit-text-fill-color: #dc2626 !important;
  background-color: transparent !important;
}

.sp-auth-my-account button.sp-auth-vehicle-card__tool--danger:hover,
.sp-auth-my-account button.sp-auth-vehicle-card__tool--danger:active,
.sp-auth-my-account button.sp-auth-vehicle-card__tool--danger:focus,
.sp-auth-my-account button.sp-auth-vehicle-card__tool--danger:focus-visible {
  color: #b91c1c !important;
  -webkit-text-fill-color: #b91c1c !important;
  background-color: #fef2f2 !important;
}

.sp-auth-my-account button.sp-auth-vehicle-card__tool:hover .sp-auth-vehicle-card__tool-icon,
.sp-auth-my-account
  button.sp-auth-vehicle-card__tool:focus-visible
  .sp-auth-vehicle-card__tool-icon {
  text-decoration: none !important;
}

.sp-auth-my-account .sp-auth-vehicle-card__menu-toggle,
.sp-auth-my-account .sp-auth-vehicle-card__menu-toggle:hover,
.sp-auth-my-account .sp-auth-vehicle-card__menu-toggle:active,
.sp-auth-my-account .sp-auth-vehicle-card__menu-toggle:focus {
  background-image: none !important;
  border: none !important;
  box-shadow: none !important;
  list-style: none !important;
  text-decoration: none !important;
}

.sp-auth-my-account .sp-auth-vehicle-card__menu-toggle:focus-visible {
  background-image: none !important;
  border: none !important;
  list-style: none !important;
  text-decoration: none !important;
  outline: none !important;
  box-shadow: 0 0 0 3px
    color-mix(in oklab, var(--sp-wp-primary, #32678a) 18%, transparent) !important;
}

.sp-auth-my-account button.sp-auth-vehicle-card__favorite--action,
.sp-auth-my-account button.sp-auth-vehicle-card__favorite--action:hover,
.sp-auth-my-account button.sp-auth-vehicle-card__favorite--action:active,
.sp-auth-my-account button.sp-auth-vehicle-card__favorite--action:focus,
.sp-auth-my-account button.sp-auth-vehicle-card__favorite--action:focus-visible {
  appearance: none !important;
  -webkit-appearance: none !important;
  background: var(--sp-wp-base, #fff) !important;
  background-color: var(--sp-wp-base, #fff) !important;
  background-image: none !important;
  text-decoration: none !important;
  color: var(--sp-wp-success, #2e7d32) !important;
  -webkit-text-fill-color: var(--sp-wp-success, #2e7d32) !important;
  border: 1px solid var(--sp-wp-success, #2e7d32) !important;
  border-color: var(--sp-wp-success, #2e7d32) !important;
  box-shadow: none !important;
  filter: none !important;
  transform: none !important;
  opacity: 1 !important;
}

.sp-auth-my-account button.sp-auth-vehicle-card__favorite--action,
.sp-auth-my-account button.sp-auth-vehicle-card__favorite--action:focus {
  background: var(--sp-wp-base, #fff) !important;
  background-color: var(--sp-wp-base, #fff) !important;
  box-shadow: none !important;
}

.sp-auth-my-account button.sp-auth-vehicle-card__favorite--action:hover,
.sp-auth-my-account button.sp-auth-vehicle-card__favorite--action:active {
  background: color-mix(
    in oklab,
    var(--sp-wp-success, #2e7d32) 10%,
    var(--sp-wp-base, #fff)
  ) !important;
  background-color: color-mix(
    in oklab,
    var(--sp-wp-success, #2e7d32) 10%,
    var(--sp-wp-base, #fff)
  ) !important;
  box-shadow: none !important;
  filter: none !important;
  transform: none !important;
  opacity: 1 !important;
}

.sp-auth-my-account button.sp-auth-vehicle-card__favorite--action:focus-visible {
  background-image: none !important;
  text-decoration: none !important;
  color: var(--sp-wp-success, #2e7d32) !important;
  -webkit-text-fill-color: var(--sp-wp-success, #2e7d32) !important;
  outline: none !important;
  box-shadow: 0 0 0 3px
    color-mix(in oklab, var(--sp-wp-success, #2e7d32) 22%, transparent) !important;
}

.sp-auth-my-account .sp-auth-vehicles-favorite-hint__icon,
.sp-auth-my-account .sp-auth-vehicles-favorite-hint__icon svg,
.sp-auth-my-account .sp-auth-vehicles-favorite-hint__icon path {
  color: var(--sp-wp-success, #2e7d32) !important;
  fill: var(--sp-wp-success, #2e7d32) !important;
  stroke: none !important;
}