/* =====================================================================
   CasinoSansDepot.com — override.css
   Couche commune chargée en dernier sur toutes les pages
   (lien : /css/override.css?v=AAAAMMJJ ; changer la valeur à chaque mise à jour)
   ===================================================================== */

/* ---------- 1. Variables ---------- */
:root{
  --c-brand:#b50303;      /* rouge de l'en-tête et des titres */
  --c-ink:#231f20;        /* titres foncés */
  --c-text:#222222;       /* texte courant */
  --c-muted:#5f6368;      /* texte secondaire (5,8:1 sur #f8f9fa) */
  --c-cta:#007a3d;        /* vert des boutons (5,5:1 avec le blanc) */
  --c-cta-hover:#006633;
  --c-surface:#f8f9fa;
  --c-line:#e5e7eb;
  --c-info:#2e86c1;
  --c-focus:#1d4ed8;
  --fs-read:16px;         /* texte de lecture, mobile */
  --fs-read-lg:17px;      /* texte de lecture, ordinateur */
  --lh-read:1.65;
}

/* ---------- 2. Texte de lecture : une seule échelle sur tout le site ---------- */
.left .casino_longform p:not([class]),
.left .videoWithCont > p:not([class]),
.left .videoWithCont > div > p:not([class]),
.left .videoWithCont > blockquote p,
.left .conclusion p,
.left .note-info p,
.left .casino_longform ul:not([class]) > li,
.left .casino_longform ol:not([class]) > li,
.left .videoWithCont > ul:not([class]) > li,
.left .videoWithCont > ol:not([class]) > li{
  font-size:var(--fs-read) !important;
  line-height:var(--lh-read) !important;
  color:var(--c-text);
}
@media (min-width:961px){
  .left .casino_longform p:not([class]),
  .left .videoWithCont > p:not([class]),
  .left .videoWithCont > div > p:not([class]),
  .left .videoWithCont > blockquote p,
  .left .conclusion p,
  .left .note-info p,
  .left .casino_longform ul:not([class]) > li,
  .left .casino_longform ol:not([class]) > li,
  .left .videoWithCont > ul:not([class]) > li,
  .left .videoWithCont > ol:not([class]) > li{
    font-size:var(--fs-read-lg) !important;
    line-height:1.7 !important;
  }
}

/* ---------- 3. Bloc auteur ---------- */
.author-info,
.author-info > div,
.author-info > nav.breadcrumb{ text-align:left; }
.author-info span[style*="color:#888"]{ color:var(--c-muted) !important; }

/* ---------- 4. Divulgation d'affiliation ---------- */
.affiliate-disclosure{
  background:#f0f7fb;
  border-left:4px solid var(--c-info);
  padding:10px 15px;
  margin:15px 0;
  font-size:.85em;
  line-height:1.5;
  color:#444;
}
.affiliate-disclosure a{ color:#1a5e8a; text-decoration:underline; }

/* ---------- 5. Âge minimum 19+ ---------- */
.age-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:2.3em;
  height:2.3em;
  padding:0 .25em;
  border:2px solid currentColor;
  border-radius:50%;
  font-weight:700;
  font-size:.8em;
  line-height:1;
  vertical-align:middle;
  box-sizing:border-box;
}

/* ---------- 6. Ressources d'aide (pied de page) ---------- */
.footer-legal-links li.footer-help a{ white-space:nowrap; }

/* ---------- 7. Boutons de l'ancienne liste : contraste conforme ---------- */
.left .casino_imgAndbtn .btn,
.left .casino_section .btn-small,
.left .casino_header h4 a.btn-inverse,
.left .modern-casino-header h4 a.btn-inverse{
  background:var(--c-cta) !important;
  color:#fff !important;
}
.left .casino_imgAndbtn .btn:hover,
.left .casino_section .btn-small:hover,
.left .casino_header h4 a.btn-inverse:hover,
.left .modern-casino-header h4 a.btn-inverse:hover{
  background:var(--c-cta-hover) !important;
}

/* ---------- 8. Tableaux : défilement horizontal sur petit écran ---------- */
.table-scroll{
  width:100%;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  margin:0 0 1.2em;
}
.table-scroll > table{ margin-bottom:0; }

/* ---------- 9. Bandeau des témoins (cookies) plus compact sur mobile ---------- */
@media only screen and (max-width:767px){
  #easyCookie.ec-fixed{ padding:4px 10px; }
  #easyCookie.ec-fixed .ec-infos{ font-size:12.5px; line-height:1.35; margin:3px 0; }
  #easyCookie.ec-fixed .ec-btns > a{ margin:3px; padding:8px; }
}

/* ---------- 10. Accessibilité ---------- */
a:focus-visible,
button:focus-visible,
[tabindex]:focus-visible{
  outline:3px solid var(--c-focus);
  outline-offset:2px;
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{
    animation-duration:.01ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.01ms !important;
    scroll-behavior:auto !important;
  }
}