/* Recruitify — styles custom (en complément de Tailwind CDN) */

html { scroll-behavior: smooth; }

body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

/* Navbar : transparente sur le hero, fond blanc + ombre au scroll */
#nav.scrolled {
  background-color: rgba(255, 255, 255, 0.95);
  backdrop-filter: saturate(180%) blur(12px);
  -webkit-backdrop-filter: saturate(180%) blur(12px);
  box-shadow: 0 4px 20px -8px rgba(28, 47, 117, 0.15);
}
/* Logo switch — indépendant de Tailwind .hidden pour éviter les conflits de chargement CDN */
.nav-logo-white { display: inline-block !important; }
.nav-logo-color { display: none !important; }
#nav.scrolled .nav-logo-white { display: none !important; }
#nav.scrolled .nav-logo-color { display: inline-block !important; }
#nav.scrolled #menu-btn { color: #1c2f75; }

/* Scroll-margin pour ancres (compense la nav fixed) */
section[id] { scroll-margin-top: 80px; }

/* Animation reveal au scroll */
.reveal { opacity: 0; transform: translateY(24px); transition: opacity 0.7s ease-out, transform 0.7s ease-out; }
.reveal.visible { opacity: 1; transform: translateY(0); }

/* Custom scrollbar */
::-webkit-scrollbar { width: 10px; }
::-webkit-scrollbar-track { background: #f1f5f9; }
::-webkit-scrollbar-thumb { background: #1c2f75; border-radius: 10px; }
::-webkit-scrollbar-thumb:hover { background: #fe904d; }