.lang-flag img { display: inline-block; vertical-align: middle; border-radius: 2px; } .lang-flag a { display: inline-flex; align-items: center; } /* Fix rendu bouton dark mode (Chromium/Brave) */ #dark-mode { appearance: none; -webkit-appearance: none; border: 0; background: transparent; padding: 0; margin: 0; line-height: 1; cursor: pointer; } #dark-mode .icons { display: inline-block; line-height: 1; vertical-align: middle; } /* Le JS ajoute/enlève "dark" sur */ body.dark { background: #111; color: #eee; } /* Liens lisibles en dark */ body.dark a { color: inherit; opacity: 0.9; } /* Optionnel: ajuster les séparateurs */ body.dark hr { opacity: 0.25; } /* Force une police emoji sur tout le site */ html, body, * { font-family: inherit; } .retro-sep { border: none; height: 2px; background: repeating-linear-gradient( 90deg, #ccc 0, #ccc 5px, transparent 5px, transparent 10px ); margin: 2rem 0 1rem 0; } /* Footer copyright plus discret */ footer { font-size: 0.8rem; /* plus petit */ opacity: 0.7; /* légèrement estompé */ text-align: center; } footer a { opacity: 0.8; /* liens un peu plus visibles */ }