/* ==========================================================================
   NewsPass — CSS custom
   Tout ce qui est plus simple à écrire en CSS pur que via Tailwind.
   ========================================================================== */

/* Alpine.js : cache les éléments tant qu'Alpine n'est pas initialisé.
   Évite le "flash of unstyled content" sur les menus et popups. */
   [x-cloak] {
    display: none !important;
}

/* Sélection de texte aux couleurs de la marque */
::selection {
    background-color: #00C9A7;
    color: #0f0f0f;
}

/* Scrollbar plus discrète sur Webkit (Chrome, Safari, Edge) */
::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}
::-webkit-scrollbar-track {
    background: #f7f7f7;
}
::-webkit-scrollbar-thumb {
    background: #d1d1d1;
    border-radius: 10px;
    border: 2px solid #f7f7f7;
}
::-webkit-scrollbar-thumb:hover {
    background: #888888;
}

/* Améliorations typographiques pour Fraunces (police display) */
.font-display {
    font-optical-sizing: auto;
    font-feature-settings: 'ss01' 1; /* alternates discrets */
}

/* Évite le saut de focus disgracieux par défaut, garde l'accessibilité */
:focus-visible {
    outline: 2px solid #00C9A7;
    outline-offset: 2px;
    border-radius: 2px;
}
:focus:not(:focus-visible) {
    outline: none;
}