/* ============================================================
 *  Sama_Boutique — Thème Sombre / Clair (bascule utilisateur)
 *  ------------------------------------------------------------
 *  Chargée EN DERNIER dans chaque gabarit : ses règles
 *  l'emportent sur les feuilles natives.
 *
 *  Principe « contre-thème » : chaque feuille du projet a un
 *  thème natif, ce fichier n'écrit que l'autre version.
 *   - public.css / auth.css / widget-chat.css  : sombre-natif
 *       → html[data-theme="light"]   : déclinaison claire
 *   - dashboard.css / vitrine.css / chat.css   : clair-natif
 *       → html[data-theme="dark"]    : déclinaison sombre
 *
 *  Le JS (theme.js, synchrone en <head>) pose l'attribut avant
 *  le premier rendu : aucun flash de thème au chargement.
 * ============================================================ */

/* ---------- Bouton de bascule (soleil / lune) ---------- */
.theme-bascule {
    display: inline-grid;
    place-items: center;
    width: 44px;
    height: 44px;
    padding: 0;
    border-radius: 50%;
    border: 1.5px solid var(--bordure, rgb(148 163 184 / .3));
    background: transparent;
    color: var(--texte, #e2e8f0);
    cursor: pointer;
    flex-shrink: 0;
    transition: border-color .18s, color .18s, transform .18s, background .18s;
}
.theme-bascule:hover {
    border-color: #d97706;
    color: #d97706;
    transform: translateY(-1px);
}
.theme-bascule:focus-visible {
    outline: 2px solid #d97706;
    outline-offset: 2px;
}
.theme-bascule svg { width: 20px; height: 20px; }
/* Icône = thème VERS lequel on bascule : soleil en mode sombre,
   lune en mode clair. */
.theme-bascule__lune { display: none; }
html[data-theme="light"] .theme-bascule__lune { display: block; }
html[data-theme="light"] .theme-bascule__soleil { display: none; }

/* Variante flottante (pages auth : pas de barre de navigation) */
.theme-bascule--flottant {
    position: fixed;
    top: 14px;
    right: 16px;
    z-index: 400;
    background: rgb(15 23 42 / .55);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    color: #e2e8f0;
    border-color: rgb(148 163 184 / .3);
}
html[data-theme="light"] .theme-bascule--flottant {
    background: rgb(255 255 255 / .75);
    color: #0f172a;
    border-color: rgb(15 23 42 / .18);
}

/* ---------- Transitions douces entre thèmes ---------- */
body, .carte, .pub-carte, .pub-temoignage, .pub-etape,
.pub-avantage, .pub-entete, .entete-app, .entete-boutique,
.auth-carte, .wchat__panneau, .tableau, .commande, .stat {
    transition: background-color .28s ease, color .28s ease,
                border-color .28s ease, box-shadow .28s ease;
}

/* ============================================================
 *  MODE CLAIR — déclinaison des pages sombre-natives
 *  (index/routeur public, login, register, widget de chat)
 * ============================================================ */
html[data-theme="light"] {
    color-scheme: light;
    /* Variables des feuilles sombres (public.css, widget-chat.css) */
    --verre: linear-gradient(160deg, rgb(255 255 255 / .93), rgb(248 250 252 / .97));
    --texte: #0f172a;
    --texte-doux: #475569;
    --bordure: rgb(15 23 42 / .12);
}

/* ----- Fond global des pages publiques & auth ----- */
html[data-theme="light"] body.page-publique {
    color: #0f172a;
    background:
        radial-gradient(800px 500px at 90% -140px, rgb(217 119 6 / .10), transparent 62%),
        radial-gradient(840px 560px at -10% 30%, rgb(5 150 105 / .07), transparent 65%),
        radial-gradient(700px 500px at 60% 115%, rgb(194 94 0 / .06), transparent 65%),
        linear-gradient(180deg, #f8fafc 0%, #f1f5f9 45%, #faf8f5 100%);
}
html[data-theme="light"] body.auth-page {
    color: #0f172a;
    background:
        radial-gradient(700px 480px at 88% -120px, rgb(217 119 6 / .12), transparent 60%),
        radial-gradient(760px 520px at -8% 32%, rgb(5 150 105 / .08), transparent 62%),
        linear-gradient(180deg, #f8fafc 0%, #eef2f7 100%);
}

/* ----- En-tête public ----- */
html[data-theme="light"] .pub-entete {
    background: rgb(255 255 255 / .78);
    border-bottom-color: rgb(15 23 42 / .1);
}
html[data-theme="light"] .pub-logo strong { color: #0f172a; }
html[data-theme="light"] .pub-nav a { color: #475569; }
html[data-theme="light"] .pub-nav a:hover { color: #0f172a; background: rgb(15 23 42 / .06); }
html[data-theme="light"] .pub-nav a.actif { color: #b45309; background: rgb(217 119 6 / .12); }
html[data-theme="light"] .pub-bouton--contour {
    border-color: #cbd5e1;
    color: #0f172a;
    background: rgb(255 255 255 / .7);
}
html[data-theme="light"] .pub-bouton--contour:hover { border-color: #d97706; color: #b45309; }

/* ----- Hero & recherche acheteur ----- */
html[data-theme="light"] .pub-heros h1,
html[data-theme="light"] .pub-section__titre,
html[data-theme="light"] .pub-cta__panneau h2 { color: #0f172a; }
html[data-theme="light"] .pub-heros__sous-titre,
html[data-theme="light"] .pub-section__sous-titre,
html[data-theme="light"] .pub-cta__panneau p { color: #475569; }
html[data-theme="light"] .pub-etiquette {
    color: #b45309;
    border-color: rgb(217 119 6 / .4);
    background: rgb(217 119 6 / .08);
}
html[data-theme="light"] .pub-heros__points-cles { color: #475569; }
html[data-theme="light"] .pub-heros__points-cles b { color: #059669; }
html[data-theme="light"] .pub-recherche { border-color: rgb(15 23 42 / .12); }
html[data-theme="light"] .pub-recherche label { color: #475569; }
html[data-theme="light"] .pub-recherche label strong { color: #0f172a; }
html[data-theme="light"] .pub-recherche__prefixe {
    background: #f1f5f9;
    border-color: #cbd5e1;
    color: #b45309;
}
html[data-theme="light"] .pub-recherche input {
    background: #fff;
    border-color: #cbd5e1;
    color: #0f172a;
}
html[data-theme="light"] .pub-telephone {
    background: linear-gradient(160deg, #e2e8f0, #cbd5e1);
    border-color: rgb(15 23 42 / .18);
}
html[data-theme="light"] .pub-flottante {
    color: #0f172a;
    background: linear-gradient(160deg, rgb(255 255 255 / .95), rgb(248 250 252 / .98));
    border-color: rgb(217 119 6 / .35);
}
html[data-theme="light"] .pub-flottante small { color: #64748b; }
html[data-theme="light"] .pub-flottante--vente { border-color: rgb(5 150 105 / .4); }

/* ----- Confiance & cartes ----- */
html[data-theme="light"] .pub-confiance {
    border-color: rgb(15 23 42 / .08);
    background: rgb(255 255 255 / .6);
}
html[data-theme="light"] .pub-confiance__ligne { color: #475569; }
html[data-theme="light"] .pub-confiance__ligne b { color: #0f172a; }
html[data-theme="light"] .pub-carte,
html[data-theme="light"] .pub-temoignage,
html[data-theme="light"] .pub-etape,
html[data-theme="light"] .pub-avantage,
html[data-theme="light"] .pub-faq details {
    border-color: rgb(15 23 42 / .1);
    box-shadow: 0 10px 30px -18px rgb(15 23 42 / .18);
}
html[data-theme="light"] .pub-carte:hover,
html[data-theme="light"] .pub-etape:hover,
html[data-theme="light"] .pub-avantage:hover,
html[data-theme="light"] .pub-temoignage:hover {
    box-shadow: 0 22px 40px -18px rgb(15 23 42 / .25);
}
html[data-theme="light"] .pub-carte h3,
html[data-theme="light"] .pub-etape h3,
html[data-theme="light"] .pub-avantage h3,
html[data-theme="light"] .pub-faq summary,
html[data-theme="light"] .pub-temoignage__auteur strong,
html[data-theme="light"] .pub-telephone__boutique { color: #0f172a; }
html[data-theme="light"] .pub-carte p,
html[data-theme="light"] .pub-etape p,
html[data-theme="light"] .pub-avantage p,
html[data-theme="light"] .pub-faq details p,
html[data-theme="light"] .pub-temoignage blockquote { color: #475569; }
html[data-theme="light"] .pub-etape ul li,
html[data-theme="light"] .pub-avantage ul li { color: #334155; }
html[data-theme="light"] .pub-temoignage__auteur small,
html[data-theme="light"] .pub-carte__chiffre { color: #64748b; }
html[data-theme="light"] .pub-carte__chiffre { color: #b45309; }
html[data-theme="light"] .pub-carte--emeraude .pub-carte__chiffre { color: #059669; }
html[data-theme="light"] .pub-carte--terra .pub-carte__chiffre { color: #c25e00; }
html[data-theme="light"] .pub-carte code {
    background: rgb(217 119 6 / .1);
    color: #b45309;
}
html[data-theme="light"] .pub-telephone__ecran {
    background: linear-gradient(180deg, #f1f5f9, #e2e8f0);
    border-color: rgb(15 23 42 / .12);
}
html[data-theme="light"] .pub-telephone__produit {
    background: rgb(255 255 255 / .8);
    border-color: rgb(15 23 42 / .1);
}
html[data-theme="light"] .pub-telephone__produit strong { color: #0f172a; }
html[data-theme="light"] .pub-telephone__produit span { color: #b45309; }

/* ----- Comparatif ----- */
html[data-theme="light"] .pub-comparatif {
    border-color: rgb(15 23 42 / .1);
}
html[data-theme="light"] .pub-comparatif th,
html[data-theme="light"] .pub-comparatif td { border-bottom-color: rgb(15 23 42 / .08); }
html[data-theme="light"] .pub-comparatif thead th {
    color: #0f172a;
    background: #f1f5f9;
}
html[data-theme="light"] .pub-comparatif thead th:last-child {
    color: #b45309;
    background: rgb(217 119 6 / .12);
}
html[data-theme="light"] .pub-comparatif td:first-child { color: #64748b; }
html[data-theme="light"] .pub-comparatif td:last-child { color: #0f172a; }

/* ----- CTA & flashs publics ----- */
html[data-theme="light"] .pub-cta__panneau {
    border-color: rgb(217 119 6 / .3);
    background:
        radial-gradient(500px 200px at 20% 0%, rgb(217 119 6 / .14), transparent 60%),
        radial-gradient(500px 220px at 85% 100%, rgb(5 150 105 / .12), transparent 60%),
        linear-gradient(160deg, rgb(255 255 255 / .94), rgb(248 250 252 / .97));
}
html[data-theme="light"] .pub-flash--succes { background: rgb(5 150 105 / .1); border-color: rgb(5 150 105 / .35); color: #065f46; }
html[data-theme="light"] .pub-flash--erreur { background: rgb(227 27 35 / .07); border-color: rgb(227 27 35 / .3); color: #991b1b; }
html[data-theme="light"] .pub-flash--info   { background: rgb(217 119 6 / .1); border-color: rgb(217 119 6 / .35); color: #92400e; }

/* ----- Pied public ----- */
html[data-theme="light"] .pub-pied {
    border-top-color: rgb(15 23 42 / .1);
    background: #f1f5f9;
}
html[data-theme="light"] .pub-pied__marque p,
html[data-theme="light"] .pub-pied__col a { color: #475569; }
html[data-theme="light"] .pub-pied__col a:hover { color: #b45309; }
html[data-theme="light"] .pub-pied__col h3 { color: #b45309; }
html[data-theme="light"] .pub-pied__signature { color: #94a3b8; border-top-color: rgb(15 23 42 / .1); }

/* ----- Pages auth (login / register) ----- */
html[data-theme="light"] .auth-carte {
    background: linear-gradient(160deg, rgb(255 255 255 / .94), rgb(248 250 252 / .97));
    border-color: rgb(15 23 42 / .12);
}
html[data-theme="light"] .auth-carte h1,
html[data-theme="light"] .auth-carte h2,
html[data-theme="light"] .champ-auth__label { color: #0f172a; }
html[data-theme="light"] .auth-carte__sous-titre,
html[data-theme="light"] .auth-carte__pied,
html[data-theme="light"] .champ-hint,
html[data-theme="light"] .aide-sombre,
html[data-theme="light"] .force-mdp__texte { color: #475569; }
html[data-theme="light"] .champ-controle {
    background: #fff;
    border-color: #cbd5e1;
}
html[data-theme="light"] .champ-controle:focus-within {
    border-color: #d97706;
    box-shadow: 0 0 0 3px rgb(217 119 6 / .15);
}
html[data-theme="light"] .champ-controle input,
html[data-theme="light"] .champ-controle select { color: #0f172a; }
html[data-theme="light"] .champ-controle input::placeholder { color: #94a3b8; }
html[data-theme="light"] .champ-controle__icone,
html[data-theme="light"] .champ-oeil { color: #64748b; }
html[data-theme="light"] .champ-oeil:hover { color: #b45309; }
html[data-theme="light"] .auth-lien-retour { color: #475569; }
html[data-theme="light"] .auth-lien-retour:hover { color: #b45309; }
html[data-theme="light"] .auth-alerte--erreur { background: rgb(227 27 35 / .07); border-color: rgb(227 27 35 / .3); color: #991b1b; }
html[data-theme="light"] .auth-alerte--succes { background: rgb(5 150 105 / .1); border-color: rgb(5 150 105 / .35); color: #065f46; }
html[data-theme="light"] .auth-alerte--info   { background: rgb(217 119 6 / .1); border-color: rgb(217 119 6 / .35); color: #92400e; }
html[data-theme="light"] .auth-alerte--csrf   { background: rgb(217 119 6 / .1); border-color: rgb(217 119 6 / .35); color: #92400e; }

/* ----- Widget de chat (clair) ----- */
html[data-theme="light"] .wchat__panneau {
    background: linear-gradient(160deg, rgb(255 255 255 / .96), rgb(248 250 252 / .98));
    border-color: rgb(15 23 42 / .14);
}
html[data-theme="light"] .wchat__entete,
html[data-theme="light"] .wchat__onglets { border-color: rgb(15 23 42 / .1); }
html[data-theme="light"] .wchat__titres,
html[data-theme="light"] .wchat__onglet { color: #0f172a; }
html[data-theme="light"] .wchat__onglet:not(.actif) { color: #64748b; }
html[data-theme="light"] .wchat__conv { border-color: rgb(15 23 42 / .08); }
html[data-theme="light"] .wchat__conv:hover { background: rgb(15 23 42 / .04); }
html[data-theme="light"] .wchat__meta,
html[data-theme="light"] .wchat__vide,
html[data-theme="light"] .wchat__intro { color: #64748b; }
html[data-theme="light"] .wchat__ligne--autre .wchat__msg,
html[data-theme="light"] .wchat__ligne .wchat__msg {
    background: #f1f5f9;
    color: #0f172a;
    border-color: rgb(15 23 42 / .08);
}
html[data-theme="light"] .wchat__saisie input {
    background: #fff;
    border-color: #cbd5e1;
    color: #0f172a;
}
html[data-theme="light"] .wchat__croix,
html[data-theme="light"] .wchat__retour { color: #64748b; }

/* ============================================================
 *  MODE SOMBRE — déclinaison des pages clair-natives
 *  (dashboard marchand, admin, vitrines, chats)
 * ============================================================ */
html[data-theme="dark"] {
    color-scheme: dark;
    /* Variables des feuilles claires (dashboard.css, vitrine.css) */
    --texte: #e2e8f0;
    --texte-doux: #94a3b8;
    --fond: #020617;
    --carte: #0f172a;
    --bordure: rgb(148 163 184 / .18);
    --verre: linear-gradient(160deg, rgb(15 23 42 / .78), rgb(2 6 23 / .88));
    /* La couleur de boutique reste : ses déclinaisons s'adaptent. */
    --principale-foncee: color-mix(in srgb, var(--principale) 72%, #ffffff);
    --principale-claire: color-mix(in srgb, var(--principale) 14%, transparent);
    --ombre-1: 0 1px 2px rgb(0 0 0 / .4), 0 10px 28px rgb(0 0 0 / .45);
    --ombre-2: 0 18px 38px rgb(0 0 0 / .55), 0 3px 8px rgb(0 0 0 / .35);
}

/* ----- Fond global (hors pages publiques/auth déjà sombres) ----- */
html[data-theme="dark"] body:not(.page-publique):not(.auth-page) {
    color: #e2e8f0;
    background:
        radial-gradient(1000px 440px at 85% -160px, rgb(217 119 6 / .12), transparent 60%),
        radial-gradient(900px 500px at -10% 30%, rgb(5 150 105 / .08), transparent 62%),
        linear-gradient(180deg, #0f172a 0%, #020617 55%, #020617 100%);
    background-attachment: fixed;
}

/* ----- En-têtes applicatifs & boutique ----- */
html[data-theme="dark"] .entete-app,
html[data-theme="dark"] .entete-boutique {
    background: rgb(2 6 23 / .78);
    border-bottom: 1px solid var(--bordure);
    -webkit-backdrop-filter: blur(14px) saturate(140%);
    backdrop-filter: blur(14px) saturate(140%);
}
html[data-theme="dark"] .logo,
html[data-theme="dark"] .logo-boutique,
html[data-theme="dark"] .nav-app a,
html[data-theme="dark"] .nav-boutique a { color: #e2e8f0; }
html[data-theme="dark"] .nav-app a:hover,
html[data-theme="dark"] .nav-boutique a:hover { background: rgb(148 163 184 / .1); color: #f8fafc; }
html[data-theme="dark"] .nav-app a.actif,
html[data-theme="dark"] .nav-boutique a.actif {
    color: #fbbf24;
    background: rgb(217 119 6 / .14);
}

/* ----- Surfaces ----- */
html[data-theme="dark"] .carte,
html[data-theme="dark"] .carte-vitrine,
html[data-theme="dark"] .carte-auth,
html[data-theme="dark"] .commande,
html[data-theme="dark"] .stat,
html[data-theme="dark"] .carte-produit,
html[data-theme="dark"] .recap-commande,
html[data-theme="dark"] .info-paiement,
html[data-theme="dark"] .zone-auth,
html[data-theme="dark"] .zone-formulaire,
html[data-theme="dark"] .chat,
html[data-theme="dark"] .apercu-carte {
    background: linear-gradient(160deg, rgb(15 23 42 / .9), rgb(2 6 23 / .92));
    border-color: var(--bordure);
    color: #e2e8f0;
}
html[data-theme="dark"] .page-titre,
html[data-theme="dark"] h1, html[data-theme="dark"] h2, html[data-theme="dark"] h3 { color: #f1f5f9; }
html[data-theme="dark"] .sous-titre,
html[data-theme="dark"] .aide,
html[data-theme="dark"] .carte-produit__description,
html[data-theme="dark"] .contact-ligne,
html[data-theme="dark"] .page-points { color: #94a3b8; }
html[data-theme="dark"] .top-produit__ligne,
html[data-theme="dark"] .ligne-panier,
html[data-theme="dark"] .liste-recap li { border-color: rgb(148 163 184 / .14); }

/* ----- Champs de formulaire ----- */
html[data-theme="dark"] input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="file"]),
html[data-theme="dark"] select,
html[data-theme="dark"] textarea,
html[data-theme="dark"] .barre-recherche input,
html[data-theme="dark"] .chat__saisie input,
html[data-theme="dark"] .qt-input {
    background: rgb(2 6 23 / .6);
    border-color: rgb(148 163 184 / .25);
    color: #f1f5f9;
}
html[data-theme="dark"] input:focus,
html[data-theme="dark"] select:focus,
html[data-theme="dark"] textarea:focus {
    border-color: #d97706;
    box-shadow: 0 0 0 3px rgb(217 119 6 / .18);
}
html[data-theme="dark"] input::placeholder,
html[data-theme="dark"] textarea::placeholder { color: #64748b; }

/* ----- Tableaux ----- */
html[data-theme="dark"] .tableau { border-color: var(--bordure); }
html[data-theme="dark"] .tableau th,
html[data-theme="dark"] .tableau td { border-color: rgb(148 163 184 / .12); }
html[data-theme="dark"] .tableau thead th {
    background: rgb(30 41 59 / .7);
    color: #f1f5f9;
}
html[data-theme="dark"] .tableau tbody tr:hover { background: rgb(148 163 184 / .06); }

/* ----- Flashs & messages ----- */
html[data-theme="dark"] .flash--succes { background: rgb(5 150 105 / .13); color: #a7f3d0; border-color: rgb(52 211 153 / .35); }
html[data-theme="dark"] .flash--erreur { background: rgb(227 27 35 / .1);  color: #fecaca; border-color: rgb(248 113 113 / .35); }
html[data-theme="dark"] .flash--info   { background: rgb(217 119 6 / .12); color: #fde68a; border-color: rgb(251 191 36 / .35); }
html[data-theme="dark"] .zone-message  { background: rgb(217 119 6 / .1); color: #fde68a; border-color: rgb(217 119 6 / .3); }
html[data-theme="dark"] .erreurs {
    background: rgb(227 27 35 / .1);
    border-color: rgb(248 113 113 / .3);
    color: #fecaca;
}

/* ----- Boutons secondaires & liens ----- */
html[data-theme="dark"] .bouton--secondaire,
html[data-theme="dark"] .bouton--secondaire-vitrine,
html[data-theme="dark"] .page-lien,
html[data-theme="dark"] .filtres select {
    background: rgb(30 41 59 / .7);
    border-color: rgb(148 163 184 / .25);
    color: #e2e8f0;
}
html[data-theme="dark"] .bouton--lien { color: #94a3b8; }
html[data-theme="dark"] .bouton--lien:hover { color: #fbbf24; background: transparent; }
html[data-theme="dark"] .lien-vitrine,
html[data-theme="dark"] .liens-bas a { color: #fbbf24; }
html[data-theme="dark"] .page-lien--actif {
    background: rgb(217 119 6 / .16);
    color: #fbbf24;
    border-color: rgb(217 119 6 / .4);
}

/* ----- Chat interne (pages dashboard/admin) ----- */
html[data-theme="dark"] .chat__entete,
html[data-theme="dark"] .conv-item,
html[data-theme="dark"] .liste-conv { border-color: var(--bordure); }
html[data-theme="dark"] .conv-item:hover { background: rgb(148 163 184 / .07); }
html[data-theme="dark"] .conv-item--active { background: rgb(217 119 6 / .12); }
html[data-theme="dark"] .chat__fil { background: rgb(2 6 23 / .45); }
html[data-theme="dark"] .chat__bulle { background: rgb(30 41 59 / .8); color: #e2e8f0; }
html[data-theme="dark"] .chat__ligne--moi .chat__bulle {
    background: linear-gradient(135deg, #d97706, #c25e00);
    color: #fff;
}
html[data-theme="dark"] .chat__meta,
html[data-theme="dark"] .chat__vide { color: #64748b; }
html[data-theme="dark"] .chat__derogation {
    background: rgb(5 150 105 / .12);
    border-color: rgb(5 150 105 / .35);
    color: #a7f3d0;
}

/* ----- Divers ----- */
html[data-theme="dark"] .pied { border-top-color: var(--bordure); color: #94a3b8; }
html[data-theme="dark"] .logo-pied,
html[data-theme="dark"] .pied a { color: #94a3b8; }
html[data-theme="dark"] .pied a:hover { color: #fbbf24; }
html[data-theme="dark"] .rupture {
    background: rgb(227 27 35 / .12);
    color: #fca5a5;
    border-color: rgb(227 27 35 / .3);
}
html[data-theme="dark"] .carte-produit__image--vide {
    background: rgb(30 41 59 / .6);
    color: #64748b;
}
html[data-theme="dark"] .heros-boutique {
    background: linear-gradient(160deg, rgb(15 23 42 / .9), rgb(2 6 23 / .92));
    border-color: var(--bordure);
}
html[data-theme="dark"] .graphique-jours__colonne { background: rgb(30 41 59 / .7); }
html[data-theme="dark"] .barre-pleine { background: rgb(30 41 59 / .7); }
html[data-theme="dark"] .chip { border-color: var(--bordure); color: #e2e8f0; }
html[data-theme="dark"] .stat__valeur { color: #f8fafc; }
html[data-theme="dark"] .stat__libelle { color: #94a3b8; }
html[data-theme="dark"] ::selection { background: #d97706; color: #1a1a1a; }

/* ---------- Accessibilité ---------- */
@media (prefers-reduced-motion: reduce) {
    body, .carte, .pub-carte, .pub-temoignage, .pub-etape,
    .pub-avantage, .pub-entete, .entete-app, .entete-boutique,
    .auth-carte, .wchat__panneau, .tableau, .commande, .stat {
        transition: none;
    }
}