.elementor-1372 .elementor-element.elementor-element-1acb0b24{--display:flex;--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;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:8px;--padding-bottom:8px;--padding-left:32px;--padding-right:32px;--z-index:99;}.elementor-1372 .elementor-element.elementor-element-1acb0b24:not(.elementor-motion-effects-element-type-background), .elementor-1372 .elementor-element.elementor-element-1acb0b24 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8F6F1;}.elementor-1372 .elementor-element.elementor-element-7691a8d7{--display:flex;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-1372 .elementor-element.elementor-element-b9db569{text-align:start;}.elementor-1372 .elementor-element.elementor-element-b9db569 img{width:60%;}.elementor-1372 .elementor-element.elementor-element-b165848{--display:flex;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1372 .elementor-element.elementor-element-655a1a3 .elementor-menu-toggle{margin-left:auto;background-color:var( --e-global-color-e632858 );}.elementor-1372 .elementor-element.elementor-element-655a1a3 .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-1372 .elementor-element.elementor-element-655a1a3 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-1372 .elementor-element.elementor-element-655a1a3 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-1372 .elementor-element.elementor-element-655a1a3 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-1372 .elementor-element.elementor-element-655a1a3 .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-1372 .elementor-element.elementor-element-655a1a3 .elementor-nav-menu--dropdown a, .elementor-1372 .elementor-element.elementor-element-655a1a3 .elementor-menu-toggle{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-1372 .elementor-element.elementor-element-655a1a3 .elementor-nav-menu--dropdown{background-color:var( --e-global-color-accent );}.elementor-1372 .elementor-element.elementor-element-655a1a3 .elementor-nav-menu--dropdown a:hover,
					.elementor-1372 .elementor-element.elementor-element-655a1a3 .elementor-nav-menu--dropdown a:focus,
					.elementor-1372 .elementor-element.elementor-element-655a1a3 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-1372 .elementor-element.elementor-element-655a1a3 .elementor-nav-menu--dropdown a.highlighted,
					.elementor-1372 .elementor-element.elementor-element-655a1a3 .elementor-menu-toggle:hover,
					.elementor-1372 .elementor-element.elementor-element-655a1a3 .elementor-menu-toggle:focus{color:var( --e-global-color-primary );}.elementor-1372 .elementor-element.elementor-element-655a1a3 .elementor-nav-menu--dropdown a:hover,
					.elementor-1372 .elementor-element.elementor-element-655a1a3 .elementor-nav-menu--dropdown a:focus,
					.elementor-1372 .elementor-element.elementor-element-655a1a3 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-1372 .elementor-element.elementor-element-655a1a3 .elementor-nav-menu--dropdown a.highlighted{background-color:var( --e-global-color-accent );}.elementor-1372 .elementor-element.elementor-element-655a1a3 div.elementor-menu-toggle{color:var( --e-global-color-e9c5ff0 );}.elementor-1372 .elementor-element.elementor-element-655a1a3 div.elementor-menu-toggle svg{fill:var( --e-global-color-e9c5ff0 );}.elementor-1372 .elementor-element.elementor-element-655a1a3 div.elementor-menu-toggle:hover, .elementor-1372 .elementor-element.elementor-element-655a1a3 div.elementor-menu-toggle:focus{color:var( --e-global-color-primary );}.elementor-1372 .elementor-element.elementor-element-655a1a3 div.elementor-menu-toggle:hover svg, .elementor-1372 .elementor-element.elementor-element-655a1a3 div.elementor-menu-toggle:focus svg{fill:var( --e-global-color-primary );}.elementor-1372 .elementor-element.elementor-element-655a1a3 .elementor-menu-toggle:hover, .elementor-1372 .elementor-element.elementor-element-655a1a3 .elementor-menu-toggle:focus{background-color:var( --e-global-color-e632858 );}.elementor-1372 .elementor-element.elementor-element-72b60b64{--display:flex;--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;--justify-content:flex-end;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1372 .elementor-element.elementor-element-464835fc .elementor-button{font-family:var( --e-global-typography-784143b-font-family ), Sans-serif;font-size:var( --e-global-typography-784143b-font-size );font-weight:var( --e-global-typography-784143b-font-weight );line-height:var( --e-global-typography-784143b-line-height );letter-spacing:var( --e-global-typography-784143b-letter-spacing );padding:8px 24px 8px 24px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-1372 .elementor-element.elementor-element-7691a8d7{--width:20%;}.elementor-1372 .elementor-element.elementor-element-b165848{--width:60%;}.elementor-1372 .elementor-element.elementor-element-72b60b64{--width:20%;}}@media(max-width:1024px) and (min-width:768px){.elementor-1372 .elementor-element.elementor-element-7691a8d7{--width:50%;}.elementor-1372 .elementor-element.elementor-element-b165848{--width:50%;}.elementor-1372 .elementor-element.elementor-element-72b60b64{--width:85%;}}@media(min-width:1760px){.elementor-1372 .elementor-element.elementor-element-464835fc .elementor-button{font-size:var( --e-global-typography-784143b-font-size );line-height:var( --e-global-typography-784143b-line-height );letter-spacing:var( --e-global-typography-784143b-letter-spacing );}}@media(max-width:1024px){.elementor-1372 .elementor-element.elementor-element-1acb0b24{--justify-content:space-between;--padding-top:10px;--padding-bottom:10px;--padding-left:20px;--padding-right:20px;}.elementor-1372 .elementor-element.elementor-element-b9db569 img{width:80%;}.elementor-1372 .elementor-element.elementor-element-b165848{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1372 .elementor-element.elementor-element-655a1a3{--nav-menu-icon-size:32px;}.elementor-1372 .elementor-element.elementor-element-72b60b64{--justify-content:flex-end;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-1372 .elementor-element.elementor-element-464835fc .elementor-button{font-size:var( --e-global-typography-784143b-font-size );line-height:var( --e-global-typography-784143b-line-height );letter-spacing:var( --e-global-typography-784143b-letter-spacing );padding:6px 24px 6px 24px;}}@media(max-width:767px){.elementor-1372 .elementor-element.elementor-element-1acb0b24{--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:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:20px;--padding-right:20px;}.elementor-1372 .elementor-element.elementor-element-7691a8d7{--width:50%;}.elementor-1372 .elementor-element.elementor-element-b165848{--width:50%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1372 .elementor-element.elementor-element-72b60b64{--width:50%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1372 .elementor-element.elementor-element-464835fc .elementor-button{font-size:var( --e-global-typography-784143b-font-size );line-height:var( --e-global-typography-784143b-line-height );letter-spacing:var( --e-global-typography-784143b-letter-spacing );}}/* Start custom CSS *//* Custom Mobile Menu styling to match user design */
@media (max-width: 1024px) {
    /* Hide the Book Your Stay menu item on desktop/normal state */
    .menu-item-book-your-stay {
        display: none !important;
    }

    /* Fixed mobile toggle when menu is open */
    .elementor-menu-toggle.elementor-active {
        position: fixed !important;
        top: 20px !important;
        right: 24px !important;
        z-index: 10000000 !important;
        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
    
    .elementor-menu-toggle.elementor-active svg {
        fill: #1C1310 !important; /* Close icon color */
        width: 20px !important;
        height: 20px !important;
    }

    /* Full-screen dropdown menu overlay - only when active! */
    .elementor-nav-menu--dropdown.elementor-active {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        width: 100vw !important;
        height: 100vh !important;
        background-color: #1C1310 !important; /* Brand dark background */
        z-index: 9999999 !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: flex-start !important;
        align-items: stretch !important;
        padding: 0 !important;
        margin: 0 !important;
        box-sizing: border-box !important;
        overflow-y: auto !important;
    }

    /* Add "Dar Ait Ali" header bar to the overlay */
    .elementor-nav-menu--dropdown.elementor-active::before {
        content: "Dar Ait Ali" !important;
        display: flex !important;
        align-items: center !important;
        width: 100% !important;
        height: 72px !important;
        background-color: #FAF8F7 !important; /* Creamy white background */
        color: #D2562D !important; /* Brand serif orange color */
        font-family: 'Marcellus', serif !important;
        font-size: 24px !important;
        font-weight: 400 !important;
        padding-left: 24px !important;
        box-sizing: border-box !important;
        border-bottom: 1px solid rgba(0, 0, 0, 0.05) !important;
    }

    /* Dropdown UL list container */
    .elementor-nav-menu--dropdown.elementor-active ul.elementor-nav-menu {
        display: flex !important;
        flex-direction: column !important;
        padding: 40px 24px 24px 24px !important;
        margin: 0 !important;
        background: transparent !important;
        border: none !important;
        flex-grow: 1 !important;
    }

    /* Style for regular menu items in dropdown */
    .elementor-nav-menu--dropdown.elementor-active ul.elementor-nav-menu li.menu-item {
        border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
        padding: 0 !important;
        margin: 0 !important;
        background: transparent !important;
    }

    .elementor-nav-menu--dropdown.elementor-active ul.elementor-nav-menu li.menu-item a {
        display: block !important;
        font-family: 'Marcellus', serif !important;
        font-size: 30px !important;
        font-weight: 400 !important;
        color: rgba(250, 248, 247, 0.7) !important; /* Off-white color */
        padding: 18px 0 !important;
        line-height: 1.2 !important;
        text-align: left !important;
        border: none !important;
        background: transparent !important;
        transition: color 0.2s ease !important;
    }

    /* Hover and active states */
    .elementor-nav-menu--dropdown.elementor-active ul.elementor-nav-menu li.menu-item a:hover,
    .elementor-nav-menu--dropdown.elementor-active ul.elementor-nav-menu li.menu-item.current-menu-item a,
    .elementor-nav-menu--dropdown.elementor-active ul.elementor-nav-menu li.menu-item.current-menu-ancestor a {
        color: #D2562D !important; /* Brand orange active item color */
    }

    /* Style the "Book Your Stay" menu item as a button at the bottom */
    .elementor-nav-menu--dropdown.elementor-active ul.elementor-nav-menu li.menu-item.menu-item-book-your-stay {
        border-bottom: none !important;
        margin-top: auto !important; /* Pushes the button to the bottom */
        padding-top: 32px !important;
    }

    .elementor-nav-menu--dropdown.elementor-active ul.elementor-nav-menu li.menu-item.menu-item-book-your-stay a {
        background-color: #D2562D !important;
        color: #FFFFFF !important;
        font-family: 'DM Sans', sans-serif !important;
        font-size: 11px !important;
        font-weight: 700 !important;
        text-transform: uppercase !important;
        letter-spacing: 2px !important;
        text-align: center !important;
        padding: 18px !important;
        border-radius: 0px !important; /* Square button */
        width: 100% !important;
        box-sizing: border-box !important;
    }

    .elementor-nav-menu--dropdown.elementor-active ul.elementor-nav-menu li.menu-item.menu-item-book-your-stay a:hover {
        background-color: #FAF8F7 !important;
        color: #D2562D !important;
    }
}

@media (min-width: 1025px) {
    /* Hide Book Your Stay on desktop navigation */
    .menu-item-book-your-stay {
        display: none !important;
    }
}/* End custom CSS */