.elementor-11 .elementor-element.elementor-element-f2b59cd{--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:space-between;--align-items:center;}.elementor-11 .elementor-element.elementor-element-4cdb6b0{width:var( --container-widget-width, 7% );max-width:7%;--container-widget-width:7%;--container-widget-flex-grow:0;}.elementor-11 .elementor-element.elementor-element-4cdb6b0.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-11 .elementor-element.elementor-element-4cdb6b0 .elementor-menu-toggle{margin-right:auto;}.elementor-11 .elementor-element.elementor-element-4cdb6b0 .elementor-nav-menu--dropdown a, .elementor-11 .elementor-element.elementor-element-4cdb6b0 .elementor-menu-toggle{color:#8D4444;fill:#8D4444;}.elementor-11 .elementor-element.elementor-element-4cdb6b0 .elementor-nav-menu--dropdown{background-color:#060606;}.elementor-11 .elementor-element.elementor-element-4cdb6b0 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-11 .elementor-element.elementor-element-4cdb6b0 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:0px !important;}.elementor-11 .elementor-element.elementor-element-ceb4bc5{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-11 .elementor-element.elementor-element-ceb4bc5.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-11 .elementor-element.elementor-element-ceb4bc5 .elementor-menu-toggle{margin:0 auto;}.elementor-11 .elementor-element.elementor-element-ceb4bc5 .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;}.elementor-11 .elementor-element.elementor-element-a4e5f74{width:var( --container-widget-width, 25% );max-width:25%;--container-widget-width:25%;--container-widget-flex-grow:0;}.elementor-11 .elementor-element.elementor-element-a4e5f74 .e-search-input{font-size:18px;}.elementor-11 .elementor-element.elementor-element-ea2702c{--display:flex;}.elementor-11 .elementor-element.elementor-element-d43ee21{--display:flex;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for nav-menu, class: .elementor-element-4cdb6b0 *//* 1. The "GENRE" Text Label */
.elementor-11 .elementor-element.elementor-element-4cdb6b0 .elementor-menu-toggle:before {
    content: "ТӨРӨЛ";
    font-family: "Inter", Sans-serif;
    font-size: 13px;
    font-weight: 700;
    color: #FFFFFF;
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
    transition: all 0.3s ease-in-out;
}

/* 2. Base Toggle Setup */
.elementor-11 .elementor-element.elementor-element-4cdb6b0 .elementor-menu-toggle {
    width: auto !important;
    display: flex !important;
    align-items: center;
    background-color: transparent !important;
}

/* 3. Hover State for Text and Icon */
.elementor-11 .elementor-element.elementor-element-4cdb6b0 .elementor-menu-toggle:hover:before,
.elementor-11 .elementor-element.elementor-element-4cdb6b0 .elementor-menu-toggle:hover i,
.elementor-11 .elementor-element.elementor-element-4cdb6b0 .elementor-menu-toggle:hover svg {
    color: #E50914 !important; /* Netflix Red */
    fill: #E50914 !important;
}

/* 4. Subtle Lift Effect */
.elementor-11 .elementor-element.elementor-element-4cdb6b0 .elementor-menu-toggle:hover {
    transform: translateY(-1px);
    cursor: pointer;
}
/* 1. Style the Dropdown Container */
.elementor-11 .elementor-element.elementor-element-4cdb6b0 .elementor-nav-menu--dropdown {
    background-color: #060606 !important; /* Matches Hydra background */
    border-top: 3px solid #E50914 !important; /* Red accent line at top */
    border-radius: 0 0 8px 8px;
    box-shadow: 0px 10px 30px rgba(0,0,0,0.8);
    padding: 10px 0 !important;
}

/* 2. Style the Dropdown Text Items */
.elementor-11 .elementor-element.elementor-element-4cdb6b0 .elementor-nav-menu--dropdown a {
    color: #FFFFFF !important;
    font-family: "Inter", Sans-serif;
    font-size: 14px;
    font-weight: 500;
    padding: 12px 20px !important;
    transition: all 0.3s ease-in-out !important;
}

/* 3. Hover Effect: Red Text and Smooth Slide */
.elementor-11 .elementor-element.elementor-element-4cdb6b0 .elementor-nav-menu--dropdown a:hover {
    color: #E50914 !important; /* Netflix Red */
    background-color: #111111 !important; /* Slightly lighter black */
    padding-left: 28px !important; /* "Slide" effect on hover */
}

/* 4. Match the 'Active' page in dropdown */
.elementor-11 .elementor-element.elementor-element-4cdb6b0 .elementor-nav-menu--dropdown a.elementor-item-active {
    color: #E50914 !important;
    border-left: 2px solid #E50914;
}

/* 5. Clean up the dropdown arrow (if any) */
.elementor-11 .elementor-element.elementor-element-4cdb6b0 .elementor-nav-menu--dropdown .sub-menu {
    box-shadow: none !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-ceb4bc5 *//* Target the standard menu links */
.elementor-11 .elementor-element.elementor-element-ceb4bc5 .elementor-nav-menu--main .elementor-item {
    transition: all 0.3s ease-in-out !important;
    font-weight: 700 !important;
}

/* Hover state for links */
.elementor-11 .elementor-element.elementor-element-ceb4bc5 .elementor-nav-menu--main .elementor-item:hover {
    color: #E50914 !important; /* Netflix Red */
    transform: translateY(-1px);
}

/* Add the red line indicator under active page (Optional) */
.elementor-11 .elementor-element.elementor-element-ceb4bc5 .elementor-nav-menu--main .elementor-item.elementor-item-active {
    color: #E50914 !important;
}/* End custom CSS */
/* Start custom CSS for search, class: .elementor-element-a4e5f74 *//* Reduce overall height and match dark theme */
.elementor-11 .elementor-element.elementor-element-a4e5f74 .elementor-search-form__input {
    height: 38px !important;
    background-color: #111111 !important;
    border: 1px solid #222222 !important;
    color: #fff !important;
    border-radius: 4px 0 0 4px !important; /* Rounded only on left */
}

/* Slim down the button and match the height */
.elementor-11 .elementor-element.elementor-element-a4e5f74 .elementor-search-form__submit {
    height: 38px !important;
    padding: 0 20px !important;
    border-radius: 0 4px 4px 0 !important; /* Rounded only on right */
    background-color: #1a1a1a !important; /* Dark button background */
    color: #ffffff !important;
    transition: all 0.3s ease-in-out !important;
    border: none !important;
}

/* THE RED HOVER FIX */
.elementor-11 .elementor-element.elementor-element-a4e5f74 .elementor-search-form__submit:hover {
    background-color: #E50914 !important; /* Netflix Red */
    color: #ffffff !important;
    cursor: pointer;
}

/* Input focus effect */
.elementor-11 .elementor-element.elementor-element-a4e5f74 .elementor-search-form__input:focus {
    border-color: #E50914 !important;
}/* End custom CSS */