/* Tailwind Color System Extensions */
:root {
    --color-theme-deep: #004547;
    --color-theme-cream: #f4edd8;
    --color-theme-cream-hover: #e6dcb8;
    --color-dark-bg: #091c1d;
    --color-card-bg: #003335;
    --color-text-muted: #b3c8c9;
}

/* Configure Tailwind inline theme extensions */
@layer utilities {
    .bg-themeDeep { background-color: var(--color-theme-deep); }
    .bg-darkBg { background-color: var(--color-dark-bg); }
    .bg-cardBg { background-color: var(--color-card-bg); }
    .bg-themeCream { background-color: var(--color-theme-cream); }
    .bg-themeCreamHover { background-color: var(--color-theme-cream-hover); }

    .text-themeCream { color: var(--color-theme-cream); }
    .text-themeDeep { color: var(--color-theme-deep); }
    .text-textMuted { color: var(--color-text-muted); }

    .border-themeCream { border-color: var(--color-theme-cream); }
    .border-themeDeep { border-color: var(--color-theme-deep); }
}
:root {
    --color-theme-deep: #004547;
    --color-theme-cream: #f4edd8;
    --color-theme-cream-hover: #e6dcb8;
    --color-dark-bg: #091c1d;
    --color-card-bg: #003335;
    --color-text-muted: #b3c8c9;
}

/* Custom Utilities for Navbar Colors */
.bg-themeDeep { background-color: var(--color-theme-deep); }
.text-themeCream { color: var(--color-theme-cream); }
.text-themeDeep { color: var(--color-theme-deep); }
.border-themeCream { border-color: var(--color-theme-cream); }

/* Additional Styling for Smooth Shadow and Logo Glow */
.header-logo-shadow {
    filter: drop-shadow(0px 10px 15px rgba(0, 0, 0, 0.4));
}


/* Center Logo Shadow & Position Tweaks */
header .group div {
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.5), 0 8px 10px -6px rgba(0, 0, 0, 0.4);
}

/* Ensure smooth transitions for navbar element scaling */
header nav a {
    position: relative;
}

header nav a::after {
    content: '';
    position: absolute;
    bottom: -4px;
    left: 0;
    width: 0;
    height: 2px;
    background-color: var(--color-theme-cream, #f4edd8);
    transition: width 0.3s ease;
}

header nav a:hover::after {
    width: 100%;
}





/* Hide scrollbars for category navigation */
.no-scrollbar::-webkit-scrollbar {
    display: none;
}
.no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* Subtle Floating Animation on the Plate Item */
@keyframes gentleFloat {
    0%, 100% { 
        transform: translateY(0px) scale(1); 
    }
    50% { 
        transform: translateY(-8px) scale(1.02); 
    }
}

.animate-plate-item {
    animation: gentleFloat 5s ease-in-out infinite;
}

/* Reservation Section Background Image */
.reservation-bg {
    background-image: url('https://images.unsplash.com/photo-1517248135467-4c7edcad34c4?q=80&w=1920&auto=format&fit=crop');
}