/*
Name: bootstrap-smartmenus.css (Optimized for KLM)
*/

/*--------------------------------------------------
=>>  Navbar 
--------------------------------------------------*/

.navbar { background-color: var(--klm-bg-base); }
.navbar.navbar-header-wrap { background-color: rgba(0, 0, 0, .05); }
.navbar.navbar-header-wrap.header-fixed-top { background-color: var(--klm-bg-base); }
.navbar.navbar-header-wrap.header-fixed-top .site-branding-text .site-title a { color: var(--klm-text-light); }
.navbar.navbar-header-wrap.header-fixed-top .site-branding-text .site-description { color: var(--klm-text-main); }
.navbar.navbar-header-wrap.header-fixed-top .nav .btn-border { color: var(--klm-text-main); }
.navbar .nav .menu-item .nav-link { color: var(--klm-text-main); }
.dropdown-menu { color: var(--klm-text-main); background-color: transparent; }
.dropdown-item { color: var(--klm-text-main); }
.navbar .nav .dropdown-menu > .menu-item > ul.dropdown-menu > .menu-item > .dropdown-item { color: var(--klm-text-main) !important; }
.navbar.navbar-header-wrap.classic-header .nav .dropdown-menu .menu-item:last-child { margin-right: 0; }
.navbar.navbar-header-wrap.header-fixed-top .nav .menu-item .nav-link, 
.navbar.navbar-header-wrap.header-fixed-top .nav a.cart-icon, 
.navbar.navbar-header-wrap.header-fixed-top .nav .theme-search-block a { color: var(--klm-text-main); }
.navbar-light .navbar-toggler, 
.navbar.navbar-header-wrap.header-fixed-top .navbar-toggler { color: rgba(255, 255, 255, 0.5); border-color: rgba(255, 255, 255, 1); }
.navbar .navbar-toggler-icon, 
.navbar.navbar-header-wrap.header-fixed-top .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}
.navbar.navbar-header-center { border-top: 2px solid var(--klm-border-color); }
.navbar .nav .menu-item .nav-link.add-menu { background-color: transparent; }

.navbar-header-wrap.classic-header.not-sticky { background-color: rgba(0, 0, 0, 0.6); }
.navbar.navbar-header-wrap.classic-header .nav .menu-item .nav-link:hover, 
.navbar.navbar-header-wrap.classic-header.header-fixed-top .nav .menu-item .nav-link:hover { color: var(--klm-text-light); }
.navbar.navbar-header-wrap.classic-header.header-fixed-top .nav .menu-item .nav-link { padding: 25px 1.25rem; }
.navbar.navbar-header-wrap.classic-header.header-fixed-top .nav .themes-header-top { padding: 1rem 0; }
.navbar.navbar-header-wrap.classic-header.header-fixed-top .site-branding-text { margin-top: 0.800rem; margin-bottom: 0.800rem; }

@media (min-width: 992px) {
    .navbar .nav .dropdown-menu { background-color: var(--klm-bg-base); }
    .navbar .nav .dropdown-item { color: var(--klm-text-main); }  
    
    .navbar.navbar-header-wrap.classic-header .site-branding-text { margin-top: 1.6rem; margin-bottom: 1.6rem; }
    .navbar.navbar-header-wrap.classic-header .nav { margin-bottom: 0; margin-top: 0; }
    .navbar.navbar-header-wrap.classic-header .nav .menu-item { margin-right: 0; } 
    .navbar.navbar-header-wrap.classic-header .nav .menu-item:last-child { margin-right: 1.25rem; }  
    .navbar.navbar-header-wrap.classic-header .nav .menu-item .nav-link { padding: 2.350rem 1.25rem; }  
    .navbar.navbar-header-wrap.classic-header .nav .menu-item.active .nav-link { color: var(--klm-text-light); }
    .navbar.navbar-header-wrap.classic-header .nav .themes-header-top { display: inline-block; padding: 2.438rem 0; margin-left: 1.25rem; }
    .navbar.navbar-header-wrap.classic-header .nav .menu-item .nav-link { position: relative; z-index: 1; letter-spacing: 0.18px; }
    .navbar.navbar-header-wrap.classic-header .nav .menu-item .nav-link:before {
        position: absolute; content: ""; left: 0; right: 0; top: 0; height: 0;
        transition: all 0.3s ease-in-out; z-index: -1;
    }
    .navbar.navbar-header-wrap.classic-header .nav .menu-item .nav-link:hover:before {
        height: 100%; animation: menuHover 0.3s;
    }
    .navbar.navbar-header-wrap.classic-header .nav .dropdown-menu { top: unset !important; }    
}

@media (max-width: 991px){
    .navbar .nav .menu-item .nav-link { border-bottom: 1px solid var(--klm-border-light); }
    .navbar.navbar-header-wrap.header-fixed-top .nav .dropdown-item { color: var(--klm-text-main); }
    .navbar.navbar-header-wrap.header-fixed-top .nav .woo-cart-block { border-left: none; }
    
    .navbar.navbar-header-wrap.classic-header.header-fixed-top .nav .menu-item .nav-link { padding: 0; }  
    .navbar .nav .dropdown-menu > .menu-item > ul.dropdown-menu > .menu-item > .dropdown-item { color: var(--klm-text-main) !important; }
    .navbar.navbar-header-wrap.classic-header.header-fixed-top .site-branding-text { margin-top: 0.200rem; margin-bottom: 0.200rem; }
}
@media (max-width: 500px){
    .navbar.navbar-header-wrap.classic-header.header-fixed-top .site-branding-text { display: block; margin-top: 1.238rem; margin-right: 0rem; }
}

/*Add Menu*/
.navbar.navbar-header-wrap.classic-header .nav .menu-item .nav-link.add-menu { padding: 0.313rem 1.3rem; }
.navbar.navbar-header-wrap.classic-header .nav .menu-item .nav-link.add-menu:before { display: none; }

@media (min-width: 990px) { 
    /* OPTIMIZED: Cleaned up the repeating .classic-header specificity hack */
    .navbar.navbar-header-wrap.classic-header .nav .menu-item:hover .nav-link, 
    .navbar.navbar-header-wrap.classic-header .nav .menu-item:focus .nav-link, 
    .navbar.navbar-header-wrap.classic-header .nav .menu-item.active .nav-link, 
    .navbar.navbar-header-wrap.classic-header.header-fixed-top .nav .menu-item:hover .nav-link, 
    .navbar.navbar-header-wrap.classic-header.header-fixed-top .nav .menu-item:focus .nav-link, 
    .navbar.navbar-header-wrap.classic-header.header-fixed-top .nav .menu-item.active .nav-link {
        background-color: transparent !important;
        color: var(--klm-accent-gold) !important;
    }
    .navbar.navbar-header-wrap.classic-header .nav .menu-item .nav-link:hover:before {
        background-color: transparent; height: unset; animation: unset;
    }
}

/*--------------------------------------------------
=>>  Dropdown Caret (SmartMenus .sub-arrow)
--------------------------------------------------*/
/* SmartMenus injects <span class="sub-arrow"></span> into parent menu items.
   With no rule of its own it renders as a stray box on top of the label
   (the box over "Services"). Draw it as a small down-caret beside the text
   instead. Desktop only — the collapsible mobile menu keeps SmartMenus'
   own arrow behavior. !important guards against any parent-theme or
   SmartMenus base rule we can't see from the child. */
@media (min-width: 992px) {
    .navbar .nav .menu-item .nav-link .sub-arrow {
        position: static !important;
        display: inline-block !important;
        width: 0 !important;
        height: 0 !important;
        margin: 0 0 0 8px !important;
        padding: 0 !important;
        background: transparent !important;
        border-top: 5px solid currentColor !important;
        border-right: 4px solid transparent !important;
        border-bottom: 0 !important;
        border-left: 4px solid transparent !important;
        vertical-align: middle;
        line-height: 0;
        overflow: hidden;
    }
}