/* ═══════════════════════════════════════════════════════
   MAEV'ART Beauty Center · services.css
   Styles spécifiques à la page Services
═══════════════════════════════════════════════════════ */

/* ── Anchor navigation sticky ─────────────────────────── */
.anchor-nav { transition: all 0.2s ease; }
.anchor-active {
    color: #8B2346 !important;
    font-weight: 600;
    background-color: rgba(139, 35, 70, 0.08);
}
.scrollbar-hide::-webkit-scrollbar { display: none; }
.scrollbar-hide { -ms-overflow-style: none; }

/* ── Liste prestations ────────────────────────────────── */
.service-item {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 20px;
}
.service-bullet {
    color: #C8A97E;
    font-size: 16px;
    flex-shrink: 0;
    margin-top: 2px;
}

/* ── Nav blanche sur hero sombre ──────────────────────── */
#navbar:not(.scrolled) .nav-link-svc        { color: rgba(255, 255, 255, 0.85); }
#navbar:not(.scrolled) .nav-link-svc:hover  { color: #C8A97E; }
#navbar:not(.scrolled) .nav-link-svc-active { color: #C8A97E !important; }
#navbar.scrolled       .nav-link-svc        { color: #1A1A1A; }
#navbar.scrolled       .nav-link-svc-active { color: #8B2346 !important; }
#navbar:not(.scrolled) .logo-svc            { filter: brightness(0) invert(1); }