/* ==========================================================================
   EVASION — EE SKIN (Event Espresso)
   Cible :
   - Checkout / panier / payment / thank you / confirmation (pages EE process)
   - Single event (page détail d’un cours) : bouton + tableau tickets + popup
   NE DOIT PAS impacter : ta page /inscriptions (liste des events) + templates custom
   ========================================================================== */

:root{
  --ev-dark: #020617;
  --ev-ink: #0f172a;
  --ev-muted: #64748b;
  --ev-border: rgba(15, 23, 42, .12);
  --ev-surface: #ffffff;
  --ev-surface-2: #f8fafc;
  --ev-shadow: 0 10px 30px rgba(2, 6, 23, .12);
  --ev-accent: #F97316;
  --ev-accent-2: #0EA5E9;
  --ev-success: #16a34a;
  --ev-danger: #ef4444;
  --ev-radius: 18px;
}

/* =========================================================
   A) SCOPE : pages EE "process" (checkout + transaction)
   ========================================================= */

:where(
  #ee-single-page-checkout-dv,
  #espresso-transaction-page,
  #espresso-thank-you-page,
  #espresso-confirmation-page,
  .espresso-transaction-page,
  .espresso-thank-you-page,
  .espresso-confirmation-page
){
  max-width: 1120px !important;
  margin: 0 auto !important;
  padding: 28px 18px !important;
  color: var(--ev-ink) !important;
}

:where(
  #ee-single-page-checkout-dv,
  #espresso-transaction-page,
  #espresso-thank-you-page,
  #espresso-confirmation-page,
  .espresso-transaction-page,
  .espresso-thank-you-page,
  .espresso-confirmation-page
) :is(h1,h2,h3){
  color: var(--ev-ink) !important;
  letter-spacing: -0.02em !important;
  line-height: 1.15 !important;
}

:where(
  #ee-single-page-checkout-dv,
  #espresso-transaction-page,
  #espresso-thank-you-page,
  #espresso-confirmation-page,
  .espresso-transaction-page,
  .espresso-thank-you-page,
  .espresso-confirmation-page
) :is(p, li){
  color: rgba(15, 23, 42, .88) !important;
}

:where(
  #ee-single-page-checkout-dv,
  #espresso-transaction-page,
  #espresso-thank-you-page,
  #espresso-confirmation-page,
  .espresso-transaction-page,
  .espresso-thank-you-page,
  .espresso-confirmation-page
) a{
  color: var(--ev-accent-2) !important;
  text-decoration: none !important;
}
:where(
  #ee-single-page-checkout-dv,
  #espresso-transaction-page,
  #espresso-thank-you-page,
  #espresso-confirmation-page,
  .espresso-transaction-page,
  .espresso-thank-you-page,
  .espresso-confirmation-page
) a:hover{
  text-decoration: underline !important;
}

/* =========================================================
   B) Steps bar (checkout)
   ========================================================= */

#ee-single-page-checkout-dv :is(#spco-steps-display-dv, #spco-steps-big-dv, .spco-steps-display-dv, .spco-steps-big-dv){
  background: linear-gradient(180deg, rgba(2,6,23,.06), rgba(2,6,23,.02)) !important;
  border: 1px solid var(--ev-border) !important;
  border-radius: var(--ev-radius) !important;
  padding: 14px 16px !important;
  margin: 14px 0 22px !important;
  overflow: hidden !important;
}

#ee-single-page-checkout-dv .spco-step-display-dv{
  border-radius: 14px !important;
}

#ee-single-page-checkout-dv .spco-step-display-dv.active-step{
  background: rgba(249,115,22,.10) !important;
  border: 1px solid rgba(249,115,22,.25) !important;
}
#ee-single-page-checkout-dv .spco-step-big-nmbr{
  font-weight: 900 !important;
}

/* =========================================================
   C) Tables (checkout + transaction + thank you)
   ========================================================= */

:where(
  #ee-single-page-checkout-dv,
  #espresso-transaction-page,
  #espresso-thank-you-page,
  #espresso-confirmation-page,
  .espresso-transaction-page,
  .espresso-thank-you-page,
  .espresso-confirmation-page
) table{
  width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  background: var(--ev-surface) !important;
  border: 1px solid var(--ev-border) !important;
  border-radius: var(--ev-radius) !important;
  box-shadow: var(--ev-shadow) !important;
  overflow: hidden !important;
}

:where(
  #ee-single-page-checkout-dv,
  #espresso-transaction-page,
  #espresso-thank-you-page,
  #espresso-confirmation-page,
  .espresso-transaction-page,
  .espresso-thank-you-page,
  .espresso-confirmation-page
) thead th{
  background: rgba(2,6,23,.06) !important;
  color: var(--ev-ink) !important;
  font-weight: 800 !important;
  padding: 12px 12px !important;
  border-bottom: 1px solid var(--ev-border) !important;
}

:where(
  #ee-single-page-checkout-dv,
  #espresso-transaction-page,
  #espresso-thank-you-page,
  #espresso-confirmation-page,
  .espresso-transaction-page,
  .espresso-thank-you-page,
  .espresso-confirmation-page
) :is(td, th){
  padding: 12px 12px !important;
  border-bottom: 1px solid rgba(15, 23, 42, .08) !important;
  vertical-align: middle !important;
}

:where(
  #ee-single-page-checkout-dv,
  #espresso-transaction-page,
  #espresso-thank-you-page,
  #espresso-confirmation-page,
  .espresso-transaction-page,
  .espresso-thank-you-page,
  .espresso-confirmation-page
) tbody tr:nth-child(even){
  background: rgba(2,6,23,.02) !important;
}

@media (max-width: 820px){
  :where(
    #ee-single-page-checkout-dv,
    #espresso-transaction-page,
    #espresso-thank-you-page,
    #espresso-confirmation-page,
    .espresso-transaction-page,
    .espresso-thank-you-page,
    .espresso-confirmation-page
  ) table{
    display: block !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }
}

/* =========================================================
   D) Formulaires (RESTORE PREMIUM) — checkout uniquement
   ========================================================= */

#ee-single-page-checkout-dv :is(input[type="text"], input[type="email"], input[type="tel"], input[type="number"], input[type="date"], select, textarea){
  width: 100% !important;
  background: var(--ev-surface) !important;
  border: 1px solid rgba(15, 23, 42, .18) !important;
  border-radius: 12px !important;
  padding: 12px 12px !important;
  box-shadow: 0 1px 0 rgba(2,6,23,.05) !important;
  outline: none !important;
}

#ee-single-page-checkout-dv :is(input, select, textarea):focus{
  border-color: rgba(249,115,22,.65) !important;
  box-shadow: 0 0 0 4px rgba(249,115,22,.18) !important;
}

#ee-single-page-checkout-dv label{
  color: rgba(15, 23, 42, .9) !important;
  font-weight: 650 !important;
}

/* =========================================================
   E) Boutons (checkout + transaction)
   ========================================================= */

:where(
  #ee-single-page-checkout-dv,
  #espresso-transaction-page,
  #espresso-thank-you-page,
  #espresso-confirmation-page,
  .espresso-transaction-page,
  .espresso-thank-you-page,
  .espresso-confirmation-page
) :is(button, .button, .btn, .ee-button, input[type="submit"], input[type="button"], a.button){
  appearance: none !important;
  border: 0 !important;
  background: var(--ev-accent) !important;
  color: #fff !important;
  font-weight: 900 !important;
  border-radius: 999px !important;
  padding: 11px 16px !important;
  box-shadow: 0 10px 22px rgba(249,115,22,.22) !important;
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  text-decoration: none !important;
}

:where(
  #ee-single-page-checkout-dv,
  #espresso-transaction-page,
  #espresso-thank-you-page,
  #espresso-confirmation-page,
  .espresso-transaction-page,
  .espresso-thank-you-page,
  .espresso-confirmation-page
) :is(button, .button, .btn, .ee-button, input[type="submit"], input[type="button"], a.button):hover{
  filter: brightness(1.03) !important;
  transform: translateY(-1px) !important;
}

/* Boutons secondaires dans checkout */
#ee-single-page-checkout-dv :is(a[href*="event_cart"], a[href*="return"], .spco-prev-step, #spco-prev-step, .view-cart-lnk){
  background: rgba(2,6,23,.06) !important;
  color: var(--ev-ink) !important;
  border: 1px solid var(--ev-border) !important;
  box-shadow: none !important;
}

/* =========================================================
   F) PANIER (event_cart=view sur registration-checkout)
   ========================================================= */

#ee-single-page-checkout-dv :is(#event-cart, #espresso-event-cart-dv, .event-cart, .ee-event-cart, .ee-cart){
  margin-top: 10px !important;
}

/* Zone actions panier */
#ee-single-page-checkout-dv :is(.ee-cart-actions, .event-cart-actions, .ee-cart-buttons, .mini-cart-actions){
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  justify-content: flex-end !important;
  margin-top: 14px !important;
}

/* Quantité (input + +/-) */
#ee-single-page-checkout-dv :is(.ee-quantity, .event-cart-qty, .qty) :is(input[type="number"], input[type="text"]){
  max-width: 64px !important;
  text-align: center !important;
  border-radius: 12px !important;
}

/* Les petits boutons +/-/trash : on les “arrondit” */
#ee-single-page-checkout-dv :is(.ee-quantity, .event-cart-qty, .qty) :is(button, a, .button){
  padding: 8px 10px !important;
  border-radius: 12px !important;
  background: rgba(2,6,23,.06) !important;
  color: var(--ev-ink) !important;
  border: 1px solid var(--ev-border) !important;
  box-shadow: none !important;
}

/* =========================================================
   G) THANK YOU / TRANSACTION : bloc "Félicitations" + sections
   ========================================================= */

/* Beaucoup de thèmes EE sortent ces blocs en "notice" => on les rend premium */
:where(#espresso-thank-you-page, .espresso-thank-you-page, #espresso-transaction-page, .espresso-transaction-page)
  :is(.ee-attention, .ee-success, .espresso-notices, .notice, .updated, .espresso-ajax-notices){
  border-radius: var(--ev-radius) !important;
  padding: 18px 18px !important;
  border: 1px solid var(--ev-border) !important;
  box-shadow: 0 12px 26px rgba(2,6,23,.10) !important;
  margin: 14px 0 18px !important;
  background: linear-gradient(180deg, rgba(249,115,22,.08), rgba(2,6,23,.02)) !important;
}

/* Titres sections transaction */
:where(#espresso-thank-you-page, .espresso-thank-you-page) :is(h2,h3){
  margin-top: 22px !important;
}

/* =========================================================
   H) EVENT SINGLE (page détail du cours) : tableau tickets + bouton
   IMPORTANT : scope = body.single-espresso_events uniquement
   ========================================================= */

body.single-espresso_events :is(.tkt-slctr-tbl, .tckt-slctr-tbl, .ticket-selector, .ee-ticket-selector, .ee-tkt-slctr-wrap) table,
body.single-espresso_events :is(.tkt-slctr-tbl, .tckt-slctr-tbl, .ticket-selector, .ee-ticket-selector, .ee-tkt-slctr-wrap){
  max-width: 1120px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.single-espresso_events :is(.tkt-slctr-tbl, .tckt-slctr-tbl, table.tckt-slctr-tbl, table.tkt-slctr-tbl){
  border: 1px solid var(--ev-border) !important;
  border-radius: var(--ev-radius) !important;
  overflow: hidden !important;
  box-shadow: var(--ev-shadow) !important;
  background: var(--ev-surface) !important;
}

body.single-espresso_events :is(.tkt-slctr-tbl th, .tckt-slctr-tbl th){
  background: rgba(2,6,23,.06) !important;
  font-weight: 900 !important;
}

body.single-espresso_events :is(.tkt-slctr-tbl td, .tckt-slctr-tbl td){
  padding: 12px 12px !important;
}

/* Bouton ajouter au panier (sur page cours) */
body.single-espresso_events :is(.ee-button, .button, a.button, input[type="submit"], button){
  border: 0 !important;
  background: var(--ev-accent) !important;
  color: #fff !important;
  font-weight: 900 !important;
  border-radius: 999px !important;
  padding: 11px 16px !important;
  box-shadow: 0 10px 22px rgba(249,115,22,.22) !important;
}

/* Lieu / adresse trop énorme : on baisse un peu le “titre” venue si EE le marque */
body.single-espresso_events :is(.ee-venue-title, .espresso-venue-title, .event-venue-title, .venue-title){
  font-size: clamp(20px, 2.2vw, 30px) !important;
  line-height: 1.15 !important;
}

/* =========================================================
   I) POP-UP "article ajouté" (jQuery UI dialog EE)
   ========================================================= */

/* Overlay */
.ui-widget-overlay{
  background: rgba(2,6,23,.55) !important;
  opacity: 1 !important;
}

/* Dialog */
.ui-dialog{
  border: 1px solid rgba(255,255,255,.14) !important;
  border-radius: 18px !important;
  box-shadow: 0 30px 80px rgba(2,6,23,.45) !important;
  overflow: hidden !important;
}

.ui-dialog .ui-dialog-titlebar{
  background: var(--ev-surface) !important;
  border: 0 !important;
  padding: 14px 16px !important;
}

.ui-dialog .ui-dialog-titlebar-close{
  border-radius: 12px !important;
  border: 1px solid var(--ev-border) !important;
  background: rgba(2,6,23,.04) !important;
}

.ui-dialog .ui-dialog-content{
  background: var(--ev-surface) !important;
  padding: 18px 18px !important;
}

/* Liens/boutons dans le popup */
.ui-dialog .ui-dialog-content a{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  padding: 10px 14px !important;
  border-radius: 999px !important;
  text-decoration: none !important;
  font-weight: 900 !important;
}

/* “Valider votre commande” => orange */
.ui-dialog .ui-dialog-content a[href*="registration-checkout"],
.ui-dialog .ui-dialog-content a[href*="event_cart"]{
  background: var(--ev-accent) !important;
  color: #fff !important;
  box-shadow: 0 10px 22px rgba(249,115,22,.22) !important;
}

/* “Retourner à la liste…” => gris */
.ui-dialog .ui-dialog-content a[href*="/cours"],
.ui-dialog .ui-dialog-content a[href*="events"]{
  background: rgba(2,6,23,.06) !important;
  color: var(--ev-ink) !important;
  border: 1px solid var(--ev-border) !important;
  box-shadow: none !important;
}

/* =========================================================
   J) MASQUER LES COMMENTAIRES SUR LES PAGES COURS (TEMP CSS)
   (fix propre en PHP juste après)
   ========================================================= */

body.single-espresso_events #comments,
body.single-espresso_events .comments-area{
  display: none !important;
}

/* =========================================================
   K) Petites finitions
   ========================================================= */

:where(
  #ee-single-page-checkout-dv,
  #espresso-transaction-page,
  #espresso-thank-you-page,
  #espresso-confirmation-page,
  .espresso-transaction-page,
  .espresso-thank-you-page,
  .espresso-confirmation-page
) hr{
  border: 0 !important;
  height: 1px !important;
  background: rgba(15, 23, 42, .10) !important;
  margin: 18px 0 !important;
}

@media (max-width: 820px){
  :where(
    #ee-single-page-checkout-dv,
    #espresso-transaction-page,
    #espresso-thank-you-page,
    #espresso-confirmation-page,
    .espresso-transaction-page,
    .espresso-thank-you-page,
    .espresso-confirmation-page
  ){
    padding: 18px 12px !important;
  }
}

/* =========================================================
   PATCH — Thank You / Transaction ONLY (ne touche à rien d’autre)
   À coller TOUT EN BAS de ee-skin.css
   ========================================================= */

body :is(
  #espresso-thank-you-page,
  .espresso-thank-you-page,
  #espresso-transaction-page,
  .espresso-transaction-page
){
  max-width: 1120px !important;
  margin: 0 auto !important;
  padding: 28px 18px !important;
}

/* Bloc “Félicitations” (le gros encadré jaune) => carte premium */
body :is(
  #espresso-thank-you-page,
  .espresso-thank-you-page,
  #espresso-transaction-page,
  .espresso-transaction-page
) :is(.ee-attention, .ee-success, .espresso-notices, .notice, .updated){
  background: linear-gradient(180deg, rgba(249,115,22,.10), rgba(255,255,255,1)) !important;
  border: 1px solid rgba(249,115,22,.28) !important;
  border-radius: 18px !important;
  box-shadow: 0 14px 34px rgba(2,6,23,.12) !important;
  padding: 22px 22px !important;
}

/* Titre + texte dans le bloc */
body :is(
  #espresso-thank-you-page,
  .espresso-thank-you-page,
  #espresso-transaction-page,
  .espresso-transaction-page
) :is(.ee-attention, .ee-success, .espresso-notices, .notice, .updated) :is(h1,h2,h3){
  margin: 0 0 10px !important;
  letter-spacing: -0.02em !important;
}
body :is(
  #espresso-thank-you-page,
  .espresso-thank-you-page,
  #espresso-transaction-page,
  .espresso-transaction-page
) :is(.ee-attention, .ee-success, .espresso-notices, .notice, .updated) p{
  margin: 8px 0 0 !important;
  color: rgba(15,23,42,.85) !important;
}

/* Bouton “Voir l’accusé…” => orange + arrondi */
body :is(
  #espresso-thank-you-page,
  .espresso-thank-you-page,
  #espresso-transaction-page,
  .espresso-transaction-page
) :is(a.button, a.ee-button, .button, .ee-button){
  background: #F97316 !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 999px !important;
  font-weight: 900 !important;
  padding: 11px 16px !important;
  box-shadow: 0 10px 22px rgba(249,115,22,.22) !important;
  text-decoration: none !important;
}
body :is(
  #espresso-thank-you-page,
  .espresso-thank-you-page,
  #espresso-transaction-page,
  .espresso-transaction-page
) :is(a.button, a.ee-button, .button, .ee-button):hover{
  filter: brightness(1.03) !important;
  transform: translateY(-1px) !important;
}

/* Sections “Détails…” => espacements plus clean */
body :is(
  #espresso-thank-you-page,
  .espresso-thank-you-page,
  #espresso-transaction-page,
  .espresso-transaction-page
) :is(h2,h3){
  margin-top: 26px !important;
  margin-bottom: 10px !important;
}

/* Tables de la page Thank You => cartes premium */
body :is(
  #espresso-thank-you-page,
  .espresso-thank-you-page,
  #espresso-transaction-page,
  .espresso-transaction-page
) table{
  width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  background: #fff !important;
  border: 1px solid rgba(15,23,42,.12) !important;
  border-radius: 18px !important;
  box-shadow: 0 12px 28px rgba(2,6,23,.10) !important;
  overflow: hidden !important;
  margin: 10px 0 18px !important;
}

body :is(
  #espresso-thank-you-page,
  .espresso-thank-you-page,
  #espresso-transaction-page,
  .espresso-transaction-page
) thead th{
  background: rgba(2,6,23,.06) !important;
  font-weight: 900 !important;
  padding: 12px 12px !important;
  border-bottom: 1px solid rgba(15,23,42,.10) !important;
}

body :is(
  #espresso-thank-you-page,
  .espresso-thank-you-page,
  #espresso-transaction-page,
  .espresso-transaction-page
) :is(td, th){
  padding: 12px 12px !important;
  border-bottom: 1px solid rgba(15,23,42,.08) !important;
  vertical-align: middle !important;
}

body :is(
  #espresso-thank-you-page,
  .espresso-thank-you-page,
  #espresso-transaction-page,
  .espresso-transaction-page
) tbody tr:nth-child(even){
  background: rgba(2,6,23,.02) !important;
}

/* Les petits liens bleus “Cliquez ici…” => plus discrets */
body :is(
  #espresso-thank-you-page,
  .espresso-thank-you-page,
  #espresso-transaction-page,
  .espresso-transaction-page
) a{
  color: #0EA5E9 !important;
}
body :is(
  #espresso-thank-you-page,
  .espresso-thank-you-page,
  #espresso-transaction-page,
  .espresso-transaction-page
) a:hover{
  text-decoration: underline !important;
}

/* Mobile: tables scroll */
@media (max-width: 820px){
  body :is(
    #espresso-thank-you-page,
    .espresso-thank-you-page,
    #espresso-transaction-page,
    .espresso-transaction-page
  ) table{
    display:block !important;
    overflow-x:auto !important;
    -webkit-overflow-scrolling: touch !important;
  }
}

/* =========================================================
   THANK YOU / TRANSACTION — PATCH v2 (scope EE -dv)
   À coller TOUT EN BAS de ee-skin.css
   ========================================================= */

/* 1) Scope : pages EE transaction/thank-you/confirmation (version -dv) */
body :is(
  #espresso-transaction-page-dv,
  #espresso-thank-you-page-dv,
  #espresso-confirmation-page-dv
),
body :is(
  #espresso-transaction-page-dv,
  #espresso-thank-you-page-dv,
  #espresso-confirmation-page-dv
) *{
  box-sizing: border-box !important;
}

body :is(
  #espresso-transaction-page-dv,
  #espresso-thank-you-page-dv,
  #espresso-confirmation-page-dv
){
  max-width: 1120px !important;
  margin: 0 auto !important;
  padding: 28px 18px !important;
}

/* 2) Bloc “Félicitations” (souvent une notice EE) */
body .entry-content :is(
  #espresso-transaction-page-dv,
  #espresso-thank-you-page-dv,
  #espresso-confirmation-page-dv
) :is(
  .espresso-notices,
  .ee-attention,
  .ee-success,
  .notice,
  .updated
){
  background: linear-gradient(180deg, rgba(249,115,22,.10), #fff) !important;
  border: 1px solid rgba(249,115,22,.28) !important;
  border-radius: 18px !important;
  box-shadow: 0 14px 34px rgba(2,6,23,.12) !important;
  padding: 22px 22px !important;
  margin: 14px 0 22px !important;
}

body .entry-content :is(
  #espresso-transaction-page-dv,
  #espresso-thank-you-page-dv,
  #espresso-confirmation-page-dv
) :is(.espresso-notices,.ee-attention,.ee-success,.notice,.updated) :is(h1,h2,h3){
  margin: 0 0 10px !important;
  letter-spacing: -0.02em !important;
}

body .entry-content :is(
  #espresso-transaction-page-dv,
  #espresso-thank-you-page-dv,
  #espresso-confirmation-page-dv
) :is(.espresso-notices,.ee-attention,.ee-success,.notice,.updated) p{
  margin: 8px 0 0 !important;
  color: rgba(15,23,42,.85) !important;
}

/* 3) Bouton “Voir l’accusé…” (style EVASION) */
body .entry-content :is(
  #espresso-transaction-page-dv,
  #espresso-thank-you-page-dv,
  #espresso-confirmation-page-dv
) :is(a.button, a.ee-button, .button, .ee-button){
  background: #F97316 !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 999px !important;
  font-weight: 900 !important;
  padding: 11px 16px !important;
  box-shadow: 0 10px 22px rgba(249,115,22,.22) !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
}
body .entry-content :is(
  #espresso-transaction-page-dv,
  #espresso-thank-you-page-dv,
  #espresso-confirmation-page-dv
) :is(a.button, a.ee-button, .button, .ee-button):hover{
  filter: brightness(1.03) !important;
  transform: translateY(-1px) !important;
}

/* 4) Tables transaction / inscription => “card tables” */
body .entry-content :is(
  #espresso-transaction-page-dv,
  #espresso-thank-you-page-dv,
  #espresso-confirmation-page-dv
) table{
  width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  background: #fff !important;
  border: 1px solid rgba(15,23,42,.12) !important;
  border-radius: 18px !important;
  box-shadow: 0 12px 28px rgba(2,6,23,.10) !important;
  overflow: hidden !important;
  margin: 10px 0 18px !important;
}

body .entry-content :is(
  #espresso-transaction-page-dv,
  #espresso-thank-you-page-dv,
  #espresso-confirmation-page-dv
) thead th{
  background: rgba(2,6,23,.06) !important;
  font-weight: 900 !important;
  padding: 12px 12px !important;
  border-bottom: 1px solid rgba(15,23,42,.10) !important;
}

body .entry-content :is(
  #espresso-transaction-page-dv,
  #espresso-thank-you-page-dv,
  #espresso-confirmation-page-dv
) :is(td, th){
  padding: 12px 12px !important;
  border-bottom: 1px solid rgba(15,23,42,.08) !important;
  vertical-align: middle !important;
}

body .entry-content :is(
  #espresso-transaction-page-dv,
  #espresso-thank-you-page-dv,
  #espresso-confirmation-page-dv
) tbody tr:nth-child(even){
  background: rgba(2,6,23,.02) !important;
}

/* 5) Liens “Cliquez ici…” plus propres */
body .entry-content :is(
  #espresso-transaction-page-dv,
  #espresso-thank-you-page-dv,
  #espresso-confirmation-page-dv
) a{
  color: #0EA5E9 !important;
}
body .entry-content :is(
  #espresso-transaction-page-dv,
  #espresso-thank-you-page-dv,
  #espresso-confirmation-page-dv
) a:hover{
  text-decoration: underline !important;
}

/* 6) Mobile: tables scroll */
@media (max-width: 820px){
  body .entry-content :is(
    #espresso-transaction-page-dv,
    #espresso-thank-you-page-dv,
    #espresso-confirmation-page-dv
  ) table{
    display:block !important;
    overflow-x:auto !important;
    -webkit-overflow-scrolling: touch !important;
  }
}
/* ==========================================================================
   PATCH — THANK YOU PAGE (uniquement)
   Cible réelle trouvée dans ton HTML : #espresso-thank-you-page-overview-dv
   ========================================================================== */

#espresso-thank-you-page-overview-dv{
  max-width: 980px !important;
  margin: 0 auto !important;
  padding: 26px 16px 40px !important;
}

#espresso-thank-you-page-overview-dv .ee-attention{
  background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%) !important;
  border: 1px solid rgba(15,23,42,.12) !important;
  border-left: 6px solid #F97316 !important;
  border-radius: 18px !important;
  box-shadow: 0 10px 30px rgba(2,6,23,.10) !important;
  padding: 20px 18px !important;
  margin: 18px 0 22px !important;
}

#espresso-thank-you-page-overview-dv .ee-attention .extra-padding-sides{
  padding: 0 !important;
  text-align: center !important;
}

#espresso-thank-you-page-overview-dv .ee-attention h3{
  margin: 0 0 10px !important;
  font-size: 22px !important;
  letter-spacing: -0.02em !important;
  color: #0f172a !important;
}

#espresso-thank-you-page-overview-dv .ee-attention{
  color: rgba(15,23,42,.88) !important;
  line-height: 1.5 !important;
}

/* Bouton "Voir l'accusé d'inscription" */
#espresso-thank-you-page-overview-dv a.ee-button.ee-roundish.big-text{
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin-top: 14px !important;
  padding: 12px 16px !important;
  border-radius: 999px !important;
  background: #F97316 !important;
  color: #fff !important;
  font-weight: 800 !important;
  text-decoration: none !important;
  border: 0 !important;
  box-shadow: 0 12px 26px rgba(249,115,22,.22) !important;
}

#espresso-thank-you-page-overview-dv a.ee-button.ee-roundish.big-text:hover{
  filter: brightness(1.03) !important;
  transform: translateY(-1px) !important;
}

/* Titres sections */
#espresso-thank-you-page-overview-dv .ee-registration-details-h3{
  margin: 10px 0 14px !important;
  font-size: 20px !important;
  color: #0f172a !important;
  letter-spacing: -0.02em !important;
}

/* Bloc "Détails de l'enregistrement" */
#espresso-thank-you-page-overview-dv .ee-registration-details-dv{
  background: #fff !important;
  border: 1px solid rgba(15,23,42,.12) !important;
  border-radius: 18px !important;
  box-shadow: 0 10px 30px rgba(2,6,23,.08) !important;
  padding: 16px !important;
}

/* Table EE */
#espresso-thank-you-page-overview-dv table.ee-table{
  width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  border: 1px solid rgba(15,23,42,.10) !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  background: #fff !important;
  margin-top: 10px !important;
}

#espresso-thank-you-page-overview-dv table.ee-table thead th{
  background: rgba(2,6,23,.06) !important;
  color: #0f172a !important;
  font-weight: 800 !important;
  padding: 12px 12px !important;
  border-bottom: 1px solid rgba(15,23,42,.10) !important;
}

#espresso-thank-you-page-overview-dv table.ee-table td{
  padding: 12px 12px !important;
  border-bottom: 1px solid rgba(15,23,42,.08) !important;
  vertical-align: middle !important;
  color: rgba(15,23,42,.88) !important;
}

#espresso-thank-you-page-overview-dv table.ee-table tbody tr:nth-child(even){
  background: rgba(2,6,23,.02) !important;
}

/* Liens + mini actions */
#espresso-thank-you-page-overview-dv a{
  color: #0EA5E9 !important;
  text-decoration: none !important;
}
#espresso-thank-you-page-overview-dv a:hover{
  text-decoration: underline !important;
}

/* Zone ajax / loader : plus clean */
#espresso-thank-you-page-ajax-loading-dv{
  margin-top: 14px !important;
  padding: 10px 12px !important;
  border-radius: 14px !important;
  background: rgba(2,6,23,.04) !important;
  border: 1px dashed rgba(15,23,42,.18) !important;
}

/* Mobile */
@media (max-width: 820px){
  #espresso-thank-you-page-overview-dv{
    padding: 18px 12px 30px !important;
  }
  #espresso-thank-you-page-overview-dv .ee-registration-details-dv{
    padding: 12px !important;
  }
  #espresso-thank-you-page-overview-dv table.ee-table{
    display: block !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }
}
/* ==========================================================================
   EVASION — PATCH MOBILE (Event page + Pop-up panier)
   À coller EN BAS de ee-skin.css
   Scope: uniquement pages évènement + modale panier EE
   ========================================================================== */

/* ------------------------------
   1) PAGE ÉVÈNEMENT (single) — "Ajouter au panier" en mode carte
   ------------------------------ */

body.single-espresso_events :is(
  #tkt-slctr-tbl-dv,
  .tkt-slctr-tbl-dv,
  .tkt-slctr,
  .ticket-selector,
  #espresso-ticket-selector,
  .espresso-ticket-selector
){
  max-width: 1120px;
  margin-inline: auto;
  padding: 16px 14px;
}

body.single-espresso_events :is(
  table.tkt-slctr-tbl,
  #tkt-slctr-tbl,
  .tkt-slctr-tbl
){
  width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  background: #fff !important;
  border: 1px solid rgba(15, 23, 42, .12) !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  box-shadow: 0 10px 30px rgba(2, 6, 23, .10) !important;
}

body.single-espresso_events :is(
  table.tkt-slctr-tbl thead th,
  #tkt-slctr-tbl thead th,
  .tkt-slctr-tbl thead th
){
  background: rgba(2, 6, 23, .06) !important;
  color: #0f172a !important;
  font-weight: 800 !important;
  padding: 12px !important;
  border-bottom: 1px solid rgba(15, 23, 42, .12) !important;
}

body.single-espresso_events :is(
  table.tkt-slctr-tbl td,
  table.tkt-slctr-tbl th,
  #tkt-slctr-tbl td,
  #tkt-slctr-tbl th,
  .tkt-slctr-tbl td,
  .tkt-slctr-tbl th
){
  padding: 12px !important;
  border-bottom: 1px solid rgba(15, 23, 42, .08) !important;
  vertical-align: middle !important;
}

body.single-espresso_events :is(
  #tkt-slctr-tbl-dv,
  .tkt-slctr-tbl-dv,
  .tkt-slctr,
  .ticket-selector
) :is(
  #tkt-slctr-submit,
  .tkt-slctr-submit-btn,
  .ticket-selector-submit-btn,
  input[type="submit"],
  button
){
  appearance: none !important;
  border: 0 !important;
  background: var(--ev-accent, #F97316) !important;
  color: #fff !important;
  font-weight: 900 !important;
  border-radius: 999px !important;
  padding: 12px 18px !important;
  box-shadow: 0 12px 24px rgba(249,115,22,.24) !important;
  cursor: pointer !important;
}

body.single-espresso_events :is(
  #tkt-slctr-tbl-dv,
  .tkt-slctr-tbl-dv,
  .tkt-slctr,
  .ticket-selector
) :is(
  #tkt-slctr-submit,
  .tkt-slctr-submit-btn,
  .ticket-selector-submit-btn,
  input[type="submit"],
  button
):hover{
  filter: brightness(1.03) !important;
  transform: translateY(-1px) !important;
}

/* Mobile: garder la “carte/table” visible (scroll horizontal si besoin) */
@media (max-width: 820px){
  body.single-espresso_events :is(
    table.tkt-slctr-tbl,
    #tkt-slctr-tbl,
    .tkt-slctr-tbl
  ){
    display: block !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }
}

/* ------------------------------
   2) PAGE ÉVÈNEMENT — "carte" (MAP) : forcer l’affichage sur mobile
   ------------------------------ */

body.single-espresso_events :is(
  .espresso-venue-gmap,
  #espresso-venue-gmap,
  .espresso-venue-map,
  #espresso-venue-map,
  .ee-venue-gmap,
  .ee-gmap,
  .gmap,
  .google-map,
  .ee-event-map,
  .espresso-event-map
){
  display: block !important;
  visibility: visible !important;
  height: auto !important;
  margin: 18px 0 !important;
}

body.single-espresso_events :is(
  .espresso-venue-gmap iframe,
  #espresso-venue-gmap iframe,
  .espresso-venue-map iframe,
  #espresso-venue-map iframe,
  .ee-venue-gmap iframe,
  .ee-gmap iframe,
  .gmap iframe,
  .google-map iframe,
  .ee-event-map iframe,
  .espresso-event-map iframe
){
  display: block !important;
  width: 100% !important;
  height: 300px !important;
  max-height: 45vh !important;
  border: 0 !important;
  border-radius: 18px !important;
  box-shadow: 0 12px 28px rgba(2, 6, 23, .14) !important;
}

/* ------------------------------
   3) POP-UP "article ajouté au panier" (cart results modal)
   ------------------------------ */

/* fond overlay + centrage */
#cart-results-modal-wrap-dv{
  position: fixed !important;
  inset: 0 !important;
  z-index: 999999 !important;
  background: rgba(2, 6, 23, .55) !important;
  padding: 18px !important;
}

/* boîte modale (le 1er bloc injecté) */
#cart-results-modal-wrap-dv > :is(div, section, article){
  background: #fff !important;
  color: #0f172a !important;
  width: min(720px, 100%) !important;
  margin: auto !important;
  border-radius: 20px !important;
  border: 1px solid rgba(15, 23, 42, .12) !important;
  box-shadow: 0 18px 50px rgba(2, 6, 23, .25) !important;
  padding: 22px 18px !important;
  max-height: calc(100vh - 36px) !important;
  overflow: auto !important;
}

/* Titre */
#cart-results-modal-wrap-dv :is(h1,h2,h3){
  margin: 0 0 14px !important;
  font-weight: 900 !important;
  letter-spacing: -0.02em !important;
}

/* Boutons dans la modale */
#cart-results-modal-wrap-dv a{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  text-decoration: none !important;
  border-radius: 999px !important;
  padding: 12px 16px !important;
  font-weight: 900 !important;
  border: 1px solid rgba(15, 23, 42, .14) !important;
  background: rgba(2, 6, 23, .04) !important;
  color: #0f172a !important;
}

#cart-results-modal-wrap-dv a:hover{
  filter: brightness(1.02) !important;
  transform: translateY(-1px) !important;
}

/* CTA principal = checkout / registration-checkout */
#cart-results-modal-wrap-dv a[href*="registration-checkout"],
#cart-results-modal-wrap-dv a[href*="checkout"]{
  background: var(--ev-accent, #F97316) !important;
  border-color: rgba(249,115,22,.35) !important;
  color: #fff !important;
  box-shadow: 0 12px 24px rgba(249,115,22,.22) !important;
}

/* Close (si le X est un bouton/lien) */
#cart-results-modal-wrap-dv :is(.close, .modal-close, .ui-dialog-titlebar-close, button[aria-label*="close"], button[aria-label*="fermer"]){
  position: sticky !important;
  top: 0 !important;
  margin-left: auto !important;
}
/* ==========================================================================
   EVASION — EVENT CART (PANIER) uniquement
   Cible la vue panier Event Espresso (/registration-checkout/?event_cart=view)
   ========================================================================== */

/* ✅ Scope panier : selon versions EE, l’un de ces wrappers existe */
body :is(
  #espresso-event-cart-page,
  #espresso-event-cart-page-dv,
  #espresso-event-cart-dv,
  #espresso-event-cart,
  #event-cart-page,
  #event-cart-dv,
  #event-cart,
  #ee-event-cart,
  #ee-event-cart-page,
  .espresso-event-cart-page,
  .espresso-event-cart,
  .ee-event-cart
){
  max-width: 1120px !important;
  margin: 0 auto !important;
  padding: 28px 18px !important;
}

/* Typo + titres */
body :is(
  #espresso-event-cart-page,
  #espresso-event-cart-page-dv,
  #espresso-event-cart-dv,
  #event-cart-page,
  #event-cart-dv,
  #ee-event-cart,
  .espresso-event-cart-page,
  .espresso-event-cart,
  .ee-event-cart
) :is(h1,h2){
  color: var(--ev-ink) !important;
  letter-spacing: -0.02em !important;
  line-height: 1.12 !important;
}

body :is(
  #espresso-event-cart-page,
  #espresso-event-cart-page-dv,
  #espresso-event-cart-dv,
  #event-cart-page,
  #event-cart-dv,
  #ee-event-cart,
  .espresso-event-cart-page,
  .espresso-event-cart,
  .ee-event-cart
) a{
  color: var(--ev-accent-2) !important;
  text-decoration: none !important;
}
body :is(
  #espresso-event-cart-page,
  #espresso-event-cart-page-dv,
  #espresso-event-cart-dv,
  #event-cart-page,
  #event-cart-dv,
  #ee-event-cart,
  .espresso-event-cart-page,
  .espresso-event-cart,
  .ee-event-cart
) a:hover{
  text-decoration: underline !important;
}

/* Table panier */
body :is(
  #espresso-event-cart-page,
  #espresso-event-cart-page-dv,
  #espresso-event-cart-dv,
  #event-cart-page,
  #event-cart-dv,
  #ee-event-cart,
  .espresso-event-cart-page,
  .espresso-event-cart,
  .ee-event-cart
) table{
  width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  background: var(--ev-surface) !important;
  border: 1px solid var(--ev-border) !important;
  border-radius: var(--ev-radius) !important;
  box-shadow: var(--ev-shadow) !important;
  overflow: hidden !important;
}

body :is(
  #espresso-event-cart-page,
  #espresso-event-cart-page-dv,
  #espresso-event-cart-dv,
  #event-cart-page,
  #event-cart-dv,
  #ee-event-cart,
  .espresso-event-cart-page,
  .espresso-event-cart,
  .ee-event-cart
) thead th{
  background: rgba(2,6,23,.06) !important;
  color: var(--ev-ink) !important;
  font-weight: 750 !important;
  padding: 12px 12px !important;
  border-bottom: 1px solid var(--ev-border) !important;
}

body :is(
  #espresso-event-cart-page,
  #espresso-event-cart-page-dv,
  #espresso-event-cart-dv,
  #event-cart-page,
  #event-cart-dv,
  #ee-event-cart,
  .espresso-event-cart-page,
  .espresso-event-cart,
  .ee-event-cart
) :is(td, th){
  padding: 12px 12px !important;
  border-bottom: 1px solid rgba(15, 23, 42, .08) !important;
  vertical-align: middle !important;
}

body :is(
  #espresso-event-cart-page,
  #espresso-event-cart-page-dv,
  #espresso-event-cart-dv,
  #event-cart-page,
  #event-cart-dv,
  #ee-event-cart,
  .espresso-event-cart-page,
  .espresso-event-cart,
  .ee-event-cart
) tbody tr:nth-child(even){
  background: rgba(2,6,23,.02) !important;
}

/* Boutons panier (vider / mise à jour / valider / retour) */
body :is(
  #espresso-event-cart-page,
  #espresso-event-cart-page-dv,
  #espresso-event-cart-dv,
  #event-cart-page,
  #event-cart-dv,
  #ee-event-cart,
  .espresso-event-cart-page,
  .espresso-event-cart,
  .ee-event-cart
) :is(button, .button, .btn, .ee-button, input[type="submit"], input[type="button"], a.button){
  appearance: none !important;
  border: 0 !important;
  background: var(--ev-accent) !important;
  color: #fff !important;
  font-weight: 800 !important;
  border-radius: 999px !important;
  padding: 11px 16px !important;
  box-shadow: 0 10px 22px rgba(249,115,22,.22) !important;
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  text-decoration: none !important;
}

body :is(
  #espresso-event-cart-page,
  #espresso-event-cart-page-dv,
  #espresso-event-cart-dv,
  #event-cart-page,
  #event-cart-dv,
  #ee-event-cart,
  .espresso-event-cart-page,
  .espresso-event-cart,
  .ee-event-cart
) :is(button, .button, .btn, .ee-button, input[type="submit"], input[type="button"], a.button):hover{
  filter: brightness(1.03) !important;
  transform: translateY(-1px) !important;
}

/* Liens “retour liste” en bouton secondaire */
body :is(
  #espresso-event-cart-page,
  #espresso-event-cart-page-dv,
  #espresso-event-cart-dv,
  #event-cart-page,
  #event-cart-dv,
  #ee-event-cart,
  .espresso-event-cart-page,
  .espresso-event-cart,
  .ee-event-cart
) a[href*="/cours/"],
body :is(
  #espresso-event-cart-page,
  #espresso-event-cart-page-dv,
  #espresso-event-cart-dv,
  #event-cart-page,
  #event-cart-dv,
  #ee-event-cart,
  .espresso-event-cart-page,
  .espresso-event-cart,
  .ee-event-cart
) a[href*="/inscriptions"],
body :is(
  #espresso-event-cart-page,
  #espresso-event-cart-page-dv,
  #espresso-event-cart-dv,
  #event-cart-page,
  #event-cart-dv,
  #ee-event-cart,
  .espresso-event-cart-page,
  .espresso-event-cart,
  .ee-event-cart
) a[href*="event_list"]{
  background: rgba(2,6,23,.06) !important;
  color: var(--ev-ink) !important;
  border: 1px solid var(--ev-border) !important;
  box-shadow: none !important;
  border-radius: 999px !important;
  padding: 10px 14px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  text-decoration: none !important;
}

/* Inputs / contrôles quantité (générique, sans casser le JS EE) */
body :is(
  #espresso-event-cart-page,
  #espresso-event-cart-page-dv,
  #espresso-event-cart-dv,
  #event-cart-page,
  #event-cart-dv,
  #ee-event-cart,
  .espresso-event-cart-page,
  .espresso-event-cart,
  .ee-event-cart
) input[type="number"],
body :is(
  #espresso-event-cart-page,
  #espresso-event-cart-page-dv,
  #espresso-event-cart-dv,
  #event-cart-page,
  #event-cart-dv,
  #ee-event-cart,
  .espresso-event-cart-page,
  .espresso-event-cart,
  .ee-event-cart
) input[type="text"]{
  border: 1px solid rgba(15, 23, 42, .18) !important;
  border-radius: 12px !important;
  padding: 10px 10px !important;
  box-shadow: 0 1px 0 rgba(2,6,23,.05) !important;
}

/* Mobile : table -> cartes */
@media (max-width: 820px){
  body :is(
    #espresso-event-cart-page,
    #espresso-event-cart-page-dv,
    #espresso-event-cart-dv,
    #event-cart-page,
    #event-cart-dv,
    #ee-event-cart,
    .espresso-event-cart-page,
    .espresso-event-cart,
    .ee-event-cart
  ) thead{
    display: none !important;
  }

  body :is(
    #espresso-event-cart-page,
    #espresso-event-cart-page-dv,
    #espresso-event-cart-dv,
    #event-cart-page,
    #event-cart-dv,
    #ee-event-cart,
    .espresso-event-cart-page,
    .espresso-event-cart,
    .ee-event-cart
  ) table,
  body :is(
    #espresso-event-cart-page,
    #espresso-event-cart-page-dv,
    #espresso-event-cart-dv,
    #event-cart-page,
    #event-cart-dv,
    #ee-event-cart,
    .espresso-event-cart-page,
    .espresso-event-cart,
    .ee-event-cart
  ) tbody,
  body :is(
    #espresso-event-cart-page,
    #espresso-event-cart-page-dv,
    #espresso-event-cart-dv,
    #event-cart-page,
    #event-cart-dv,
    #ee-event-cart,
    .espresso-event-cart-page,
    .espresso-event-cart,
    .ee-event-cart
  ) tr{
    display: block !important;
  }

  body :is(
    #espresso-event-cart-page,
    #espresso-event-cart-page-dv,
    #espresso-event-cart-dv,
    #event-cart-page,
    #event-cart-dv,
    #ee-event-cart,
    .espresso-event-cart-page,
    .espresso-event-cart,
    .ee-event-cart
  ) tbody tr{
    margin: 0 0 12px !important;
    border: 1px solid var(--ev-border) !important;
    border-radius: 16px !important;
    box-shadow: 0 10px 22px rgba(2,6,23,.08) !important;
    background: var(--ev-surface) !important;
    padding: 12px 12px !important;
    overflow: hidden !important;
  }

  body :is(
    #espresso-event-cart-page,
    #espresso-event-cart-page-dv,
    #espresso-event-cart-dv,
    #event-cart-page,
    #event-cart-dv,
    #ee-event-cart,
    .espresso-event-cart-page,
    .espresso-event-cart,
    .ee-event-cart
  ) tbody tr td{
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 12px !important;
    border: 0 !important;
    padding: 10px 0 !important;
  }

  /* Labels via nth-child (table standard : Détails / Quantité / Prix / Total) */
  body :is(
    #espresso-event-cart-page,
    #espresso-event-cart-page-dv,
    #espresso-event-cart-dv,
    #event-cart-page,
    #event-cart-dv,
    #ee-event-cart,
    .espresso-event-cart-page,
    .espresso-event-cart,
    .ee-event-cart
  ) tbody tr td:nth-child(2)::before{
    content: "Quantité";
    color: rgba(15,23,42,.55);
    font-weight: 700;
    margin-right: auto;
  }
  body :is(
    #espresso-event-cart-page,
    #espresso-event-cart-page-dv,
    #espresso-event-cart-dv,
    #event-cart-page,
    #event-cart-dv,
    #ee-event-cart,
    .espresso-event-cart-page,
    .espresso-event-cart,
    .ee-event-cart
  ) tbody tr td:nth-child(3)::before{
    content: "Prix";
    color: rgba(15,23,42,.55);
    font-weight: 700;
    margin-right: auto;
  }
  body :is(
    #espresso-event-cart-page,
    #espresso-event-cart-page-dv,
    #espresso-event-cart-dv,
    #event-cart-page,
    #event-cart-dv,
    #ee-event-cart,
    .espresso-event-cart-page,
    .espresso-event-cart,
    .ee-event-cart
  ) tbody tr td:nth-child(4)::before{
    content: "Total";
    color: rgba(15,23,42,.55);
    font-weight: 700;
    margin-right: auto;
  }
}
/* ==========================================================================
   EVASION — PANIER (Event Cart) V2 — ciblage par table *cart*
   Objectif: ne toucher QUE la page panier (table/cart actions)
   ========================================================================== */

/* DEBUG (10s) : si tu décommentes, tu dois voir un contour rouge sur la table panier */
 /*
main#content :is(table[id*="cart" i], table[class*="cart" i]){
  outline: 6px solid red !important;
}
*/

/* Table panier (cible seulement les tables qui contiennent "cart" dans id/class) */
main#content :is(table[id*="cart" i], table[class*="cart" i]){
  width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  background: var(--ev-surface, #fff) !important;
  border: 1px solid var(--ev-border, rgba(15,23,42,.12)) !important;
  border-radius: var(--ev-radius, 18px) !important;
  box-shadow: var(--ev-shadow, 0 10px 30px rgba(2,6,23,.12)) !important;
  overflow: hidden !important;
}

main#content :is(table[id*="cart" i], table[class*="cart" i]) thead th{
  background: rgba(2,6,23,.06) !important;
  color: var(--ev-ink, #0f172a) !important;
  font-weight: 750 !important;
  padding: 12px 12px !important;
  border-bottom: 1px solid var(--ev-border, rgba(15,23,42,.12)) !important;
}

main#content :is(table[id*="cart" i], table[class*="cart" i]) :is(td,th){
  padding: 12px 12px !important;
  border-bottom: 1px solid rgba(15, 23, 42, .08) !important;
  vertical-align: middle !important;
}

main#content :is(table[id*="cart" i], table[class*="cart" i]) tbody tr:nth-child(even){
  background: rgba(2,6,23,.02) !important;
}

/* Boutons dans la zone panier : on cible le parent proche de la table */
main#content :is(table[id*="cart" i], table[class*="cart" i]) a,
main#content :is(table[id*="cart" i], table[class*="cart" i]) button,
main#content :is(table[id*="cart" i], table[class*="cart" i]) input[type="submit"],
main#content :is(table[id*="cart" i], table[class*="cart" i]) input[type="button"]{
  font-family: inherit !important;
}

/* La plupart des actions panier sont après la table : on stylise les boutons EE autour */
main#content :has(:is(table[id*="cart" i], table[class*="cart" i]))
  :is(.ee-button, a.button, button, input[type="submit"], input[type="button"]){
  appearance: none !important;
  border: 0 !important;
  background: var(--ev-accent, #F97316) !important;
  color: #fff !important;
  font-weight: 800 !important;
  border-radius: 999px !important;
  padding: 11px 16px !important;
  box-shadow: 0 10px 22px rgba(249,115,22,.22) !important;
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  text-decoration: none !important;
}

main#content :has(:is(table[id*="cart" i], table[class*="cart" i]))
  :is(.ee-button, a.button, button, input[type="submit"], input[type="button"]):hover{
  filter: brightness(1.03) !important;
  transform: translateY(-1px) !important;
}

/* Bouton “Retourner à la liste des évènements” en style secondaire */
main#content :has(:is(table[id*="cart" i], table[class*="cart" i]))
  a[href*="/cours/" i],
main#content :has(:is(table[id*="cart" i], table[class*="cart" i]))
  a[href*="/inscriptions" i],
main#content :has(:is(table[id*="cart" i], table[class*="cart" i]))
  a[href*="event_list" i]{
  background: rgba(2,6,23,.06) !important;
  color: var(--ev-ink, #0f172a) !important;
  border: 1px solid var(--ev-border, rgba(15,23,42,.12)) !important;
  box-shadow: none !important;
}

/* Mobile: on garde la table intacte mais scrollable proprement */
@media (max-width: 820px){
  main#content :is(table[id*="cart" i], table[class*="cart" i]){
    display: block !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }
  main#content :is(table[id*="cart" i], table[class*="cart" i]) :is(td,th){
    white-space: nowrap !important;
  }
}
/* ==========================================================================
   EVASION — PANIER (Event Espresso cart) — V3 (ciblage exact)
   ========================================================================== */

#event-cart{
  max-width: 980px;
  margin: 42px auto 56px !important;
  padding: 0 16px !important;
  font-family: Inter, Poppins, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif !important;
}

#event-cart h2{
  margin: 0 0 18px !important;
  font-size: clamp(28px, 3vw, 40px) !important;
  font-weight: 850 !important;
  letter-spacing: -0.02em !important;
  text-transform: none !important;
  color: #0f172a !important;
}

/* Carte principale */
#event-cart-wrap-dv{
  background: #fff !important;
  border: 1px solid rgba(15,23,42,.12) !important;
  border-radius: 18px !important;
  box-shadow: 0 12px 28px rgba(2,6,23,.10) !important;
  overflow: hidden !important;
}

/* Table */
#event-cart-tbl{
  width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  margin: 0 !important;
}

#event-cart-tbl thead td{
  background: rgba(2,6,23,.05) !important;
  color: #0f172a !important;
  font-weight: 800 !important;
  padding: 14px 14px !important;
  border-bottom: 1px solid rgba(15,23,42,.10) !important;
}

#event-cart-tbl tbody td{
  padding: 14px 14px !important;
  border-bottom: 1px solid rgba(15,23,42,.08) !important;
  color: rgba(2,6,23,.86) !important;
  vertical-align: middle !important;
}

#event-cart-tbl tbody tr:nth-child(even){
  background: rgba(2,6,23,.02) !important;
}

/* Align helpers (tu as déjà ces classes) */
#event-cart .jst-left{ text-align:left !important; }
#event-cart .jst-cntr{ text-align:center !important; }
#event-cart .jst-rght{ text-align:right !important; }

/* Message panier vide */
#event-cart-tbl .event-cart-tbl-row-empty-msg td{
  padding: 22px 16px !important;
  text-align: center !important;
  color: rgba(2,6,23,.62) !important;
  font-weight: 700 !important;
}

/* Ligne total */
#event-cart-tbl tr.event-cart-total-row td{
  background: rgba(249,115,22,.08) !important;
  border-bottom: 0 !important;
}
#event-cart-tbl tr.event-cart-total-row strong{
  color: #0f172a !important;
  font-weight: 900 !important;
}

/* Boutons */
#event-cart-whats-next-buttons{
  display: flex !important;
  gap: 12px !important;
  flex-wrap: wrap !important;
  padding: 14px !important;
}

#event-cart-whats-next-buttons .event-cart-button.button,
#event-cart-whats-next-buttons a.button,
#event-cart-whats-next-buttons a{
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  border-radius: 999px !important;
  padding: 12px 16px !important;
  font-weight: 850 !important;
  text-decoration: none !important;
  border: 0 !important;
}

/* Bouton retour : style “secondaire” */
#event-cart-whats-next-buttons .event-cart-go-back-button{
  background: rgba(2,6,23,.06) !important;
  color: #0f172a !important;
  border: 1px solid rgba(15,23,42,.12) !important;
}

/* Mobile : table => “cartes” lisibles */
@media (max-width: 760px){
  #event-cart-wrap-dv{ border-radius: 16px !important; }

  /* on masque l’entête table */
  #event-cart-tbl thead{ display:none !important; }

  /* chaque ligne devient une “carte” */
  #event-cart-tbl tbody tr{
    display:block !important;
    padding: 12px 14px !important;
    background: #fff !important;
  }
  #event-cart-tbl tbody tr + tr{
    border-top: 1px solid rgba(15,23,42,.08) !important;
  }

  /* cellules en 2 colonnes : label / valeur */
  #event-cart-tbl tbody tr td{
    display:flex !important;
    justify-content: space-between !important;
    gap: 12px !important;
    padding: 8px 0 !important;
    border-bottom: 0 !important;
    white-space: normal !important;
  }

  /* labels automatiques */
  #event-cart-tbl tbody tr td:nth-child(1)::before{ content:"Détails"; font-weight:800; color:rgba(2,6,23,.55); }
  #event-cart-tbl tbody tr td:nth-child(2)::before{ content:"Quantité"; font-weight:800; color:rgba(2,6,23,.55); }
  #event-cart-tbl tbody tr td:nth-child(3)::before{ content:"Prix"; font-weight:800; color:rgba(2,6,23,.55); }
  #event-cart-tbl tbody tr td:nth-child(4)::before{ content:"Total"; font-weight:800; color:rgba(2,6,23,.55); }

  /* Exceptions : ligne vide / ligne total */
  #event-cart-tbl .event-cart-tbl-row-empty-msg td{
    display:block !important;
    padding: 10px 0 !important;
    text-align:center !important;
  }
  #event-cart-tbl .event-cart-tbl-row-empty-msg td::before{ content:""; }

  #event-cart-tbl tr.event-cart-total-row td{
    display:flex !important;
    background: transparent !important;
    padding: 8px 0 !important;
  }
  #event-cart-tbl tr.event-cart-total-row td::before{ content:""; }
}
/* ==========================================================================
   EVASION — NOTICES AJAX (Event Espresso) — look “popup premium”
   ========================================================================== */

#espresso-ajax-notices{
  position: fixed !important;
  top: 88px !important;          /* sous ton header sticky */
  left: 12px !important;
  right: 12px !important;
  z-index: 99999 !important;
  pointer-events: none !important;
}

#espresso-ajax-notices .espresso-ajax-notices{
  max-width: 820px !important;
  margin: 0 auto 10px !important;
  padding: 14px 16px !important;
  border-radius: 16px !important;
  box-shadow: 0 18px 40px rgba(2,6,23,.18) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  color: rgba(255,255,255,.92) !important;
  background: rgba(2,6,23,.92) !important;
  backdrop-filter: blur(10px) !important;
  pointer-events: auto !important;
}

#espresso-ajax-notices .espresso-ajax-notices.success{
  border-color: rgba(34,197,94,.35) !important;
}
#espresso-ajax-notices .espresso-ajax-notices.attention{
  border-color: rgba(249,115,22,.40) !important;
}
#espresso-ajax-notices .espresso-ajax-notices.error{
  border-color: rgba(239,68,68,.40) !important;
}

#espresso-ajax-notices .espresso-notices-msg{
  margin: 0 !important;
  font-weight: 700 !important;
}

#espresso-ajax-notices .close-espresso-notice{
  color: rgba(255,255,255,.85) !important;
  opacity: .9 !important;
}