/* Mode clair : socle écrit à la main (interrupteur, logo). Les couleurs des pages
   sont dans commun.css et <page>.css, générées par tools/clair/gen_clair.py. */
.rl-mode-btn{display:none}
html.rl-mode-on .rl-mode-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:44px;height:44px;margin-left:12px;padding:0;border-radius:10px;border:1px solid #2A3550;background:transparent;color:#E5E7EB;cursor:pointer;transition:border-color .18s,color .18s,background-color .18s}
html.rl-mode-on .rl-mode-btn:hover{border-color:rgba(236,161,79,.6);color:#ECA14F}
.rl-mode-btn:focus-visible{outline:2px solid #ECA14F;outline-offset:3px}
.rl-mode-btn .rl-ic-lune{display:none}
html[data-theme="light"] .rl-mode-btn .rl-ic-soleil{display:none}
html[data-theme="light"] .rl-mode-btn .rl-ic-lune{display:block}
@media (max-width:768px){html.rl-mode-on .rl-mode-btn{margin-left:auto;margin-right:8px}}
html[data-theme="light"][data-clair] .rl-mode-btn{border-color:#D3CCBD;color:#1F2430}
html[data-theme="light"][data-clair] .rl-mode-btn:hover{border-color:#9E5713;color:#9E5713}
html[data-theme="light"][data-clair] .rl-mode-btn:focus-visible{outline-color:#9E5713}
/* Logo du menu : lettres blanches et gris clair deviennent sombres */
html[data-theme="light"][data-clair] .rl-logo svg [fill="#FFFFFF"]{fill:#0B0F17}
html[data-theme="light"][data-clair] .rl-logo svg [fill="#A0B3C6"]{fill:#5B6170}
html[data-theme="light"][data-clair] .rl-logo svg [stroke="#A0B3C6"]{stroke:#5B6170}
/* Focus clavier : l'orange foncé reste visible sur fond clair */
html[data-theme="light"][data-clair] :focus-visible{outline-color:#9E5713}
/* Bandeau cookies : son conteneur reçoit ses styles par script, la règle générée ne peut pas le viser */
html[data-theme="light"][data-clair]:not(#rl-ci):not(#rl-cj) #rl-cookie-banner{background:#FFFFFF !important;border-top-color:#E4DFD3 !important;box-shadow:0 -12px 32px -16px rgba(11,15,23,.18) !important}
/* Logo du pied de page (image) : version sombre en mode clair */
html[data-theme="light"][data-clair] img[src="/assets/logo-relyance.svg"]{content:url("/assets/clair/logo-relyance-clair.svg")}
/* Traits du bouton de menu mobile : fond blanc utilisé comme encre */
html[data-theme="light"][data-clair]:not(#rl-ci):not(#rl-cj) .rl-hamburger span{background:#0B0F17 !important}