/* DataFirefly SEO Hub — custom CSS */
/* Tailwind est chargé via CDN dans le layout. Ce fichier ne contient que des
   ajustements custom non couverts par Tailwind. */

html { scroll-behavior: smooth; }
body { font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; }

/* Animations doux pour les éléments interactifs */
button, a { transition: all 0.15s ease; }

/* Inputs : focus ring aux couleurs brand */
input:focus, select:focus, textarea:focus {
    outline: none;
    border-color: #0284c7;
    box-shadow: 0 0 0 3px rgba(14, 165, 233, 0.2);
}

/* Scrollbar plus discrète */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 5px; }
::-webkit-scrollbar-thumb:hover { background: #94a3b8; }

/* Loading state pour les boutons */
button:disabled { opacity: 0.6; cursor: not-allowed; }

/* Petits raffinements pour les <details> de la page admin/plans */
details > summary { list-style: none; }
details > summary::-webkit-details-marker { display: none; }
details > summary::after { content: '▾'; float: right; transition: transform 0.2s; }
details[open] > summary::after { transform: rotate(180deg); }