body {
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            background-color: #ffffff;
            color: #333333;
        }
        /* Custom Logo Balancing Rules */
        .custom-navbar-logo {
            width: 75px;
            height: 75px;
            object-fit: cover; /* Ensures 500x500 source perfectly fills the frame without flattening */
            border: 2px solid rgba(255, 255, 255, 0.15); /* Adds a subtle elegant ring border */
        }
        /* Adjusted Navbar alignment padding to vertically center navigation items with the larger logo */
        .navbar-expand-lg .navbar-nav .nav-link {
            
            padding-top: 1.5rem;
            padding-bottom: 1.5rem;
        }
        /* Hero Section */
        .hero-section {
            background: linear-gradient(rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.65)), url('https://images.unsplash.com/photo-1544735716-392fe2489ffa?q=80&w=1920') no-repeat center center/cover;
            color: white;
            padding: 120px 0;
            text-align: center;
        }
        /* Features/Story Custom List Styling */
        .story-icon-box {
            width: 45px;
            height: 45px;
            background-color: #212529;
            color: #fff;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
        }
        /* Specialties Section styling */
        .specialties-section {
            background-color: #1a1a1a;
            color: #ffffff;
            padding: 80px 0;
        }
        .specialty-card img {
            width: 100%;
            height: auto;
            border-radius: 4px;
            object-fit: cover;
        }
        /* Footer styling */
        footer {
            background-color: #111111;
            color: #b3b3b3;
            border-top: 1px solid #2a2a2a;
        }
        .footer-link {
            color: #fff;
            text-decoration: none;
        }
        .footer-link:hover {
            color: #ffc107;
        }
        .btn-outline-custom {
            border: 1px solid #ffffff;
            color: #ffffff;
            border-radius: 0;
            transition: 0.3s;
        }
        .btn-outline-custom:hover {
            background-color: #ffffff;
            color: #1a1a1a;
        }
        /* Custom Footer Logo Balancing Rules */
        .custom-footer-logo {
             width: 90px;
             height: 90px;
            object-fit: cover; /* Prevents your high-res 500x500 asset from compressing or warping */
             border: 2px solid rgba(255, 255, 255, 0.1); /* Adds an elegant, subtle border contrast against the dark background */
        }


        /* gallery serction of index.html */
         /* Gallery Section */
        .gallery-img {
            width: 100%;
            height: 250px;
            object-fit: cover;
            border-radius: 4px;
        }


        /* menu section of menu.html */
        /* Menu Category Navigation Links */
        .menu-tabs .nav-link {
            color: #444444;
            font-weight: 600;
            border: 1px solid transparent;
            border-radius: 4px;
            padding: 12px 20px;
            margin-bottom: 8px;
            transition: all 0.3s ease;
            text-align: left;
        }
        .menu-tabs .nav-link:hover {
            background-color: #f8f9fa;
            color: #5c1d24;
        }
        .menu-tabs .nav-link.active {
            background-color: #5c1d24; /* Inherited signature maroon color */
            color: #ffffff !important;
        }
        /* Menu Item Styling */
        .menu-item {
            padding-bottom: 15px;
            margin-bottom: 20px;
            border-bottom: 1px dashed #e5e5e5;
        }
        .menu-item-title {
            font-weight: 700;
            color: #212529;
            font-size: 1.1rem;
        }
        .menu-item-price {
            font-weight: 700;
            color: #5c1d24;
            font-size: 1.1rem;
        }
        .menu-item-description {
            color: #6c757d;
            font-size: 0.9rem;
            margin-top: 4px;
            line-height: 1.5;
        }
        /* Mid Banner accent */
        .menu-highlight-banner {
            background-color: #1a1a1a;
            color: #ffffff;
        }


        /* event section of event.html */

        /* Event Card Specific Styling */
        .event-card {
            border: none;
            border-radius: 4px;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            overflow: hidden;
            display: flex;
            flex-direction: column;
            height: 100%;
        }
        .event-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 20px rgba(0,0,0,0.1) !important;
        }
        .event-img-container {
            position: relative;
            overflow: hidden;
        }
        .event-img-container img {
            width: 100%;
            height: 240px;
            object-fit: cover;
            transition: transform 0.4s ease;
        }
        .event-card:hover .event-img-container img {
            transform: scale(1.05);
        }
        /* Dynamic Date Badge Overlay */
        .event-date-badge {
            position: absolute;
            top: 15px;
            left: 15px;
            background-color: #5c1d24; /* Signature Maroon Accent */
            color: white;
            padding: 8px 14px;
            border-radius: 4px;
            font-weight: 700;
            text-align: center;
            line-height: 1.2;
            box-shadow: 0 4px 6px rgba(0,0,0,0.15);
        }
        .event-date-badge span {
            display: block;
            font-size: 0.85rem;
            text-uppercase: uppercase;
            font-weight: 400;
            opacity: 0.9;
        }
        /* Card Body Alignments */
        .event-title {
            font-size: 1.25rem;
            font-weight: 700;
            color: #212529;
            margin-bottom: 10px;
        }
        .event-meta {
            font-size: 0.85rem;
            color: #6c757d;
            margin-bottom: 12px;
        }
        .event-meta i {
            color: #5c1d24;
        }
        .event-description {
            font-size: 0.9rem;
            color: #4a4a4a;
            line-height: 1.6;
        }
        /* Read More Accent Button Link */
        .event-link {
            font-weight: 600;
            color: #5c1d24;
            text-decoration: none;
            font-size: 0.9rem;
            display: inline-flex;
            align-items: center;
            transition: color 0.2s ease;
        }
        .event-link:hover {
            color: #212529;
        }
        .event-link i {
            transition: transform 0.2s ease;
        }
        .event-link:hover i {
            transform: translateX(4px);
        }


        /* from booking section of reservation.html */
         /* Form & Hours Main Container Block */
        .reservation-block {
            background-color: #5c1d24; /* Maroon background from image */
            color: #ffffff;
            border-radius: 4px;
            overflow: hidden;
        }
        /* White block containing Restaurant Hours */
        .hours-card {
            background-color: #ffffff;
            color: #333333;
            border-radius: 4px;
            padding: 40px;
        }
        .hours-table td {
            padding: 8px 0;
            font-size: 0.95rem;
        }
        /* Form Input Styling */
        .reservation-form .form-control,
        .reservation-form .form-select {
            background-color: #ffffff;
            border: none;
            border-radius: 2px;
            padding: 12px 15px;
            font-size: 0.9rem;
            color: #333333;
            margin-bottom: 15px;
        }
        .reservation-form .form-control::placeholder {
            color: #777777;
        }
        .reservation-form textarea.form-control {
            height: 100px;
            resize: none;
        }
        /* Action buttons */
        .btn-submit {
            border: 1px solid #ffffff;
            color: #ffffff;
            background: transparent;
            border-radius: 0;
            padding: 10px 25px;
            font-size: 0.85rem;
            letter-spacing: 1px;
            text-transform: uppercase;
            transition: 0.3s;
        }
        .btn-submit:hover {
            background-color: #ffffff;
            color: #5c1d24;
        }
        /* Event Booking Accent Banner */
        .event-booking-section {
            background-color: #f8f9fa;
            border-top: 1px solid #e9ecef;
            border-bottom: 1px solid #e9ecef;
        }

        /* from gallery serction of gallery.html */
         /* Grid Item Custom Hover & Sizing Details */
        .gallery-item {
            position: relative;
            overflow: hidden;
            border-radius: 4px;
            cursor: pointer;
        }
        .gallery-item img {
            width: 100%;
            height: 280px;
            object-fit: cover;
            transition: transform 0.4s ease;
        }
        .gallery-item:hover img {
            transform: scale(1.05);
        }
        /* Overlay effect on hover matching layout styling */
        .gallery-overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.5);
            display: flex;
            align-items: center;
            justify-content: center;
            opacity: 0;
            transition: opacity 0.3s ease;
            color: #ffffff;
        }
        .gallery-item:hover .gallery-overlay {
            opacity: 1;
        }

        /* to fix menu structure, removing dottet below menu */
        #navbarNav ul, 
#navbarNav li, 
#navbarNav a {
    text-decoration: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
    list-style: none !important;
    list-style-type: none !important;
}

/* Ensure standard Bootstrap behavior on focus/hover doesn't re-trigger it */
#navbarNav a:hover, 
#navbarNav a:focus {
    text-decoration: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
}

/* ==========================================
   Active Navigation Link Highlights
   ========================================== */

/* Targets the current active page link */
.navbar-nav .current-menu-item > a,
.navbar-nav .current_page_item > a {
    color: #D6BE9A !important; /* Striking Bootstrap gold color #ffc107*/
    font-weight: 700;          /* Makes the active page link text bold */
}

/* Optional: Slight opacity pop when hovering over the active link */
.navbar-nav .current-menu-item > a:hover {
    color: #ffffff !important;
}