/* =========================================================
   CSS PERSONNALISÉ COMPLET – AU SERVICE DE MADAME
   À coller dans Apparence › Personnaliser › CSS additionnel, EN REMPLACEMENT
   de tout le contenu actuel (qui contenait deux fois la même partie).
   A = lisibilité Tutor jour/nuit (ton CSS actuel, une seule fois)
   B = verre, boutons, décor (inactif tant que le code du header ne l'allume pas)
   ========================================================= */
/* ===== A. Lisibilité Tutor jour/nuit ===== */
/* =========================================================
   CSS ADDITIONNEL – AU SERVICE DE MADAME
   Version jour / nuit (suit html[data-tutor-theme="dark"])
   Remplace intégralement l'ancien CSS additionnel.
   ========================================================= */

/* --- 1. VARIABLES LOCALES TUTOR (jour par défaut) --- */
:root {
    --asm-page: #f4f3f0;                    /* fond de page */
    --asm-surface: #f4f3f0;                 /* fond des cartes */
    --asm-surface-2: #ebe8e2;               /* entête de module, survol */
    --asm-text: #1f1f21;                    /* texte courant */
    --asm-muted: rgba(31, 31, 33, 0.62);    /* texte secondaire, icônes */
    --asm-title: #8a6327;                   /* titres dorés lisibles sur clair */
    --asm-accent: #8a6327;                  /* survol, onglet actif, boutons */
    --asm-line: rgba(181, 141, 76, 0.35);   /* filets */
    --asm-sh-dark: #d9d6d0;                 /* ombre neumorphe */
    --asm-sh-light: #ffffff;                /* lumière neumorphe */
    --asm-header: rgba(244, 243, 240, 0.75);
}

/* --- 1b. NUIT --- */
html[data-tutor-theme="dark"] {
    --asm-page: #1b1d24;
    --asm-surface: #22252d;
    --asm-surface-2: #2a2e37;
    --asm-text: #f4f3f0;
    --asm-muted: rgba(244, 243, 240, 0.66);
    --asm-title: #e3cfb4;
    --asm-accent: #d4af37;
    --asm-line: rgba(227, 207, 180, 0.22);
    --asm-sh-dark: rgba(0, 0, 0, 0.55);
    --asm-sh-light: rgba(255, 255, 255, 0.035);
    --asm-header: rgba(27, 29, 36, 0.72);
}

/* --- 2. HEADER GIVRÉ (suit le thème) --- */
.elementor-location-header {
    position: sticky !important;
    top: 0;
    z-index: 9999;
    background-color: transparent !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border-bottom: 1px solid var(--asm-line);
    isolation: isolate;
}
/* Le givre est porté par un calque derrière l'en-tête, jamais par l'en-tête
   lui-même : un backdrop-filter sur l'en-tête en ferait le cadre de tout ce
   qui est « position: fixed » à l'intérieur, et le panneau du panier
   resterait prisonnier de la barre au lieu de couvrir l'écran. */
.elementor-location-header::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background-color: var(--asm-header);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    transition: background-color 0.3s ease;
}

/* Elementor pose un « filter: blur(0) » sur le conteneur de l'en-tête : sans
   effet visible, il suffit pourtant à emprisonner le panneau du panier (fixe)
   dans la hauteur de la barre. On le neutralise sur la chaîne de l'en-tête. */
.elementor-location-header > .elementor-element,
.elementor-location-header > .elementor-element > .elementor-element,
.elementor-location-header .elementor-widget-woocommerce-menu-cart {
    filter: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

/* Le panneau du panier suit la maison : nacre ou nuit, filet d'or, texte lisible. */
.elementor-menu-cart__main {
    background-color: var(--asm-surface) !important;
    backdrop-filter: blur(20px) saturate(1.4);
    -webkit-backdrop-filter: blur(20px) saturate(1.4);
    border-left: 1px solid var(--asm-line) !important;
    box-shadow: -14px 0 40px var(--asm-sh-dark) !important;
    color: var(--asm-text) !important;
}
.elementor-menu-cart__main,
.elementor-menu-cart__main .woocommerce-mini-cart__empty-message,
.elementor-menu-cart__main .elementor-menu-cart__product-name a,
.elementor-menu-cart__main .elementor-menu-cart__subtotal { color: var(--asm-text) !important; }
.elementor-menu-cart__main .elementor-menu-cart__close-button { color: var(--asm-accent) !important; background: transparent !important; }
.elementor-menu-cart__main .elementor-menu-cart__product-price,
.elementor-menu-cart__main .woocommerce-Price-amount { color: var(--asm-accent) !important; }
.elementor-menu-cart__main .elementor-menu-cart__product,
.elementor-menu-cart__main .elementor-menu-cart__subtotal { border-color: var(--asm-line) !important; }

/* Flèche du sous-menu : taille bornée (sans cette règle, certaines pages
   chargent la flèche à sa taille brute, plusieurs centaines de pixels). */
.elementor-location-header .sub-arrow svg,
.elementor-location-header .sub-arrow .e-font-icon-svg { width: 0.75em !important; height: 0.75em !important; }

/* --- 3. BOUTONS TUTOR DANS LA PAGE COURS --- */
html body .tutor-wrap .tutor-btn:not(.disabled):not([disabled]):not(.tutor-btn-ghost) {
    background-color: var(--asm-surface) !important;
    color: var(--asm-accent) !important;
    border: 1px solid var(--asm-accent) !important;
    box-shadow: 5px 5px 12px var(--asm-sh-dark), -5px -5px 12px var(--asm-sh-light) !important;
}
html body .tutor-wrap .tutor-btn:not(.disabled):not([disabled]):not(.tutor-btn-ghost):hover {
    color: var(--asm-text) !important;
    box-shadow: 0 0 15px rgba(227, 207, 180, 0.45),
                inset 2px 2px 5px var(--asm-sh-dark),
                inset -2px -2px 5px var(--asm-sh-light) !important;
}
html body .tutor-wrap .tutor-btn.tutor-btn-ghost {
    background: transparent !important;
    color: var(--asm-accent) !important;
}

/* --- 4. CARTES NEUMORPHES (fonds codés en dur par Tutor) --- */
.tutor-wrap .tutor-sidebar-card,
.tutor-wrap .tutor-single-course-sidebar-more,
.tutor-wrap .tutor-accordion-item,
.tutor-wrap #tutor-course-details-tab-info .tutor-course-details-widget,
.tutor-wrap #tutor-certificate-showcase .tutor-cs-text {
    background-color: var(--asm-surface) !important;
    background-image: none !important;
    border: 1px solid var(--asm-line) !important;
    border-radius: 12px !important;
    box-shadow: 8px 8px 16px var(--asm-sh-dark), -8px -8px 16px var(--asm-sh-light) !important;
    overflow: hidden;
}

/* Intérieurs transparents : c'est la carte qui porte le fond */
.tutor-wrap .tutor-sidebar-card .tutor-card-body,
.tutor-wrap .tutor-sidebar-card .tutor-card-footer,
.tutor-wrap .tutor-single-course-sidebar-more .tutor-course-details-widget,
.tutor-wrap .tutor-single-course-sidebar-more .tutor-course-details-instructors,
.tutor-wrap .tutor-accordion-item-body,
.tutor-wrap .tutor-accordion-item-body-content,
.tutor-wrap .tutor-course-content-list,
.tutor-wrap .tutor-course-content-list-item,
.tutor-wrap #tutor-certificate-showcase .tutor-cs-text > div {
    background-color: transparent !important;
    border-color: var(--asm-line) !important;
}

/* Entête du module (« Formation gouvernante ») */
.tutor-wrap .tutor-accordion-item-header,
.tutor-wrap .tutor-accordion-item-header.is-active {
    background-color: var(--asm-surface-2) !important;
    color: var(--asm-title) !important;
    border-bottom: 1px solid var(--asm-line) !important;
}
.tutor-wrap .tutor-accordion-item-header::after,
.tutor-wrap .tutor-accordion-item-header .tooltip-icon {
    color: var(--asm-accent) !important;
}

/* --- 5. TEXTES DE LA COLONNE PRINCIPALE --- */
.tutor-wrap .tutor-course-details-title,
.tutor-wrap .tutor-course-details-title span,
.tutor-wrap .tutor-course-details-content h2,
.tutor-wrap .tutor-course-details-widget-title,
.tutor-wrap .tutor-course-content-title,
.tutor-wrap .tutor-sidebar-card h3,
.tutor-wrap .tutor-course-details-instructors h3 {
    color: var(--asm-title) !important;
}

.tutor-wrap .tutor-course-details-content p,
.tutor-wrap .tutor-course-details-content .tutor-color-secondary,
.tutor-wrap .tutor-course-details-widget-list,
.tutor-wrap .tutor-course-details-widget-list span,
.tutor-wrap .tutor-meta,
.tutor-wrap .tutor-meta div,
.tutor-wrap #tutor-certificate-showcase p,
.tutor-wrap .tutor-sidebar-card .tutor-color-secondary,
.tutor-wrap .tutor-sidebar-card .tutor-ul span,
.tutor-wrap .tutor-course-details-instructors a {
    color: var(--asm-text) !important;
}

.tutor-wrap .tutor-color-muted,
.tutor-wrap .tutor-icon-bullet-point,
.tutor-wrap .tutor-sidebar-card .tutor-ul [class*="tutor-icon-"] {
    color: var(--asm-accent) !important;
}

/* --- 6. LISTE DES LEÇONS (le point bloquant) --- */
.tutor-wrap .tutor-course-content-list-item {
    border-bottom: 1px solid var(--asm-line) !important;
    transition: background-color 0.3s ease !important;
}
.tutor-wrap .tutor-course-content-list-item:last-child {
    border-bottom: 0 !important;
}
.tutor-wrap .tutor-course-content-list-item-title,
.tutor-wrap .tutor-course-content-list-item-title a,
.tutor-wrap .tutor-course-content-list-item .lesson-preview-title {
    color: var(--asm-text) !important;
    text-decoration: none !important;
}
.tutor-wrap .tutor-course-content-list-item-icon,
.tutor-wrap .tutor-course-content-list-item-status,
.tutor-wrap .tutor-course-content-list-item-duration {
    color: var(--asm-muted) !important;
}

.tutor-wrap .tutor-course-content-list-item:hover {
    background-color: var(--asm-surface-2) !important;
}
.tutor-wrap .tutor-course-content-list-item:hover .tutor-course-content-list-item-title,
.tutor-wrap .tutor-course-content-list-item:hover .tutor-course-content-list-item-title a,
.tutor-wrap .tutor-course-content-list-item:hover .lesson-preview-title,
.tutor-wrap .tutor-course-content-list-item:hover [class*="tutor-icon-"] {
    color: var(--asm-accent) !important;
}

/* --- 7. PROGRESSION & ALERTE --- */
.tutor-wrap .tutor-progress-bar {
    background-color: var(--asm-line) !important;
}
.tutor-wrap .tutor-progress-value {
    background-color: var(--asm-accent) !important;
}
.tutor-wrap .tutor-alert.tutor-warning {
    background-color: transparent !important;
    border: 1px solid var(--asm-accent) !important;
}
.tutor-wrap .tutor-alert.tutor-warning,
.tutor-wrap .tutor-alert.tutor-warning span {
    color: var(--asm-text) !important;
}
.tutor-wrap .tutor-alert.tutor-warning .tutor-alert-icon {
    color: var(--asm-accent) !important;
}

/* --- 8. ONGLETS (Infos, Avis, Annonces…) --- */
.tutor-wrap .tutor-is-sticky,
.tutor-wrap .tutor-course-details-tab .tutor-is-sticky {
    background-color: var(--asm-page) !important;
}
.tutor-wrap .tutor-nav {
    background-color: transparent !important;
    border-bottom: 1px solid var(--asm-line) !important;
}
.tutor-wrap .tutor-nav-link {
    color: var(--asm-muted) !important;
    background: transparent !important;
}
.tutor-wrap .tutor-nav-link:hover {
    color: var(--asm-accent) !important;
}
.tutor-wrap .tutor-nav-link.is-active {
    color: var(--asm-accent) !important;
    border-bottom: 2px solid var(--asm-accent) !important;
}

/* =========================================================
   9. CATALOGUE DES COURS (/cours/) – filtres + cartes
   ========================================================= */

/* Filtres de gauche */
.tutor-courses-wrap .tutor-widget-title,
.tutor-courses-wrap > .tutor-d-block .tutor-fs-3 {
    color: var(--asm-title) !important;
}
.tutor-courses-wrap .tutor-course-filter .tutor-list-item,
.tutor-courses-wrap .tutor-course-filter .tutor-list-item label {
    color: var(--asm-text) !important;
    cursor: pointer;
}
.tutor-courses-wrap .tutor-course-filter .tutor-list-item label:hover {
    color: var(--asm-accent) !important;
}

/* Cases à cocher */
.tutor-courses-wrap .tutor-form-check-input[type="checkbox"] {
    background-color: var(--asm-surface) !important;
    border: 1px solid var(--asm-accent) !important;
    box-shadow: inset 2px 2px 4px var(--asm-sh-dark), inset -2px -2px 4px var(--asm-sh-light) !important;
    accent-color: var(--asm-accent);
}
.tutor-courses-wrap .tutor-form-check-input[type="checkbox"]:checked {
    background-color: var(--asm-accent) !important;
    border-color: var(--asm-accent) !important;
}

/* Recherche et tri */
.tutor-courses-wrap .tutor-form-control,
.tutor-courses-wrap .tutor-form-select {
    background-color: var(--asm-surface) !important;
    color: var(--asm-text) !important;
    border: 1px solid var(--asm-accent) !important;
}
.tutor-courses-wrap .tutor-form-control::placeholder {
    color: var(--asm-muted) !important;
}
.tutor-courses-wrap .tutor-form-icon {
    color: var(--asm-muted) !important;
}
.tutor-courses-wrap .tutor-form-select option {
    background-color: var(--asm-surface);
    color: var(--asm-text);
}

/* Cartes de cours */
.tutor-courses-wrap .tutor-course-card {
    background-color: var(--asm-surface) !important;
    border: 1px solid var(--asm-line) !important;
    border-radius: 12px !important;
    box-shadow: 8px 8px 16px var(--asm-sh-dark), -8px -8px 16px var(--asm-sh-light) !important;
    overflow: hidden;
}
.tutor-courses-wrap .tutor-course-card .tutor-card-body,
.tutor-courses-wrap .tutor-course-card .tutor-card-footer {
    background-color: transparent !important;
    border-color: var(--asm-line) !important;
}
.tutor-courses-wrap .tutor-course-card,
.tutor-courses-wrap .tutor-course-card .tutor-meta,
.tutor-courses-wrap .tutor-course-card .tutor-meta div,
.tutor-courses-wrap .tutor-course-card .tutor-meta-value,
.tutor-courses-wrap .tutor-course-card .tutor-meta a,
.tutor-courses-wrap .tutor-course-card .tutor-item-price span,
.tutor-courses-wrap .tutor-course-card .price {
    color: var(--asm-text) !important;
}
.tutor-courses-wrap .tutor-course-card .tutor-course-name,
.tutor-courses-wrap .tutor-course-card .tutor-course-name a {
    color: var(--asm-text) !important;
    transition: color 0.3s ease;
}
.tutor-courses-wrap .tutor-course-card .tutor-course-name a:hover {
    color: var(--asm-accent) !important;
}
.tutor-courses-wrap .tutor-course-card .tutor-meta-icon,
.tutor-courses-wrap .tutor-course-card .tutor-item-price del,
.tutor-courses-wrap .tutor-course-card del {
    color: var(--asm-muted) !important;
}
.tutor-courses-wrap .tutor-course-card .tutor-ratings-stars span {
    color: var(--asm-accent) !important;
}
.tutor-courses-wrap .tutor-course-card .tutor-avatar {
    background-color: #ffffff;   /* le logo reste sur pastille blanche */
    border: 1px solid var(--asm-line);
}
.tutor-courses-wrap .tutor-course-bookmark .tutor-iconic-btn {
    background-color: var(--asm-surface) !important;
    color: var(--asm-accent) !important;
    border: 1px solid var(--asm-line) !important;
}


/* ===== B. Habillage de l'accueil : verre, boutons, décor ===== */
/* =========================================================
   AU SERVICE DE MADAME — habillage WordPress (/academy/)
   Mêmes jetons, même verre, mêmes boutons, même décor que la page
   d'accueil statique. Chargé par le code personnalisé Elementor.
   Tout est préfixé par html[data-asdm] : cette spécificité passe devant
   le CSS du kit Elementor et le CSS additionnel sans casser l'éditeur.
   ========================================================= */

/* ---------- 0. Pont avec le CSS additionnel déjà en place ----------
   La lisibilité jour/nuit de Tutor reste dans le CSS additionnel du thème
   (variables --asm-*). On ne la double pas : on redirige seulement ses
   surfaces vers le verre. html[data-asdm] passe devant :root et
   html[data-tutor-theme="dark"], quel que soit l'ordre de chargement. */
html[data-asdm] {
  --asm-page: transparent;
  --asm-surface: var(--verre);
  --asm-surface-2: rgba(255, 255, 255, 0.14);
  --asm-header: var(--entete);
}
html[data-asdm][data-tutor-theme="dark"] {
  --asm-page: transparent;
  --asm-surface: var(--verre);
  --asm-surface-2: rgba(255, 255, 255, 0.05);
  --asm-header: var(--entete);
}

/* ---------- 1. Jetons : identiques à assets/css/site.css ---------- */
html[data-asdm] {
  --nacre: #f4f3f0;
  --texte: #1f1f21;
  --texte-doux: rgba(31, 31, 33, 0.72);
  --or: #c5a059;
  --or-fonce: #b58d4c;
  --or-lisible: #8a6327;
  --champagne: #e3cfb4;
  --ombre-claire: #ffffff;
  --ombre-sombre: rgba(200, 195, 185, 0.55);
  --ombre-creux: rgba(200, 195, 185, 0.75);
  --verre: rgba(244, 243, 240, 0.62);
  --verre-bord: rgba(255, 255, 255, 0.7);
  --entete: rgba(244, 243, 240, 0.84);
  --filet: rgba(197, 160, 89, 0.35);
  --nuit: 0;
  --rayon: 22px;
  /* Le kit Elementor et l'ancien CSS additionnel lisent ces noms-là : on les aligne. */
  --bg-nacre: var(--nacre);
  --bg-poudre: var(--texte);
  --gold-intense: var(--or);
  --gold-dark: var(--or-lisible);
  --shadow-light: var(--ombre-claire);
  --shadow-dark: var(--ombre-sombre);
  --shadow-inset-dark: var(--ombre-creux);
  --bg-header: var(--entete);
}
html[data-asdm][data-tutor-theme="dark"] {
  --nacre: #1b1d24;
  --texte: #f4f3f0;
  --texte-doux: rgba(244, 243, 240, 0.74);
  --or-fonce: #d4af37;
  --or-lisible: #e3cfb4;
  --ombre-claire: rgba(255, 255, 255, 0.035);
  --ombre-sombre: rgba(0, 0, 0, 0.55);
  --ombre-creux: rgba(0, 0, 0, 0.75);
  --verre: rgba(30, 33, 42, 0.58);
  --verre-bord: rgba(227, 207, 180, 0.16);
  --entete: rgba(27, 29, 36, 0.84);
  --filet: rgba(227, 207, 180, 0.22);
  --nuit: 1;
  --gold-dark: #d4af37;
}

/* ---------- 2. Fond de page : le même que l'accueil ---------- */
/* Le tableau de bord de Tutor peint aussi <html> : le fond du body cesse alors
   de remonter jusqu'au canevas et se peint PAR-DESSUS le décor (z-index −1).
   C'est pour cela qu'aucune illustration n'y apparaissait. */
html[data-asdm] { background: transparent !important; }
/* Les fonds opaques du kit (body, .site-main, .elementor-page) masqueraient le décor. */
html[data-asdm] body {
  background:
    radial-gradient(1200px 700px at 12% 8%, rgba(227, 207, 180, 0.35), transparent 60%),
    radial-gradient(900px 600px at 90% 40%, rgba(255, 255, 255, 0.7), transparent 60%),
    radial-gradient(1000px 800px at 30% 85%, rgba(227, 207, 180, 0.28), transparent 60%),
    #f4f3f0 !important;
  color: var(--texte) !important;
}
html[data-asdm] .site-main,
html[data-asdm] .elementor-page,
html[data-asdm] body.elementor-page { background-color: transparent !important; }
html[data-asdm] body.elementor-page { background:
    radial-gradient(1200px 700px at 12% 8%, rgba(227, 207, 180, 0.35), transparent 60%),
    radial-gradient(900px 600px at 90% 40%, rgba(255, 255, 255, 0.7), transparent 60%),
    #f4f3f0 !important; }
/* La nuit arrive par l'opacité d'un voile, sous le décor (z-index −2). */
html[data-asdm] body::after {
  content: ""; position: fixed; inset: 0; z-index: -2; pointer-events: none;
  background:
    radial-gradient(1100px 700px at 15% 10%, rgba(197, 160, 89, 0.14), transparent 60%),
    radial-gradient(900px 700px at 85% 55%, rgba(60, 70, 110, 0.35), transparent 65%),
    linear-gradient(180deg, #1d1f27 0%, #1b1d24 50%, #16181e 100%);
  opacity: var(--nuit);
  transition: opacity .9s ease;
}

/* ---------- 3. En-tête : la même barre de verre et les mêmes pilules ---------- */
html[data-asdm] .elementor-location-header {
  background: transparent !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  border-bottom: 1px solid var(--filet) !important;
}
html[data-asdm] .elementor-location-header::before {
  background-color: var(--entete);
  -webkit-backdrop-filter: blur(20px) saturate(1.5);
  backdrop-filter: blur(20px) saturate(1.5);
}
html[data-asdm] .elementor-location-header .encadre-luxe-logo {
  background: #f4f3f0 !important;          /* lettrage bordeaux : pastille nacrée jour et nuit */
  border: 1px solid var(--or) !important;
  border-radius: 999px !important;
}
html[data-asdm] body .elementor-widget-nav-menu .elementor-nav-menu--main {
  background: var(--nacre) !important;
  border: 1px solid var(--or) !important;
  border-radius: 999px !important;
  box-shadow: 6px 6px 12px var(--ombre-sombre), -6px -6px 12px var(--ombre-claire), inset 0 4px 6px rgba(255, 255, 255, 0.35) !important;
}
html[data-asdm] body .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item {
  font: 700 12.5px/1.2 'Montserrat', sans-serif !important;
  letter-spacing: .15em !important;
  color: var(--or-lisible) !important;
}
html[data-asdm][data-tutor-theme="dark"] body .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item { color: var(--or-fonce) !important; }
html[data-asdm] body .elementor-menu-cart__toggle .elementor-button,
html[data-asdm] body .elementor-menu-cart__toggle {
  color: var(--or-lisible) !important;
}
/* Bouton jour/nuit injecté dans l'en-tête : copie exacte de .pilule-rond */
html[data-asdm] body .asdm-bascule {
  width: 44px !important; height: 44px !important; min-height: 0 !important; margin: 0 10px 0 0; padding: 0 !important; flex: 0 0 44px;
  border-radius: 999px !important; border: 1px solid var(--or) !important; background: var(--nacre) !important;
  display: inline-grid; place-items: center; cursor: pointer;
  color: var(--or-fonce);
  background: var(--nacre);
  border: 1px solid var(--or);
  border-radius: 999px;
  box-shadow: 6px 6px 12px var(--ombre-sombre), -6px -6px 12px var(--ombre-claire), inset 0 4px 6px rgba(255, 255, 255, 0.35);
  transition: box-shadow .4s ease, background-color .6s ease;
}
.asdm-bascule:hover { box-shadow: inset 3px 3px 6px var(--ombre-creux), inset -3px -3px 6px var(--ombre-claire); }
.asdm-bascule svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; }
.asdm-bascule .ico-lune { display: none; }
html[data-tutor-theme="dark"] .asdm-bascule .ico-soleil { display: none; }
html[data-tutor-theme="dark"] .asdm-bascule .ico-lune { display: block; fill: currentColor; stroke: none; }
html[data-asdm] body .asdm-bascule.flottante { position: fixed; right: 18px; bottom: 18px; z-index: 9990; margin: 0; }

/* La bascule et le panier côte à côte, comme sur l'accueil */
.asdm-rangee { display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: flex-end; gap: 10px; }

/* ---------- 4. Le verre : identique à .verre ---------- */
/* Toute « fenêtre » de WordPress : cartes Tutor, blocs WooCommerce, formulaires,
   et tout conteneur Elementor auquel on donne la classe CSS « verre ». */
html[data-asdm] body .verre,
html[data-asdm] body .tutor-course-card,
html[data-asdm] body .tutor-course-filter-form,
html[data-asdm] body .tutor-sidebar-card,
html[data-asdm] body .tutor-single-course-sidebar-more,
html[data-asdm] body .tutor-accordion-item,
html[data-asdm] body #tutor-course-details-tab-info .tutor-course-details-widget,
html[data-asdm] body #tutor-certificate-showcase .tutor-cs-text,
html[data-asdm] body .tutor-dashboard .tutor-card,
html[data-asdm] body .tutor-dashboard-left-menu,
html[data-asdm] body .tutor-login-wrap,
html[data-asdm] body .tutor-login-form-wrapper,
html[data-asdm] body .tutor-registration-wrap,
html[data-asdm] body #tutor-registration-wrap,
html[data-asdm] body .woocommerce-cart-form,
html[data-asdm] body .cart_totals,
html[data-asdm] body .woocommerce-checkout #customer_details,
html[data-asdm] body .woocommerce-checkout-review-order,
html[data-asdm] body .woocommerce-MyAccount-navigation,
html[data-asdm] body .woocommerce-MyAccount-content,
html[data-asdm] body .woocommerce-form-login,
html[data-asdm] body .woocommerce-form-register,
html[data-asdm] body .woocommerce-order,
html[data-asdm] body .tutor-certificate-verification,
html[data-asdm] body .elementor-widget-form .elementor-form {
  background: var(--verre) !important;
  background-image: none !important;
  -webkit-backdrop-filter: blur(11px) saturate(1.3) !important;
  backdrop-filter: blur(11px) saturate(1.3) !important;
  border: 1px solid var(--verre-bord) !important;
  border-radius: var(--rayon) !important;
  box-shadow: 14px 14px 34px var(--ombre-sombre), -10px -10px 28px var(--ombre-claire), inset 0 1px 0 rgba(255, 255, 255, 0.35) !important;
  transition: background-color .6s ease, border-color .6s ease, box-shadow .6s ease;
}
/* Un peu d'air dans les blocs WooCommerce, qui n'en prévoient pas */
html[data-asdm] body .woocommerce-cart-form,
html[data-asdm] body .cart_totals,
html[data-asdm] body .woocommerce-checkout #customer_details,
html[data-asdm] body .woocommerce-checkout-review-order,
html[data-asdm] body .woocommerce-MyAccount-navigation,
html[data-asdm] body .woocommerce-MyAccount-content,
html[data-asdm] body .woocommerce-form-login,
html[data-asdm] body .woocommerce-form-register,
html[data-asdm] body .tutor-course-filter-form,
html[data-asdm] body .elementor-widget-form .elementor-form { padding: clamp(20px, 2.6vw, 36px) !important; }
/* Les intérieurs restent transparents : c'est la fenêtre qui porte le verre. */
html[data-asdm] body .tutor-course-card .tutor-card-body,
html[data-asdm] body .tutor-course-card .tutor-card-footer,
html[data-asdm] body .tutor-sidebar-card .tutor-card-body,
html[data-asdm] body .tutor-sidebar-card .tutor-card-footer,
html[data-asdm] body .tutor-accordion-item-body,
html[data-asdm] body .tutor-accordion-item-body-content,
html[data-asdm] body .tutor-course-content-list-item,
html[data-asdm] body #tutor-certificate-showcase .tutor-cs-text > div,
html[data-asdm] body .woocommerce-cart-form table,
html[data-asdm] body .cart_totals table { background: transparent !important; }
html[data-asdm] body .tutor-accordion-item-header,
html[data-asdm] body .tutor-accordion-item-header.is-active { background: rgba(255, 255, 255, 0.14) !important; }
/* Double filet d'or des blocs phares (le test de l'accueil) : même filet sur la carte de progression */
html[data-asdm] body .tutor-sidebar-card { position: relative; border-color: var(--or) !important; }

/* Plaque de verre du contenu principal : même vitre que .verre, une largeur
   de lecture comparable à l'accueil, et de l'air pour que le décor respire. */
html[data-asdm] body .asdm-plaque {
  max-width: min(1280px, calc(100% - 2 * clamp(12px, 5vw, 110px))) !important;
  margin: clamp(18px, 3vw, 40px) auto clamp(40px, 6vw, 90px) !important;
  padding: clamp(20px, 3vw, 44px) !important;
  background: var(--verre) !important;
  -webkit-backdrop-filter: blur(11px) saturate(1.3) !important;
  backdrop-filter: blur(11px) saturate(1.3) !important;
  border: 1px solid var(--verre-bord) !important;
  border-radius: var(--rayon) !important;
  box-shadow: 14px 14px 34px var(--ombre-sombre), -10px -10px 28px var(--ombre-claire), inset 0 1px 0 rgba(255, 255, 255, 0.35) !important;
}
/* Les cartes posées sur la plaque restent du verre, un ton plus clair. */
html[data-asdm] body .asdm-plaque .tutor-course-card,
html[data-asdm] body .asdm-plaque .tutor-sidebar-card,
html[data-asdm] body .asdm-plaque .tutor-course-filter-form { background: rgba(255, 255, 255, 0.22) !important; }
/* Un verre posé sur du verre ne floute plus rien de visible : on n'en paie
   pas le prix (chaque flou supplémentaire recalcule le décor derrière). */
html[data-asdm] body .asdm-plaque * { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; }
html[data-asdm][data-tutor-theme="dark"] body .asdm-plaque .tutor-course-card,
html[data-asdm][data-tutor-theme="dark"] body .asdm-plaque .tutor-sidebar-card,
html[data-asdm][data-tutor-theme="dark"] body .asdm-plaque .tutor-course-filter-form { background: rgba(255, 255, 255, 0.04) !important; }

/* Cartes de cours : le prix au-dessus, le bouton pleine largeur dessous. Côte
   à côte dans une carte de 300 px, « Acheter maintenant » sortait du cadre. */
html[data-asdm] body .tutor-course-card { display: flex !important; flex-direction: column !important; }
html[data-asdm] body .tutor-course-card .tutor-card-body { flex: 1 1 auto; }
html[data-asdm] body .tutor-course-card .tutor-card-footer { margin-top: auto; padding: 16px 20px 20px !important; }
html[data-asdm] body .tutor-course-card .tutor-card-footer > .tutor-d-flex { flex-direction: column !important; align-items: stretch !important; gap: 12px; }
html[data-asdm] body .tutor-course-card .tutor-card-footer .list-item-price,
html[data-asdm] body .tutor-course-card .tutor-card-footer .tutor-item-price { display: flex !important; align-items: baseline; gap: 10px; flex-wrap: wrap; }
html[data-asdm] body .tutor-course-card .tutor-card-footer .list-item-button { width: 100%; }
html[data-asdm] body .tutor-course-card .tutor-card-footer .tutor-btn {
  width: 100% !important; min-height: 46px !important; padding: 12px 14px !important;
  font-size: 11.5px !important; letter-spacing: .12em !important; white-space: nowrap;
}
/* Pastille « Pack de formations » : or et nacre au lieu du violet de Tutor. */
html[data-asdm] body .tutor-bundle-course-count-badge {
  background: var(--nacre) !important; color: var(--or-lisible) !important;
  border: 1px solid var(--or) !important; border-radius: 999px !important;
  font: 700 10.5px/1.3 'Montserrat', sans-serif !important; letter-spacing: .12em; text-transform: uppercase;
  box-shadow: 3px 3px 6px var(--ombre-sombre), -3px -3px 6px var(--ombre-claire) !important;
}
html[data-asdm] body .tutor-bundle-course-count-badge * { color: inherit !important; }
html[data-asdm][data-tutor-theme="dark"] body .tutor-bundle-course-count-badge { color: var(--or-fonce) !important; }

/* ---------- 5. Les boutons : identiques à .bouton-plein / .bouton-verre ---------- */
html[data-asdm] body .elementor-button:not(.elementor-menu-cart__toggle .elementor-button),
html[data-asdm] body .btn-luxe,
html[data-asdm] body .tutor-btn:not(.disabled):not([disabled]):not(.tutor-btn-ghost):not(.tutor-iconic-btn),
html[data-asdm] body .woocommerce a.button,
html[data-asdm] body .woocommerce button.button,
html[data-asdm] body .woocommerce input.button,
html[data-asdm] body .woocommerce #respond input#submit,
html[data-asdm] body button[name="save_account_details"],
html[data-asdm] body .wc-block-components-button:not(.is-link) {
  display: inline-flex !important; align-items: center !important; justify-content: center !important;
  min-height: 50px !important;
  padding: 14px 30px !important;
  border-radius: 999px !important;
  font: 700 12.5px/1.2 'Montserrat', sans-serif !important;
  letter-spacing: .16em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  color: var(--or-lisible) !important;
  background: var(--nacre) !important;
  border: 1px solid var(--or) !important;
  box-shadow: 6px 6px 12px var(--ombre-sombre), -6px -6px 12px var(--ombre-claire), inset 0 4px 6px rgba(255, 255, 255, 0.4) !important;
  text-shadow: none !important;
  transition: box-shadow .4s ease, color .3s ease, transform .3s ease, background-color .4s ease !important;
  cursor: pointer;
}
html[data-asdm][data-tutor-theme="dark"] body .elementor-button:not(.elementor-menu-cart__toggle .elementor-button),
html[data-asdm][data-tutor-theme="dark"] body .btn-luxe,
html[data-asdm][data-tutor-theme="dark"] body .tutor-btn:not(.disabled):not([disabled]):not(.tutor-btn-ghost):not(.tutor-iconic-btn),
html[data-asdm][data-tutor-theme="dark"] body .woocommerce a.button,
html[data-asdm][data-tutor-theme="dark"] body .woocommerce button.button,
html[data-asdm][data-tutor-theme="dark"] body .woocommerce input.button,
html[data-asdm][data-tutor-theme="dark"] body button[name="save_account_details"],
html[data-asdm][data-tutor-theme="dark"] body .wc-block-components-button:not(.is-link) {
  color: var(--or-fonce) !important;
  box-shadow: 6px 6px 12px var(--ombre-sombre), -6px -6px 12px var(--ombre-claire) !important;
}
html[data-asdm] body .elementor-button:not(.elementor-menu-cart__toggle .elementor-button):hover,
html[data-asdm] body .btn-luxe:hover,
html[data-asdm] body .tutor-btn:not(.disabled):not([disabled]):not(.tutor-btn-ghost):not(.tutor-iconic-btn):hover,
html[data-asdm] body .woocommerce a.button:hover,
html[data-asdm] body .woocommerce button.button:hover,
html[data-asdm] body .woocommerce input.button:hover,
html[data-asdm] body button[name="save_account_details"]:hover,
html[data-asdm] body .wc-block-components-button:not(.is-link):hover {
  color: var(--texte) !important;
  box-shadow: inset 4px 4px 8px var(--ombre-creux), inset -4px -4px 8px var(--ombre-claire), 0 0 16px rgba(227, 207, 180, 0.45) !important;
  transform: translateY(1px);
}
/* Bouton secondaire (fantôme Tutor) = .bouton-verre */
html[data-asdm] body .tutor-btn.tutor-btn-ghost {
  color: var(--texte) !important;
  background: rgba(255, 255, 255, 0.18) !important;
  border: 1px solid var(--verre-bord) !important;
  border-radius: 999px !important;
  -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);
  box-shadow: none !important;
  padding: 10px 20px !important;
}
html[data-asdm] body .tutor-btn.tutor-btn-ghost:hover { border-color: var(--or) !important; color: var(--or-lisible) !important; }

/* ---------- 6. Champs de formulaire : identiques à la page contact ---------- */
html[data-asdm] body .woocommerce form .input-text,
html[data-asdm] body .woocommerce form select,
html[data-asdm] body .tutor-form-control,
html[data-asdm] body .elementor-field-group .elementor-field,
html[data-asdm] body .tutor-login-form-wrapper input[type="text"],
html[data-asdm] body .tutor-login-form-wrapper input[type="password"] {
  padding: 14px 16px !important;
  font: 500 15.5px/1.5 'Montserrat', sans-serif !important;
  color: var(--texte) !important;
  background: var(--nacre) !important;
  border: 1px solid rgba(181, 141, 76, .7) !important;
  border-radius: 12px !important;
  box-shadow: inset 3px 3px 6px var(--ombre-sombre), inset -3px -3px 6px var(--ombre-claire) !important;
}
html[data-asdm] body .woocommerce form .input-text:focus,
html[data-asdm] body .tutor-form-control:focus,
html[data-asdm] body .elementor-field-group .elementor-field:focus {
  outline: none !important; border-color: var(--or) !important;
  box-shadow: inset 4px 4px 8px var(--ombre-sombre), inset -4px -4px 8px var(--ombre-claire), 0 0 0 3px rgba(197, 160, 89, .2) !important;
}

/* ---------- 7. Titres ---------- */
html[data-asdm] body h1 em, html[data-asdm] body h2 em, html[data-asdm] body h3 em { font-style: italic; color: var(--or-lisible); }

/* ---------- 8. Le décor : même moteur que l'accueil ---------- */
/* Sous le contenu (z-index −1), au-dessus du voile de nuit (−2) : aucun
   élément de WordPress n'a besoin d'être repositionné. */
.asdm-decor { position: absolute; left: 0; top: 0; width: 100%; z-index: -1; pointer-events: none; overflow: clip; }
/* Pas de « contain: paint » sur les bandes : il coupait net toute pièce qui
   dépassait de sa bande (lignes horizontales visibles, lustre tronqué). */
.asdm-decor .asdm-bande { position: absolute; left: 0; right: 0; contain: layout style !important; }
/* Le décor s'efface avant le pied de page au lieu d'y être tranché. */
.asdm-decor {
  -webkit-mask-image: linear-gradient(180deg, transparent 0, #000 40px, #000 calc(100% - 160px), transparent 100%) !important;
  mask-image: linear-gradient(180deg, transparent 0, #000 40px, #000 calc(100% - 160px), transparent 100%) !important;
}
.asdm-decor .pousse {
  position: absolute; left: var(--x); bottom: var(--y);
  width: min(var(--w), var(--max, 4000px));
  transform-origin: 50% 100%;
  --l: clamp(0, calc((var(--pe, 1) - var(--d)) / (1 - var(--d))), 1);
  opacity: calc(var(--l) * 1.4 * var(--o, 1));
  transform: translate3d(-50%, 0, 0) rotate(calc(var(--t) * (1 - var(--l)))) scale(calc(0.24 + var(--l) * 0.76));
}
.asdm-decor .pousse > i {
  display: block; position: relative; transform-origin: 50% 100%; will-change: transform;
  animation: var(--geste, souffle) var(--dur, 9s) ease-in-out var(--del, 0s) infinite alternate;
}
.asdm-decor .pousse img { display: block; width: 100%; height: auto; max-width: none; transition: opacity 1.1s ease; }
.asdm-decor .pousse.bord img { filter: drop-shadow(0 10px 14px rgba(60, 45, 20, 0.22)); }
.asdm-decor .pousse img.bouton-nuit { position: absolute; left: 0; bottom: 0; opacity: 0; }
html[data-tutor-theme="dark"] .asdm-decor .pousse img { filter: brightness(.8) saturate(.72); }
html[data-tutor-theme="dark"] .asdm-decor .pousse.fleur img.jour { opacity: 0; }
html[data-tutor-theme="dark"] .asdm-decor .pousse.fleur img.bouton-nuit { opacity: 1; }
html[data-tutor-theme="dark"] .asdm-decor .pousse.objet img { filter: brightness(.66) saturate(.5); }
.asdm-decor .pousse.bougie { --o: 0; }
html[data-tutor-theme="dark"] .asdm-decor .pousse.bougie { --o: 1; }
html[data-tutor-theme="dark"] .asdm-decor .pousse.bougie img { filter: brightness(1.05) drop-shadow(0 0 22px rgba(255, 196, 110, 0.55)); }
.asdm-decor .repos .pousse > i { animation-play-state: paused; }
.asdm-decor .envol { position: absolute; width: 52px; }
.asdm-decor .envol img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); opacity: 0; max-width: none; }
.asdm-decor .envol img.plat { width: 100%; } .asdm-decor .envol img.mi { width: 78%; } .asdm-decor .envol img.haut { width: 36%; }
.asdm-decor .envol[data-pose="plat"] .plat, .asdm-decor .envol[data-pose="mi"] .mi, .asdm-decor .envol[data-pose="haut"] .haut { opacity: 1; }
@keyframes souffle { from { transform: rotate(-1.6deg) scale(1); } to { transform: rotate(1.8deg) scale(1.018); } }
@keyframes balance { from { transform: rotate(-3deg); } to { transform: rotate(2.4deg); } }
@keyframes derive  { from { transform: translate3d(-6px, 0, 0) rotate(-1deg); } to { transform: translate3d(7px, -5px, 0) rotate(1.2deg); } }

/* Poussière d'or : la nuit seulement, sous le contenu */
.asdm-poussiere { position: fixed; inset: 0; z-index: -1; pointer-events: none; opacity: var(--nuit); transition: opacity 1.2s ease; }
.asdm-poussiere i {
  position: absolute; width: 4px; height: 4px; border-radius: 50%;
  background: #ffd98a; box-shadow: 0 0 10px 3px rgba(255, 210, 120, .6);
  animation: asdm-luciole var(--dur) ease-in-out var(--del) infinite alternate; opacity: 0;
}
html:not([data-tutor-theme="dark"]) .asdm-poussiere i { animation-play-state: paused; }
@keyframes asdm-luciole { 0% { transform: translate3d(0, 0, 0); opacity: 0; } 30% { opacity: .9; } 70% { opacity: .35; } 100% { transform: translate3d(var(--dx), var(--dy), 0); opacity: 0; } }

@media (prefers-reduced-motion: reduce) {
  .asdm-decor .pousse > i, .asdm-poussiere i { animation: none !important; }
}




/* Verre de l’en-tête : Elementor donne à ::before un « display: table » qui le réduit à 0 × 0. */
.elementor-location-header::before{display:block!important;width:100%!important;height:100%!important;top:0!important;left:0!important}

/* ===== Barres de défilement : or bruni, en relief ===== */
*::-webkit-scrollbar { width: 12px; height: 12px; }
*::-webkit-scrollbar-track {
  border-radius: 12px;
  background: linear-gradient(90deg, #e9e2d3, #f8f4ec 50%, #e9e2d3);
  box-shadow: inset 1px 1px 3px rgba(90, 65, 20, .28), inset -1px -1px 2px rgba(255, 255, 255, .7);
}
*::-webkit-scrollbar-thumb {
  border-radius: 12px;
  border: 2px solid transparent;
  background-clip: padding-box;
  background-image:
    repeating-linear-gradient(0deg, rgba(255, 250, 230, .07) 0 1px, rgba(80, 50, 10, .05) 1px 3px),
    linear-gradient(90deg, #6f5019 0%, #b98f3c 16%, #f3dd98 36%, #d8b563 50%, #a5782b 66%, #ebd18a 84%, #7d5b1f 100%);
  box-shadow: inset 1px 1px 1px rgba(255, 246, 210, .85), inset -1px -1px 2px rgba(60, 38, 8, .6), 0 1px 2px rgba(60, 40, 10, .35);
}
*::-webkit-scrollbar-thumb:horizontal {
  background-image:
    repeating-linear-gradient(90deg, rgba(255, 250, 230, .07) 0 1px, rgba(80, 50, 10, .05) 1px 3px),
    linear-gradient(180deg, #6f5019 0%, #b98f3c 16%, #f3dd98 36%, #d8b563 50%, #a5782b 66%, #ebd18a 84%, #7d5b1f 100%);
}
*::-webkit-scrollbar-thumb:hover { filter: brightness(1.08); background-color: #d8b563; }
*::-webkit-scrollbar-thumb:active { box-shadow: inset -1px -1px 1px rgba(255, 246, 210, .7), inset 1px 1px 2px rgba(60, 38, 8, .6); }
*::-webkit-scrollbar-corner { background: transparent; }
html[data-monde="nuit"] *::-webkit-scrollbar-track, html[data-tutor-theme="dark"] *::-webkit-scrollbar-track {
  background: linear-gradient(90deg, #15161b, #23252d 50%, #15161b);
  box-shadow: inset 1px 1px 3px rgba(0, 0, 0, .6), inset -1px -1px 2px rgba(255, 255, 255, .05);
}
/* Firefox ne sait faire qu'une couleur unie : or sur ivoire (ou nuit). */
@supports not selector(::-webkit-scrollbar) {
  * { scrollbar-color: #c9a24e #efe9dd; scrollbar-width: thin; }
  html[data-monde="nuit"] *, html[data-tutor-theme="dark"] * { scrollbar-color: #c9a24e #1d1f26; }
}

/* ===== Lecteur vidéo des cours (Plyr de Tutor) : nacre, filet d'or, pilules ===== */
/* Le fuchsia venait du thème Hello : sa feuille « reset » colore tous les boutons en #c36. */
.plyr {
  --plyr-color-main: #c5a059;
  --plyr-control-radius: 999px;
  --plyr-control-icon-size: 17px;
  --plyr-range-thumb-height: 14px;
  --plyr-range-track-height: 4px;
  --plyr-range-thumb-shadow: 0 0 0 1px rgba(138, 99, 39, .55), 0 2px 5px rgba(60, 40, 10, .35);
  --plyr-video-range-track-background: rgba(138, 99, 39, .18);
  --plyr-video-progress-buffered-background: rgba(197, 160, 89, .32);
  --plyr-progress-loading-background: rgba(197, 160, 89, .45);
  --plyr-menu-background: rgba(250, 248, 243, .97);
  --plyr-menu-color: #3a3024;
  --plyr-menu-arrow-color: #8a6327;
  --plyr-menu-back-border-color: rgba(197, 160, 89, .45);
  --plyr-menu-back-border-shadow-color: transparent;
  --plyr-menu-radius: 18px;
  --plyr-menu-shadow: 0 14px 34px rgba(40, 28, 10, .28);
  --plyr-tooltip-background: #faf8f3;
  --plyr-tooltip-color: #3a3024;
  --plyr-tooltip-radius: 999px;
  --plyr-font-family: Montserrat, system-ui, sans-serif;
  --lec-verre: rgba(250, 248, 243, .78);
  --lec-icone: #8a6327;
  --lec-texte: #5a4524;
  --lec-bord: rgba(197, 160, 89, .75);
  --lec-clair: rgba(255, 255, 255, .9);
  --lec-creux: rgba(170, 150, 115, .55);
  border-radius: 16px;
}
html[data-tutor-theme="dark"] .plyr, html[data-monde="nuit"] .plyr {
  --lec-verre: rgba(27, 29, 36, .74);
  --lec-icone: #e3c77e;
  --lec-texte: #e9dcc0;
  --lec-bord: rgba(212, 175, 55, .6);
  --lec-clair: rgba(255, 255, 255, .08);
  --lec-creux: rgba(0, 0, 0, .55);
  --plyr-video-range-track-background: rgba(227, 199, 126, .2);
  --plyr-menu-background: rgba(30, 32, 40, .97);
  --plyr-menu-color: #eadfc6;
  --plyr-menu-arrow-color: #e3c77e;
  --plyr-tooltip-background: #1e2028;
  --plyr-tooltip-color: #eadfc6;
}

/* Tous les boutons du lecteur : on efface le style du thème (cadre fuchsia). */
.plyr .plyr__controls button.plyr__control,
.plyr .plyr__menu__container button.plyr__control,
.plyr button.plyr__control--overlaid {
  border: 0 !important; min-height: 0; line-height: 1;
  text-transform: none; letter-spacing: normal; font-weight: 400;
}

/* ---------- Barre du bas : une pilule de verre nacré, comme le menu du site ---------- */
.plyr--video .plyr__controls {
  left: 14px !important; right: 14px !important; bottom: 14px !important;
  padding: 6px 12px !important; gap: 2px;
  border-radius: 999px !important;
  background: var(--lec-verre) !important;
  -webkit-backdrop-filter: blur(14px) saturate(1.2); backdrop-filter: blur(14px) saturate(1.2);
  border: 1px solid var(--lec-bord);
  box-shadow: 0 10px 28px rgba(30, 20, 5, .28), inset 0 1px 0 var(--lec-clair);
  color: var(--lec-texte);
}
.plyr--video .plyr__controls .plyr__time { color: var(--lec-texte); font-variant-numeric: tabular-nums; letter-spacing: .04em; }
.plyr .plyr__controls button.plyr__control:not(.plyr__menu__container button.plyr__control) {
  padding: 8px !important; border-radius: 999px !important;
  background: transparent !important; color: var(--lec-icone) !important;
  box-shadow: none !important;
  transition: box-shadow .35s ease, color .35s ease, transform .2s ease;
}
/* Survol : la pilule se creuse et prend un filet d'or (effet neumorphe du menu) */
.plyr .plyr__controls button.plyr__control:not(.plyr__menu__container button.plyr__control):hover,
.plyr .plyr__controls button.plyr__control:not(.plyr__menu__container button.plyr__control):focus-visible,
.plyr .plyr__controls button.plyr__control:not(.plyr__menu__container button.plyr__control)[aria-expanded="true"] {
  color: var(--lec-icone) !important;
  background: transparent !important;
  box-shadow: inset 3px 3px 6px var(--lec-creux), inset -3px -3px 6px var(--lec-clair), 0 0 0 1px var(--lec-bord) !important;
}
.plyr .plyr__controls button.plyr__control:not(.plyr__menu__container button.plyr__control):active { transform: scale(.94); }

/* Progression et volume : fil d'or dégradé, perle d'or */
.plyr--full-ui input[type="range"] { color: #c5a059; }
.plyr--full-ui input[type="range"]::-webkit-slider-runnable-track {
  background-image: linear-gradient(90deg, #8a6327 0%, #c5a059 35%, #f3dd98 62%, #c5a059 100%) !important;
  background-size: var(--value, 0%) 100% !important; background-repeat: no-repeat !important;
  box-shadow: inset 0 1px 1px rgba(60, 40, 10, .25);
}
.plyr--full-ui input[type="range"]::-moz-range-progress { background: linear-gradient(90deg, #8a6327, #c5a059 40%, #f3dd98 70%, #c5a059) !important; }
.plyr--full-ui input[type="range"]::-webkit-slider-thumb {
  background: radial-gradient(circle at 35% 30%, #fffaf0 0%, #f3e3b0 30%, #c9a24e 68%, #8a6327 100%) !important;
}
.plyr--full-ui input[type="range"]::-moz-range-thumb { background: radial-gradient(circle at 35% 30%, #fffaf0 0%, #f3e3b0 30%, #c9a24e 68%, #8a6327 100%) !important; }

/* ---------- Grand bouton lecture : médaillon nacré serti d'or ---------- */
.plyr .plyr__control.plyr__control--overlaid {
  width: 92px; height: 92px; padding: 0 !important;
  display: flex !important; align-items: center; justify-content: center;
  border-radius: 50% !important;
  color: #8a6327 !important;
  background: radial-gradient(circle at 34% 28%, #ffffff 0%, #f7f3ea 38%, #e9e2d3 100%) !important;
  box-shadow: 0 0 0 1.5px #c5a059, 0 0 0 7px rgba(250, 248, 243, .38), 0 0 0 8px rgba(197, 160, 89, .55),
    10px 12px 26px rgba(30, 20, 5, .35), -6px -6px 16px rgba(255, 255, 255, .35),
    inset 0 3px 6px rgba(255, 255, 255, .9), inset 0 -4px 8px rgba(170, 150, 115, .35) !important;
  opacity: 1 !important; overflow: visible;
  transition: transform .45s cubic-bezier(.2, .8, .2, 1), box-shadow .45s ease;
}
/* Filet d'or qui tourne lentement autour, comme une lumière sur un bijou */
.plyr .plyr__control--overlaid::before {
  content: ""; position: absolute; inset: -14px; border-radius: 50%; pointer-events: none;
  background: conic-gradient(from 0deg, transparent 0 55%, rgba(197, 160, 89, .0) 55%, #f3dd98 72%, #c5a059 80%, transparent 88%);
  -webkit-mask: radial-gradient(circle, transparent 0 calc(50% - 2px), #000 calc(50% - 1.5px) 50%, transparent calc(50% + .5px));
  mask: radial-gradient(circle, transparent 0 calc(50% - 2px), #000 calc(50% - 1.5px) 50%, transparent calc(50% + .5px));
  animation: lec-filet 5.5s linear infinite;
}
/* Halo qui respire */
.plyr .plyr__control--overlaid::after {
  content: ""; position: absolute; inset: -22px; border-radius: 50%; pointer-events: none;
  background: radial-gradient(circle, rgba(243, 221, 152, .38) 0, rgba(243, 221, 152, 0) 68%);
  animation: lec-halo 3.2s ease-in-out infinite;
}
.plyr .plyr__control--overlaid svg {
  width: 30px; height: 30px; left: 3px; position: relative;
  fill: #b58d4c; filter: drop-shadow(0 1px 0 #fff) drop-shadow(0 -1px 0 rgba(90, 60, 15, .35));
  transition: transform .45s ease;
}
.plyr .plyr__control.plyr__control--overlaid:hover,
.plyr .plyr__control.plyr__control--overlaid:focus-visible {
  transform: translate(-50%, -50%) scale(1.07);
  box-shadow: 0 0 0 1.5px #c5a059, 0 0 0 7px rgba(250, 248, 243, .5), 0 0 0 8px rgba(197, 160, 89, .8),
    12px 16px 32px rgba(30, 20, 5, .4), inset 3px 3px 7px rgba(170, 150, 115, .35), inset -3px -3px 7px #fff !important;
}
.plyr .plyr__control--overlaid:hover svg { transform: scale(1.1); }
@keyframes lec-filet { to { transform: rotate(360deg); } }
@keyframes lec-halo { 0%, 100% { opacity: .35; transform: scale(.92); } 50% { opacity: 1; transform: scale(1.06); } }

/* ---------- Menu des réglages ---------- */
.plyr__menu__container { border: 1px solid var(--lec-bord); overflow: hidden; }
.plyr .plyr__menu__container button.plyr__control {
  color: var(--plyr-menu-color) !important; background: transparent !important;
  border-radius: 999px !important; box-shadow: none !important;
  padding-top: 7px !important; padding-bottom: 7px !important; font-size: 13px;
}
.plyr .plyr__menu__container button.plyr__control:hover,
.plyr .plyr__menu__container button.plyr__control:focus-visible {
  background: linear-gradient(135deg, rgba(197, 160, 89, .16), rgba(243, 221, 152, .32)) !important;
  box-shadow: inset 0 0 0 1px var(--lec-bord) !important;
}
.plyr__menu__container .plyr__control[role="menuitemradio"]::before { background: rgba(197, 160, 89, .18) !important; box-shadow: inset 0 0 0 1px rgba(197, 160, 89, .55); }
.plyr__menu__container .plyr__control[role="menuitemradio"][aria-checked="true"]::before {
  background: radial-gradient(circle at 35% 30%, #f3dd98, #c5a059 60%, #8a6327) !important; box-shadow: none;
}
.plyr__menu__container .plyr__menu__value { color: var(--lec-icone); opacity: .9; }

/* ---------- Chargement : anneau d'or et pourcentage ---------- */
.plyr .asdm-charge {
  position: absolute; inset: 0; z-index: 4; display: grid; place-items: center;
  pointer-events: none; opacity: 0; transition: opacity .35s ease;
  background: radial-gradient(circle, rgba(250, 248, 243, .22) 0, rgba(20, 14, 5, .28) 70%);
}
.plyr .asdm-charge.visible { opacity: 1; }
.plyr.asdm-attente .plyr__control--overlaid { opacity: 0 !important; visibility: hidden; }
.asdm-charge .medaillon {
  position: relative; width: 132px; height: 132px; border-radius: 50%;
  display: grid; place-items: center; text-align: center;
  background: radial-gradient(circle at 34% 28%, rgba(255, 255, 255, .96) 0%, rgba(247, 243, 234, .92) 40%, rgba(233, 226, 211, .9) 100%);
  -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px);
  box-shadow: 0 0 0 1px rgba(197, 160, 89, .75), 10px 12px 30px rgba(30, 20, 5, .35), inset 0 3px 6px #fff, inset 0 -5px 10px rgba(170, 150, 115, .3);
}
.asdm-charge svg { position: absolute; inset: -9px; width: calc(100% + 18px); height: calc(100% + 18px); transform: rotate(-90deg); overflow: visible; }
.asdm-charge .rail { fill: none; stroke: rgba(197, 160, 89, .22); stroke-width: 3; }
.asdm-charge .arc { fill: none; stroke: url(#asdm-or); stroke-width: 3.5; stroke-linecap: round; transition: stroke-dashoffset .35s ease; filter: drop-shadow(0 0 3px rgba(243, 221, 152, .8)); }
.asdm-charge .comete { fill: none; stroke: #fff6d8; stroke-width: 2; stroke-linecap: round; stroke-dasharray: 18 400; transform-origin: 50% 50%; animation: lec-filet 1.6s linear infinite; opacity: .9; }
.asdm-charge .pc { font-family: "Cormorant Garamond", Georgia, serif; font-size: 34px; line-height: 1; color: #8a6327; letter-spacing: .01em; }
.asdm-charge .pc small { font-size: 18px; margin-left: 2px; }
.asdm-charge .lib { display: block; margin-top: 4px; font: 600 9px/1 Montserrat, sans-serif; letter-spacing: .28em; text-transform: uppercase; color: #b58d4c; }
/* Plus de rayures de chargement bleues dans la barre : on garde un fil d'or qui pulse. */
.plyr--loading .plyr__progress__buffer { animation: lec-pulse 1.4s ease-in-out infinite; background-image: none !important; }
@keyframes lec-pulse { 50% { opacity: .45; } }
@media (max-width: 600px) {
  .plyr--video .plyr__controls { left: 8px !important; right: 8px !important; bottom: 8px !important; padding: 4px 8px !important; }
  .plyr .plyr__control.plyr__control--overlaid { width: 72px; height: 72px; }
  .asdm-charge .medaillon { width: 104px; height: 104px; }
  .asdm-charge .pc { font-size: 27px; }
}
@media (prefers-reduced-motion: reduce) {
  .plyr .plyr__control--overlaid::before, .plyr .plyr__control--overlaid::after, .asdm-charge .comete { animation: none; }
}

.plyr button.plyr__control:focus-visible { outline: none !important; }
.plyr .plyr__menu__container button.plyr__control:focus-visible { box-shadow: inset 0 0 0 1px var(--lec-bord) !important; }

/* ===== Messages système, liens et petits restes « par défaut » (WooCommerce, Tutor, WordPress) ===== */
/* Liens : le thème Hello les voulait fuchsia (#c36), bleus au survol (#336). */
:where(html[data-asdm]) a { color: var(--or-lisible); text-decoration-color: rgba(197, 160, 89, .55); text-underline-offset: 3px; }
:where(html[data-asdm]) a:hover, :where(html[data-asdm]) a:active { color: var(--or-fonce); }
html[data-asdm] body .woocommerce-MyAccount-content a:not(.button),
html[data-asdm] body .woocommerce-Addresses a.edit,
html[data-asdm] body .woocommerce-order-details a:not(.button) { color: var(--or-lisible) !important; text-decoration: underline; text-decoration-color: rgba(197, 160, 89, .55); }
html[data-asdm] body .woocommerce-Addresses a.edit { display: inline-block; margin-bottom: 6px; }
html[data-asdm] ::selection { background: rgba(197, 160, 89, .32); color: inherit; }
html[data-asdm] body { accent-color: #b58d4c; }
html[data-asdm] body :focus-visible { outline: 2px solid rgba(197, 160, 89, .7); outline-offset: 2px; }
html[data-asdm] body input:focus, html[data-asdm] body select:focus, html[data-asdm] body textarea:focus { outline: none; border-color: var(--or) !important; box-shadow: 0 0 0 3px rgba(197, 160, 89, .22) !important; }

/* Titres de page de WordPress (Commandes, Adresses…) : la typographie de la vitrine */
html[data-asdm] body .page-header .entry-title,
html[data-asdm] body h1.entry-title {
  font-family: "Cormorant Garamond", Georgia, serif !important; font-weight: 500; letter-spacing: .01em;
  color: var(--texte); font-size: clamp(34px, 4vw, 52px); line-height: 1.1;
  margin: 26px 0 22px !important; padding-top: 10px;
}
html[data-asdm] body .page-header .entry-title::after,
html[data-asdm] body h1.entry-title::after {
  content: ""; display: block; width: 64px; height: 1px; margin-top: 14px;
  background: linear-gradient(90deg, var(--or), rgba(197, 160, 89, 0));
}

/* Encarts d'information, de réussite et d'erreur : verre nacré, filet d'or */
html[data-asdm] body .woocommerce-info,
html[data-asdm] body .woocommerce-message,
html[data-asdm] body .woocommerce-error,
html[data-asdm] body .woocommerce-notice,
html[data-asdm] body .wc-block-components-notice-banner,
html[data-asdm] body .tutor-alert,
html[data-asdm] body .wc-block-store-notice {
  --asdm-accent: var(--or);
  position: relative;
  display: flex !important; flex-wrap: wrap; align-items: center; gap: 12px 18px;
  margin: 0 0 18px !important; padding: 18px 22px 18px 58px !important;
  border: 1px solid rgba(197, 160, 89, .45) !important; border-left: 1px solid rgba(197, 160, 89, .45) !important;
  border-radius: 18px !important;
  background: linear-gradient(135deg, rgba(255, 255, 255, .72), rgba(244, 240, 231, .6)) !important;
  -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);
  box-shadow: 6px 6px 16px var(--ombre-sombre), -4px -4px 12px var(--ombre-claire), inset 0 1px 0 rgba(255, 255, 255, .8) !important;
  color: var(--texte) !important; font-size: 15px; line-height: 1.55; list-style: none;
}
html[data-asdm] body .woocommerce-error { --asdm-accent: #9b3b45; border-color: rgba(155, 59, 69, .4) !important; }
html[data-asdm] body .woocommerce-message { --asdm-accent: #7a8a55; }
html[data-asdm] body .wc-block-components-notice-banner.is-error, html[data-asdm] body .tutor-alert-danger { --asdm-accent: #9b3b45; }
html[data-asdm] body .wc-block-components-notice-banner.is-success, html[data-asdm] body .tutor-alert-success { --asdm-accent: #7a8a55; }
/* L'icône : une perle d'or gravée à la place du carré bleu */
html[data-asdm] body .woocommerce-info::before,
html[data-asdm] body .woocommerce-message::before,
html[data-asdm] body .woocommerce-error::before,
html[data-asdm] body .woocommerce-notice::before {
  content: "i" !important; font-family: "Cormorant Garamond", Georgia, serif !important; font-style: italic; font-weight: 600;
  position: absolute; left: 18px; top: 50%; transform: translateY(-50%);
  width: 26px; height: 26px; border-radius: 50%; display: grid; place-items: center;
  font-size: 17px; line-height: 1; color: #fff !important;
  background: radial-gradient(circle at 35% 30%, #fff1c4 0%, var(--asdm-accent) 55%, #6f5019 120%) !important;
  box-shadow: 0 0 0 3px rgba(197, 160, 89, .18), 0 2px 5px rgba(60, 40, 10, .3);
}
html[data-asdm] body .woocommerce-message::before { content: "✓" !important; font-style: normal; font-family: inherit !important; font-size: 13px; }
html[data-asdm] body .woocommerce-error::before { content: "!" !important; font-style: normal; }
html[data-asdm] body .woocommerce-info::after, html[data-asdm] body .woocommerce-message::after, html[data-asdm] body .woocommerce-error::after { display: none !important; }
html[data-asdm] body .wc-block-components-notice-banner > svg { position: absolute; left: 18px; top: 50%; transform: translateY(-50%); width: 26px; height: 26px; border-radius: 50%; padding: 4px; fill: #fff !important; background: radial-gradient(circle at 35% 30%, #fff1c4 0%, var(--asdm-accent) 55%, #6f5019 120%) !important; }
/* Le bouton de l'encart passe à la suite du texte au lieu de le chevaucher */
html[data-asdm] body .woocommerce-info .button,
html[data-asdm] body .woocommerce-message .button,
html[data-asdm] body .woocommerce-error .button,
html[data-asdm] body .woocommerce-info .wc-forward,
html[data-asdm] body .woocommerce-message .wc-forward {
  float: none !important; order: 2; margin: 0 !important; flex: 0 0 auto;
}
html[data-asdm] body .woocommerce-error li { margin: 0; }
html[data-asdm] body .woocommerce-error { flex-direction: column; align-items: flex-start; }
/* Bandeau de boutique (« démonstration ») et astérisques obligatoires */
html[data-asdm] body p.demo_store, html[data-asdm] body .woocommerce-store-notice {
  background: linear-gradient(90deg, #8a6327, #c5a059 40%, #e9d49a 60%, #b58d4c) !important; color: #1f1a12 !important;
  font: 600 12px/1.4 Montserrat, sans-serif; letter-spacing: .14em; text-transform: uppercase; box-shadow: 0 2px 10px rgba(60, 40, 10, .3);
}
html[data-asdm] body .woocommerce-store-notice a { color: #1f1a12 !important; text-decoration: underline; }
html[data-asdm] body .required, html[data-asdm] body abbr.required { color: #9b3b45 !important; text-decoration: none; border: 0; }
/* Force du mot de passe */
html[data-asdm] body .woocommerce-password-strength { border-radius: 12px; padding: 8px 14px; border: 1px solid rgba(197, 160, 89, .45) !important; background: rgba(255, 255, 255, .6) !important; color: var(--texte) !important; font-size: 13px; }
html[data-asdm] body .woocommerce-password-strength.strong { border-color: rgba(122, 138, 85, .6) !important; }
html[data-asdm] body .woocommerce-password-strength.short, html[data-asdm] body .woocommerce-password-strength.bad { border-color: rgba(155, 59, 69, .5) !important; }
html[data-asdm] body .woocommerce-password-hint { color: var(--texte-doux); font-size: 13px; }
/* Champs en erreur ou validés : bordeaux et sauge plutôt que rouge et vert vifs */
html[data-asdm] body .woocommerce form .form-row.woocommerce-invalid input.input-text,
html[data-asdm] body .woocommerce form .form-row.woocommerce-invalid select { border-color: rgba(155, 59, 69, .7) !important; }
html[data-asdm] body .woocommerce form .form-row.woocommerce-validated input.input-text,
html[data-asdm] body .woocommerce form .form-row.woocommerce-validated select { border-color: rgba(122, 138, 85, .7) !important; }
/* Listes déroulantes (select2) : surbrillance or au lieu du bleu WordPress */
html[data-asdm] body .select2-container--default .select2-results__option--highlighted[aria-selected],
html[data-asdm] body .select2-container--default .select2-results__option--highlighted[data-selected] { background: linear-gradient(90deg, rgba(197, 160, 89, .85), rgba(233, 212, 154, .85)) !important; color: #1f1a12 !important; }
html[data-asdm] body .select2-dropdown { border-color: rgba(197, 160, 89, .6) !important; border-radius: 12px !important; overflow: hidden; background: #faf8f3; }
html[data-asdm] body .select2-container .select2-selection { border-color: rgba(197, 160, 89, .55) !important; border-radius: 12px !important; min-height: 44px; }
/* Pastilles d'état de commande et « mark » : plus de jaune fluo */
html[data-asdm] body mark, html[data-asdm] body .woocommerce mark { background: rgba(197, 160, 89, .22); color: inherit; padding: 0 4px; border-radius: 4px; }
/* Tableaux de commande */
html[data-asdm] body .woocommerce table.shop_table { border-color: rgba(197, 160, 89, .35) !important; border-radius: 16px !important; overflow: hidden; background: rgba(255, 255, 255, .45); }
html[data-asdm] body .woocommerce table.shop_table th { font: 600 11px/1.4 Montserrat, sans-serif; letter-spacing: .16em; text-transform: uppercase; color: var(--or-lisible); }
html[data-asdm] body .woocommerce table.shop_table td, html[data-asdm] body .woocommerce table.shop_table th { border-color: rgba(197, 160, 89, .22) !important; }

/* Nuit */
html[data-asdm][data-tutor-theme="dark"] body .woocommerce-info,
html[data-asdm][data-tutor-theme="dark"] body .woocommerce-message,
html[data-asdm][data-tutor-theme="dark"] body .woocommerce-error,
html[data-asdm][data-tutor-theme="dark"] body .woocommerce-notice,
html[data-asdm][data-tutor-theme="dark"] body .wc-block-components-notice-banner,
html[data-asdm][data-tutor-theme="dark"] body .tutor-alert {
  background: linear-gradient(135deg, rgba(40, 42, 52, .78), rgba(27, 29, 36, .7)) !important;
  box-shadow: 6px 6px 16px rgba(0, 0, 0, .45), inset 0 1px 0 rgba(255, 255, 255, .05) !important;
}
html[data-asdm][data-tutor-theme="dark"] body .select2-dropdown { background: #1e2028; color: #eadfc6; }
html[data-asdm] body .woocommerce-MyAccount-content h2,
html[data-asdm] body .woocommerce-MyAccount-content h3,
html[data-asdm] body .woocommerce-Address-title h2,
html[data-asdm] body .woocommerce-Address-title h3,
html[data-asdm] body .woocommerce-order-details__title,
html[data-asdm] body .woocommerce-column__title {
  font-family: "Cormorant Garamond", Georgia, serif !important; font-weight: 500; font-size: clamp(26px, 2.4vw, 32px); line-height: 1.15; color: var(--texte);
}

/* ---------- Nuit : les lustres et les bougies s'allument ---------- */
html[data-tutor-theme="dark"] .asdm-decor .pousse.lustre img { filter: brightness(1.18) saturate(1.1) drop-shadow(0 0 10px rgba(255, 214, 150, .85)) drop-shadow(0 0 34px rgba(255, 190, 110, .45)) !important; }
.asdm-decor .pousse.lustre > i::after, .asdm-decor .pousse.bougie > i::after {
  content: ""; position: absolute; left: 50%; top: 42%; width: 190%; aspect-ratio: 1; transform: translate(-50%, -50%);
  border-radius: 50%; pointer-events: none; opacity: 0; transition: opacity 1.2s ease;
  background: radial-gradient(circle, rgba(255, 214, 150, .42) 0%, rgba(255, 190, 110, .16) 38%, rgba(255, 180, 90, 0) 70%);
  mix-blend-mode: screen;
}
.asdm-decor .pousse.bougie > i::after { top: 18%; width: 260%; }
html[data-tutor-theme="dark"] .asdm-decor .pousse.lustre > i::after, html[data-tutor-theme="dark"] .asdm-decor .pousse.bougie > i::after { opacity: 1; animation: asdm-lueur 3.4s ease-in-out infinite alternate; }
html[data-tutor-theme="dark"] .asdm-decor .pousse.bougie img { filter: brightness(1.12) drop-shadow(0 0 8px rgba(255, 210, 140, .9)) drop-shadow(0 0 26px rgba(255, 180, 90, .55)) !important; }
html[data-tutor-theme="dark"] .asdm-decor .pousse.bougie > i { animation: asdm-flamme 2.3s ease-in-out infinite alternate; }
@keyframes asdm-flamme { from { opacity: .9; } to { opacity: 1; } }
@keyframes asdm-lueur { 0% { opacity: .75; transform: translate(-50%, -50%) scale(.96); } 45% { opacity: 1; } 60% { opacity: .85; } 100% { opacity: 1; transform: translate(-50%, -50%) scale(1.04); } }

/* === Notification d'inscription (bandeau Tutor) : verre nacré, filet d'or === */
html[data-asdm] .tutor-pn-drawer-content {
  background: linear-gradient(135deg, rgba(255,253,248,.97), rgba(243,236,224,.97) 55%, rgba(250,246,238,.97)) !important;
  border: 1px solid rgba(197,160,89,.55) !important; border-top: 0 !important; border-bottom: 3px solid #c5a059 !important;
  box-shadow: 0 16px 30px rgba(90,70,40,.12), inset 0 1px 0 rgba(255,255,255,.8) !important;
}
html[data-asdm] .tutor-pn-drawer-content .tutor-pn-drawer-title {
  font-family: "Cormorant Garamond", Georgia, serif !important; font-size: 1.45rem !important; font-weight: 600 !important;
  color: #2a2118 !important; line-height: 1.2 !important;
}
html[data-asdm] .tutor-pn-drawer-content .tutor-pn-drawer-description { color: #5b4d3c !important; font-size: .95rem !important; line-height: 1.5 !important; }
html[data-asdm] .tutor-pn-drawer-content .tutor-pn-drawer-link {
  background: linear-gradient(145deg, #fbf7ef, #efe6d6) !important; color: #8a6a2f !important;
  border: 1px solid #c5a059 !important; box-shadow: 4px 4px 10px rgba(120,95,50,.18), -3px -3px 8px rgba(255,255,255,.9) !important;
}
html[data-asdm] .tutor-pn-drawer-content button.tutor-pn-drawer-close {
  width: 42px !important; height: 42px !important; min-width: 42px !important; padding: 0 !important;
  display: inline-flex !important; align-items: center !important; justify-content: center !important;
  background: linear-gradient(145deg, #fbf7ef, #efe6d6) !important; color: #8a6a2f !important;
  border: 1px solid #c5a059 !important; box-shadow: 3px 3px 8px rgba(120,95,50,.2), -2px -2px 6px rgba(255,255,255,.9) !important;
}
html[data-asdm] .tutor-pn-drawer-content button.tutor-pn-drawer-close svg { width: 16px !important; height: 16px !important; color: #8a6a2f !important; }
html[data-asdm] .tutor-pn-drawer-content button.tutor-pn-drawer-close:hover { color: #fff !important; background: linear-gradient(145deg, #d4b26a, #b8914a) !important; }
html[data-asdm] .tutor-pn-drawer-content button.tutor-pn-drawer-close:hover svg { color: #fff !important; }
html[data-asdm][data-tutor-theme="dark"] .tutor-pn-drawer-content {
  background: linear-gradient(135deg, rgba(34,29,24,.97), rgba(24,20,17,.97)) !important;
  box-shadow: 0 16px 30px rgba(0,0,0,.4), inset 0 1px 0 rgba(197,160,89,.18) !important;
}
html[data-asdm][data-tutor-theme="dark"] .tutor-pn-drawer-content .tutor-pn-drawer-title { color: #f3e7cf !important; }
html[data-asdm][data-tutor-theme="dark"] .tutor-pn-drawer-content .tutor-pn-drawer-description { color: #d8c9ae !important; }
html[data-asdm][data-tutor-theme="dark"] .tutor-pn-drawer-content .tutor-pn-drawer-link,
html[data-asdm][data-tutor-theme="dark"] .tutor-pn-drawer-content button.tutor-pn-drawer-close {
  background: linear-gradient(145deg, #2c251e, #1c1814) !important; color: #e0c27f !important;
  box-shadow: 3px 3px 8px rgba(0,0,0,.45), -2px -2px 6px rgba(255,235,200,.05) !important;
}
html[data-asdm][data-tutor-theme="dark"] .tutor-pn-drawer-content button.tutor-pn-drawer-close svg { color: #e0c27f !important; }

/* === Onglets Tutor : pas de majuscule à chaque mot (typographie française) === */
html[data-asdm] .tutor-tabs-tab { text-transform: none !important; }