/* Additional custom styles for Hair Design by Nicole */

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

/* Gold shimmer animation */
@keyframes shimmer {
    0% { background-position: -200% center; }
    100% { background-position: 200% center; }
}

.gold-shimmer {
    background: linear-gradient(90deg, #b8860b 0%, #f2d98e 25%, #d4a017 50%, #f2d98e 75%, #b8860b 100%);
    background-size: 200% auto;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    animation: shimmer 3s linear infinite;
}

/* Pulse animation for CTA */
@keyframes pulse-gold {
    0%, 100% { box-shadow: 0 0 0 0 rgba(184, 134, 11, 0.4); }
    50% { box-shadow: 0 0 0 10px rgba(184, 134, 11, 0); }
}

.btn-gold:hover {
    animation: pulse-gold 1.5s ease-in-out infinite;
}

/* Selection color */
::selection {
    background: rgba(184, 134, 11, 0.3);
    color: #f5f0e8;
}

/* Focus styles */
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible {
    outline: 2px solid #b8860b;
    outline-offset: 2px;
}

/* Print styles */
@media print {
    .navbar, .mobile-menu, #mobileMenuBtn { display: none !important; }
    body { background: white; color: black; }
    .hero-overlay { display: none; }
}