/* Custom styles for McDonald's Saint Albans */

/* Gold color utilities */
.text-gold-400 { color: #d4af37; }
.text-gold-300 { color: #f5d76e; }
.text-gold-500 { color: #c9a227; }
.bg-gold-400 { background-color: #d4af37; }
.bg-gold-500 { background-color: #c9a227; }

/* Custom scrollbar */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #0a0a0a;
}
::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #d4af37, #8b2323);
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg, #f5d76e, #a83232);
}

/* Selection color */
::selection {
    background: rgba(212, 175, 55, 0.3);
    color: #fff;
}

/* Smooth transitions for all interactive elements */
a, button {
    -webkit-tap-highlight-color: transparent;
}

/* Reduce motion for accessibility */
@media (prefers-reduced-motion: reduce) {
    .reveal {
        opacity: 1;
        transform: none;
        transition: none;
    }
    .menu-card {
        transition: none;
    }
    .menu-card:hover {
        transform: none;
    }
    .gold-shimmer {
        animation: none;
        -webkit-text-fill-color: #d4af37;
        background: none;
        background-clip: unset;
        -webkit-background-clip: unset;
    }
    .hero-gradient {
        animation: none;
    }
    .pulse-dot {
        animation: none;
    }
}

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