.elementor-1414 .elementor-element.elementor-element-f07c8cf{--display:flex;--min-height:10vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1414 .elementor-element.elementor-element-f07c8cf:not(.elementor-motion-effects-element-type-background), .elementor-1414 .elementor-element.elementor-element-f07c8cf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-1414 .elementor-element.elementor-element-6330140{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1414 .elementor-element.elementor-element-838a5a2{--display:flex;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-1414 .elementor-element.elementor-element-41b234a{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1414 .elementor-element.elementor-element-527fe30d:not(.elementor-motion-effects-element-type-background), .elementor-1414 .elementor-element.elementor-element-527fe30d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1414 .elementor-element.elementor-element-527fe30d{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:3em 0em 3em 0em;}.elementor-1414 .elementor-element.elementor-element-527fe30d > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1414 .elementor-element.elementor-element-3301217f > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}@media(min-width:768px){.elementor-1414 .elementor-element.elementor-element-6330140{--width:16.666%;}.elementor-1414 .elementor-element.elementor-element-838a5a2{--width:66.666%;}.elementor-1414 .elementor-element.elementor-element-41b234a{--width:16.666%;}}@media(max-width:1024px){.elementor-1414 .elementor-element.elementor-element-f07c8cf{--min-height:500px;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1414 .elementor-element.elementor-element-527fe30d{padding:1em 1em 1em 1em;}}@media(max-width:767px){.elementor-1414 .elementor-element.elementor-element-f07c8cf{--min-height:62vh;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1414 .elementor-element.elementor-element-838a5a2{--min-height:223px;}.elementor-1414 .elementor-element.elementor-element-527fe30d{margin-top:0px;margin-bottom:0px;padding:1em 1em 1em 1em;}}/* Start custom CSS for html, class: .elementor-element-932cf6e *//* Ensure styles only apply to the menu inside #restaurant-menu */
#restaurant-menu {
    max-width: 900px;
    margin: 50px auto;
    padding: 30px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
    border: 1px solid #ddd;
    position: relative; /* Keeps it within the section */
    z-index: 1; /* Ensures it doesn't affect the header */
}

/* Menu Title */
#restaurant-menu .menu-title {
    text-align: center;
    font-size: 36px;
    font-weight: bold;
    color: #8B0000;
    margin-bottom: 5px;
    font-family: 'Playfair Display', serif;
}

#restaurant-menu .menu-subtitle {
    text-align: center;
    font-size: 18px;
    color: #444;
    font-style: italic;
    margin-bottom: 25px;
}

/* Section Headers */
#restaurant-menu .menu-section {
    margin-bottom: 40px;
}

#restaurant-menu .menu-section h3 {
    font-size: 26px;
    color: #8B0000;
    font-family: 'Playfair Display', serif;
    font-weight: 600;
    border-bottom: 2px solid #8B0000;
    padding-bottom: 8px;
    margin-bottom: 20px;
}

/* Menu Items Grid */
#restaurant-menu .menu-items {
    display: grid;
    grid-template-columns: 1fr 1fr; /* Two columns */
    gap: 20px;
}

/* Individual Menu Item Box */
#restaurant-menu .menu-item {
    background: #f9f9f9;
    padding: 15px;
    border-radius: 10px;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
    border-left: 5px solid #8B0000;
    transition: all 0.3s ease-in-out;
    position: relative;
}

#restaurant-menu .menu-item:hover {
    transform: translateY(-5px);
    background: #fff5f5;
}

/* Item Names */
#restaurant-menu .menu-item strong {
    color: #8B0000;
    font-weight: bold;
    font-family: 'Playfair Display', serif;
    font-size: 20px;
    display: block;
    margin-bottom: 5px;
}

/* Description Styling */
#restaurant-menu .menu-item p {
    font-size: 16px;
    color: #666;
    line-height: 1.5;
}

/* Responsive Design */
@media (max-width: 768px) {
    #restaurant-menu .menu-items {
        grid-template-columns: 1fr; /* Single column on small screens */
    }
    
    #restaurant-menu .menu-title {
        font-size: 32px;
    }

    #restaurant-menu .menu-section h3 {
        font-size: 22px;
    }

    #restaurant-menu .menu-item strong {
        font-size: 18px;
    }

    #restaurant-menu .menu-item p {
        font-size: 15px;
    }
}
/* Main menu title */
.menu-title, .menu-title h2 {
    color: black !important;
    font-size: 28px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 10px;
}

/* Menu subtitles */
.menu-subtitle, .menu-subtitle h3 {
    color: black !important;
    font-size: 18px;
    text-align: center;
    margin-bottom: 20px;
}

/* Section headings (Starters, Mains, Desserts) */
.menu-section h3, .menu-section-title, .menu-section h2 {
    color: black !important;
    font-size: 24px;
    font-weight: bold;
    text-transform: uppercase;
    border-bottom: 2px solid black; /* Black underline */
    padding-bottom: 5px;
    margin-bottom: 15px;
}/* End custom CSS */