/* Custom styles for Cre8 Hair Salon */

/* Smooth scrolling is handled in HTML via scroll-behavior */

/* Ensure all text has proper contrast */
body {
    background-color: #1a0f20;
    color: #f5f0f7;
}

/* Gold gradient animation on hover for interactive elements */
a.gold-text:hover {
    background: linear-gradient(135deg, #fde68a, #fbbf24, #f59e0b, #fde68a);
    background-size: 200% 200%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    animation: shimmer 2s ease-in-out infinite;
}

@keyframes shimmer {
    0%, 100% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
}

/* Ensure map iframe is readable */
iframe[src*="google.com/maps"] {
    border-radius: 0.75rem;
}

/* Focus visible for accessibility */
*:focus-visible {
    outline: 2px solid #fcd34d;
    outline-offset: 2px;
}

/* Selection color */
::selection {
    background: rgba(251, 191, 36, 0.3);
    color: #f5f0f7;
}