/* Cartier Nails & Spa — Custom Styles */
/* All primary styles are in index.html for simplicity. This file provides additional overrides and utility styles. */

/* Smooth scroll offset for fixed navbar */
section[id] {
    scroll-margin-top: 80px;
}

/* Ensure all links have consistent styling */
a {
    text-decoration: none;
}

/* Custom scrollbar */
::-webkit-scrollbar {
    width: 6px;
}

::-webkit-scrollbar-track {
    background: var(--cream);
}

::-webkit-scrollbar-thumb {
    background: rgba(140, 37, 37, 0.2);
    border-radius: 3px;
}

::-webkit-scrollbar-thumb:hover {
    background: rgba(140, 37, 37, 0.4);
}

/* Selection color */
::selection {
    background: rgba(140, 37, 37, 0.15);
    color: var(--burgundy-deep);
}

/* Focus visible for accessibility */
:focus-visible {
    outline: 2px solid var(--burgundy);
    outline-offset: 2px;
}

/* Print styles */
@media print {
    .mobile-menu,
    .marquee-track,
    .reveal {
        display: none !important;
    }

    body {
        background: white !important;
        color: black !important;
    }

    a[href^="tel:"]::before,
    a[href^="mailto:"]::before {
        content: "";
    }
}

/* Very small screens */
@media (max-width: 360px) {
    .font-serif.text-6xl,
    .font-serif.text-7xl,
    .font-serif.text-8xl {
        font-size: 2.5rem;
        line-height: 1.1;
    }

    .stat-card {
        width: 160px !important;
        padding: 12px !important;
    }

    .stat-card .font-serif.text-4xl {
        font-size: 1.75rem;
    }
}