/* ============================================================
   ALPES INTÉRIM — main.css
   Styles globaux partagés par toutes les pages
   ============================================================ */

body { font-family: 'Outfit', sans-serif; }

/* ── PALETTE D'IDENTITÉ ── */
.bg-primary       { background-color: #334155; }
.text-primary     { color: #334155; }
.border-primary   { border-color: #334155; }
.hover-bg-primary:hover { background-color: #1e293b; }

.bg-accent-pop        { background-color: #f97316; }
.text-accent-pop      { color: #f97316; }
.hover-bg-accent-pop:hover { background-color: #ea580c; }
.border-accent-pop    { border-color: #f97316; }

.bg-social   { background-color: #14b8a6; }
.text-social { color: #14b8a6; }

/* ── HERO ── */
.hero-overlay {
    background: linear-gradient(135deg, rgba(30,41,59,.85) 0%, rgba(51,65,85,.8) 100%);
}
.glass-panel {
    background: rgba(255,255,255,.95);
    backdrop-filter: blur(10px);
}

/* ── VAGUE DIVIDER ── */
.custom-shape-divider-bottom { position:absolute; bottom:0; left:0; width:100%; overflow:hidden; line-height:0; }
.custom-shape-divider-bottom svg { position:relative; display:block; width:calc(130% + 1.3px); height:60px; }
.custom-shape-divider-bottom .shape-fill { fill:#FFFFFF; }

/* ── MARQUEE ── */
@keyframes scroll {
    0%   { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}
.marquee-container {
    mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
    -webkit-mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
}
.marquee-content {
    display: flex;
    width: max-content;
    animation: scroll 30s linear infinite;
}
.marquee-content:hover { animation-play-state: paused; }

/* ── MOBILE MENU ── */
#mobile-menu { transition: transform .3s ease-in-out; }
.menu-open   { transform: translateX(0) !important; }

/* ── MODAL ── */
#login-modal { transition: opacity .3s ease-in-out, visibility .3s; }
.modal-active { opacity: 1 !important; visibility: visible !important; }
.modal-content { transition: transform .3s cubic-bezier(.34,1.56,.64,1); }
.modal-active .modal-content { transform: scale(1) !important; }

/* ── CHECKBOX CUSTOM (page candidat) ── */
.checkbox-custom:checked { background-color: #f97316; border-color: #f97316; }

/* ── SCROLL BAR FINE ── */
::-webkit-scrollbar { width: 5px; }
::-webkit-scrollbar-track { background: #f1f5f9; }
::-webkit-scrollbar-thumb { background: #334155; border-radius: 99px; }