/* =============================================
   0. REMOVE LIST BULLETS FROM ALL MENU ITEMS
   ============================================= */

.ast-builder-menu ul,
.ast-builder-menu li,
.main-header-menu ul,
.main-header-menu li,
.ast-nav-menu ul,
.ast-nav-menu li,
.ast-builder-menu .sub-menu,
.ast-builder-menu .sub-menu li,
.main-header-menu .sub-menu,
.main-header-menu .sub-menu li,
.ast-mobile-popup-drawer ul,
.ast-mobile-popup-drawer li,
.ast-mobile-header-content ul,
.ast-mobile-header-content li,
.ast-header-break-point .main-header-menu ul,
.ast-header-break-point .main-header-menu li,
.ast-header-break-point .ast-builder-menu ul,
.ast-header-break-point .ast-builder-menu li,
header .menu-item,
header ul.menu,
header ul.sub-menu {
    list-style: none !important;
    list-style-type: none !important;
}

/* =============================================
   1. GLOBAL DARK HEADER ON ALL PAGES
   ============================================= */

/* Force dark blue background on the main header row */
.ast-primary-header-bar,
.ast-primary-header,
#ast-desktop-header .ast-primary-header-bar,
header.site-header .ast-primary-header-bar,
header.site-header,
.site-header {
    background-color: #111631 !important;
}

/* Force white text color for all header links and site title */
.ast-primary-header-bar .ast-builder-menu a,
.ast-primary-header-bar .main-header-menu a,
.ast-primary-header-bar .ast-header-custom-item a,
.ast-primary-header-bar .site-title a,
.ast-primary-header-bar .site-branding a,
.ast-primary-header-bar .ast-builder-menu .menu-item > a,
.ast-primary-header-bar .main-header-menu .menu-item > a,
header .ast-builder-menu a,
header .main-header-menu a,
header .site-title a {
    color: #ffffff !important;
}

/* White color for menu item hover */
.ast-primary-header-bar .ast-builder-menu a:hover,
.ast-primary-header-bar .main-header-menu a:hover,
header .ast-builder-menu a:hover,
header .main-header-menu a:hover {
    color: #60a5fa !important;
}

/* Force the transparent header look on ALL pages */
.ast-theme-transparent-header .ast-primary-header-bar,
.ast-theme-transparent-header .main-header-bar {
    background-color: #111631 !important;
}

/* Override any white/light header backgrounds from Astra */
.main-header-bar,
.ast-header-break-point .main-header-bar {
    background-color: #111631 !important;
}

.main-header-bar .ast-builder-menu a,
.main-header-bar .main-header-menu a,
.main-header-bar .site-title a,
.main-header-bar .site-branding a {
    color: #ffffff !important;
}

.main-header-bar .ast-builder-menu a:hover,
.main-header-bar .main-header-menu a:hover {
    color: #60a5fa !important;
}

/* Above header row (if exists) */
.ast-above-header-bar,
.ast-above-header {
    background-color: #111631 !important;
}

/* Below header row (if exists) */
.ast-below-header-bar,
.ast-below-header {
    background-color: #111631 !important;
}

/* =============================================
   2. MOBILE HEADER — DARK BG + WHITE ELEMENTS
   ============================================= */

/* Mobile header bar background */
.ast-header-break-point .ast-primary-header-bar,
.ast-header-break-point .main-header-bar,
.ast-header-break-point header.site-header,
.ast-header-break-point .ast-main-header-wrap,
.ast-header-break-point .ast-above-header-bar,
.ast-header-break-point .ast-below-header-bar {
    background-color: #111631 !important;
}

/* Hamburger menu icon — white */
.ast-header-break-point .ast-button-wrap .ast-mobile-menu-trigger-minimal,
.ast-header-break-point .ast-mobile-menu-buttons .ast-button-wrap .menu-toggle,
.ast-header-break-point .menu-toggle,
.ast-header-break-point .ast-mobile-menu-trigger-minimal,
.ast-header-break-point .ast-button-wrap .menu-toggle .ast-mobile-svg,
.ast-header-break-point .menu-toggle .ast-mobile-svg,
.ast-header-break-point .ast-mobile-menu-buttons .menu-toggle,
.ast-header-break-point .ast-builder-menu-mobile .menu-toggle,
.ast-header-break-point .ast-mobile-header-wrap .menu-toggle,
.ast-header-break-point [data-section="section-header-mobile-trigger"],
.ast-header-break-point [data-section="section-header-mobile-trigger"] .ast-button-wrap,
.ast-header-break-point .ast-mobile-menu-trigger-fill,
.ast-header-break-point .ast-mobile-menu-trigger-outline,
.ast-header-break-point .ast-mobile-menu-trigger-minimal {
    color: #ffffff !important;
    fill: #ffffff !important;
}

/* Hamburger SVG lines/paths — white */
.ast-header-break-point .menu-toggle svg,
.ast-header-break-point .menu-toggle svg path,
.ast-header-break-point .menu-toggle svg line,
.ast-header-break-point .menu-toggle svg rect,
.ast-header-break-point .ast-mobile-svg,
.ast-header-break-point .ast-mobile-svg path,
.ast-header-break-point .ast-mobile-svg line,
.ast-header-break-point .ast-mobile-svg rect,
.ast-header-break-point .ast-button-wrap svg,
.ast-header-break-point .ast-button-wrap svg path,
.ast-header-break-point .ast-button-wrap svg line,
.ast-header-break-point .ast-button-wrap svg rect {
    color: #ffffff !important;
    fill: #ffffff !important;
    stroke: #ffffff !important;
}

/* Mobile menu toggle label text — white */
.ast-header-break-point .menu-toggle .mobile-menu-toggle-text,
.ast-header-break-point .ast-button-wrap .mobile-menu-toggle-text,
.ast-header-break-point .menu-toggle .ast-menu-toggle-text,
.ast-header-break-point .mobile-menu-toggle-text {
    color: #ffffff !important;
}

/* Site title on mobile — white */
.ast-header-break-point .site-title a,
.ast-header-break-point .site-branding a,
.ast-header-break-point .ast-site-identity a,
.ast-header-break-point .site-title,
.ast-header-break-point .site-description,
.ast-header-break-point .ast-site-title-wrap a {
    color: #ffffff !important;
}

/* Mobile flyout / off-canvas menu background */
.ast-header-break-point .ast-mobile-popup-drawer .ast-mobile-popup-inner,
.ast-header-break-point .ast-mobile-header-content,
.ast-header-break-point .ast-mobile-popup-content,
.ast-header-break-point .ast-mobile-header-wrap .ast-mobile-header-content,
.ast-mobile-popup-drawer,
.ast-mobile-popup-drawer .ast-mobile-popup-inner,
.ast-mobile-header-content,
.ast-header-break-point .main-navigation,
.ast-mobile-popup-drawer .ast-mobile-popup-overlay {
    background-color: #111631 !important;
}

/* =============================================
   2b. MOBILE MENU — SHOW CONTENT IMMEDIATELY
   ============================================= */

/* Force the mobile off-canvas / popup drawer content to be visible at the top immediately */
.ast-mobile-popup-drawer .ast-mobile-popup-inner,
.ast-mobile-popup-drawer .ast-mobile-popup-content,
.ast-mobile-header-content,
.ast-header-break-point .ast-mobile-header-content,
.ast-header-break-point .ast-mobile-popup-content,
.ast-header-break-point .main-navigation {
    transform: none !important;
    -webkit-transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    overflow-y: auto !important;
    padding-top: 20px !important;
}

/* Ensure the popup inner starts from the top */
.ast-mobile-popup-drawer .ast-mobile-popup-inner {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    align-items: stretch !important;
    padding-top: 60px !important;
}

/* Make sure the nav menu inside is visible and at the top */
.ast-mobile-popup-drawer .ast-mobile-popup-content .ast-builder-menu,
.ast-mobile-popup-drawer .ast-mobile-popup-content .main-header-menu,
.ast-mobile-popup-drawer .ast-mobile-popup-content .ast-nav-menu,
.ast-mobile-popup-drawer .ast-mobile-popup-content nav,
.ast-mobile-header-content .ast-builder-menu,
.ast-mobile-header-content .main-header-menu,
.ast-mobile-header-content .ast-nav-menu,
.ast-mobile-header-content nav {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    -webkit-transform: none !important;
    display: block !important;
    position: relative !important;
}

/* Ensure all menu items inside the mobile drawer are visible */
.ast-mobile-popup-drawer .menu-item,
.ast-mobile-popup-drawer .menu-item > a,
.ast-mobile-header-content .menu-item,
.ast-mobile-header-content .menu-item > a,
.ast-header-break-point .ast-mobile-popup-content .menu-item,
.ast-header-break-point .ast-mobile-popup-content .menu-item > a {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    -webkit-transform: none !important;
    height: auto !important;
    overflow: visible !important;
}

/* Reset any slide-in animation delays on menu items */
.ast-mobile-popup-drawer .menu-item:nth-child(1),
.ast-mobile-popup-drawer .menu-item:nth-child(2),
.ast-mobile-popup-drawer .menu-item:nth-child(3),
.ast-mobile-popup-drawer .menu-item:nth-child(4),
.ast-mobile-popup-drawer .menu-item:nth-child(5),
.ast-mobile-popup-drawer .menu-item:nth-child(6),
.ast-mobile-popup-drawer .menu-item:nth-child(7),
.ast-mobile-popup-drawer .menu-item:nth-child(8),
.ast-mobile-popup-drawer .menu-item:nth-child(9),
.ast-mobile-popup-drawer .menu-item:nth-child(10) {
    animation: none !important;
    -webkit-animation: none !important;
    transition: none !important;
}

/* Mobile menu links — white */
.ast-header-break-point .main-navigation a,
.ast-header-break-point .ast-mobile-popup-content a,
.ast-header-break-point .ast-mobile-header-content a,
.ast-header-break-point .ast-builder-menu-mobile a,
.ast-header-break-point .ast-builder-menu a,
.ast-header-break-point .main-header-menu a,
.ast-mobile-popup-drawer a,
.ast-mobile-popup-drawer .menu-item > a,
.ast-mobile-header-content .menu-item > a,
.ast-header-break-point .ast-nav-menu a,
.ast-header-break-point .ast-header-custom-item a {
    color: #ffffff !important;
}

/* Mobile menu links hover */
.ast-header-break-point .main-navigation a:hover,
.ast-header-break-point .ast-mobile-popup-content a:hover,
.ast-header-break-point .ast-mobile-header-content a:hover,
.ast-mobile-popup-drawer a:hover,
.ast-mobile-header-content .menu-item > a:hover {
    color: #60a5fa !important;
}

/* Mobile submenu toggle arrow — white */
.ast-header-break-point .ast-menu-toggle,
.ast-header-break-point .ast-menu-toggle svg,
.ast-header-break-point .ast-menu-toggle svg path,
.ast-header-break-point .menu-item-has-children > .ast-menu-toggle,
.ast-header-break-point .ast-submenu-toggle,
.ast-mobile-popup-drawer .ast-menu-toggle,
.ast-mobile-popup-drawer .ast-menu-toggle svg,
.ast-mobile-popup-drawer .ast-menu-toggle svg path {
    color: #ffffff !important;
    fill: #ffffff !important;
    stroke: #ffffff !important;
}

/* Mobile close button — white */
.ast-mobile-popup-drawer .menu-toggle-close,
.ast-mobile-popup-drawer .ast-mobile-popup-close,
.ast-mobile-popup-drawer .menu-toggle-close svg,
.ast-mobile-popup-drawer .ast-mobile-popup-close svg,
.ast-mobile-popup-drawer .menu-toggle-close svg path,
.ast-mobile-popup-drawer .ast-mobile-popup-close svg path {
    color: #ffffff !important;
    fill: #ffffff !important;
    stroke: #ffffff !important;
}

/* =============================================
   3. HOVER DROPDOWN FOR KATEGORIER (DESKTOP)
   ============================================= */

/* Ensure parent menu item has relative positioning */
.ast-builder-menu .menu-item-has-children,
.main-header-menu .menu-item-has-children {
    position: relative;
}

/* Style the submenu dropdown */
.ast-builder-menu .menu-item-has-children > .sub-menu,
.main-header-menu .menu-item-has-children > .sub-menu,
.ast-desktop-header-content .ast-builder-menu .menu-item-has-children > .sub-menu {
    background-color: #111631 !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 8px !important;
    padding: 8px 0 !important;
    min-width: 220px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3) !important;
}

/* Style submenu items */
.ast-builder-menu .menu-item-has-children > .sub-menu .menu-item > a,
.main-header-menu .menu-item-has-children > .sub-menu .menu-item > a {
    color: #ffffff !important;
    padding: 10px 20px !important;
    font-size: 14px !important;
    transition: background-color 0.2s ease, color 0.2s ease !important;
}

/* Submenu item hover */
.ast-builder-menu .menu-item-has-children > .sub-menu .menu-item > a:hover,
.main-header-menu .menu-item-has-children > .sub-menu .menu-item > a:hover {
    background-color: rgba(96, 165, 250, 0.15) !important;
    color: #60a5fa !important;
}

/* Show dropdown arrow indicator on parent */
.ast-builder-menu .menu-item-has-children > a::after,
.main-header-menu .menu-item-has-children > a::after {
    content: ' \25BE' !important;
    font-size: 10px !important;
    margin-left: 4px !important;
}