/* Café De Olla — Custom Styles */

/* Smooth scroll offset for fixed nav */
section {
    scroll-margin-top: 80px;
}

/* Selection color */
::selection {
    background: rgba(201, 168, 76, 0.3);
    color: #f5f0e8;
}

/* Custom scrollbar */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #0a0f1e;
}
::-webkit-scrollbar-thumb {
    background: rgba(201, 168, 76, 0.3);
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: rgba(201, 168, 76, 0.5);
}

/* Subtle shimmer animation for gold elements */
@keyframes shimmer {
    0% { background-position: -200% center; }
    100% { background-position: 200% center; }
}

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

/* Mobile link hover */
.mobile-link {
    display: block;
    padding: 0.5rem 0;
    border-bottom: 1px solid rgba(201, 168, 76, 0.08);
    transition: color 0.2s ease;
}
.mobile-link:hover {
    color: #c9a84c;
}

/* Input placeholder styling */
input::placeholder, textarea::placeholder {
    color: #4a4538;
}