/* ==========================================================================

   Frontend Header & Footer Builder Core Styles (Dreams Builder for DreamsLMS)

   Supports responsive rows, slots, elements, mobile navigation & Tutor LMS widgets.

   ========================================================================== */



/* 1. Header & Footer Builder Container Wrappers */

.dreamslms-hfb-header-wrap {
    position: relative;
    width: 100%;
    z-index: 999;
}

/* Ensure header wrap stays above normal page elements when drawer is open */
html.menu-opened .dreamslms-hfb-header-wrap,
body.menu-opened .dreamslms-hfb-header-wrap,
.menu-opened .dreamslms-hfb-header-wrap {
    z-index: 99995 !important;
}

/* Global Mobile Overlay: Ensure sidebar overlay is BEHIND the drawer but above page */
.sidebar-overlay {
    z-index: 99990 !important;
}



.dreamslms-builder-footer {

    position: relative;

    width: 100%;

}



/* 2. Builder Slot & Flex Layout Scaffolding */

.dreamslms-hfb-header-wrap .hfb-navbar-flex {

    display: flex;

    justify-content: space-between;

    align-items: center;

    width: 100%;

}



.dreamslms-hfb-header-wrap .hfb-slot {

    display: flex;

    align-items: center;

    gap: 15px;

}



.dreamslms-hfb-header-wrap .hfb-slot-left {

    justify-content: flex-start;

}



.dreamslms-hfb-header-wrap .hfb-slot-center {

    justify-content: center;

    flex-grow: 1;

}



.dreamslms-hfb-header-wrap .hfb-slot-right {

    justify-content: flex-end;

}



/* Header Topbar Scaffolding */

.dreamslms-hfb-header-wrap .topbar-info p {

    font-size: 13px;

    color: inherit;

    margin-bottom: 0;

}



.dreamslms-hfb-header-wrap .header-search .form-control {

    width: 220px;

    border-radius: 20px;

}



/* 3. Responsive Device Visibility Utilities */

@media (min-width: 992px) {

    .hfb-hide-desktop,

    li.hfb-hide-desktop,

    .d-desktop-none {

        display: none !important;

    }

}



@media (min-width: 768px) and (max-width: 991.98px) {

    .hfb-hide-tablet,

    li.hfb-hide-tablet,

    .d-tablet-none {

        display: none !important;

    }

}



@media (max-width: 767.98px) {

    .hfb-hide-mobile,

    li.hfb-hide-mobile,

    .d-mobile-none {

        display: none !important;

    }

}



/* 4. Mobile Hamburger Toggle Button & Responsive Header Alignment */

.dreamslms-hfb-header-wrap .dreamslms-hfb-menu-toggle,
.dreamslms-hfb-header-wrap #mobile_btn {
    border: 0;
    background: transparent;
    color: inherit;
    padding: 0;
    line-height: 1;
    cursor: pointer;
    font-size: 24px;
}

@media (min-width: 992px) {
    .dreamslms-hfb-header-wrap .dreamslms-hfb-menu-toggle,
    .dreamslms-hfb-header-wrap #mobile_btn,
    .dreamslms-hfb-mobile-menu,
    .offcanvas-info.dreamslms-hfb-mobile-menu,
    .offcanvas-overlay,
    .mobile-submenu-toggle,
    .dropdown-btn,
    header .mobile-submenu-toggle,
    header .dropdown-btn,
    .header .mobile-submenu-toggle,
    .header .dropdown-btn,
    .header-four .mobile-submenu-toggle,
    .header-four .dropdown-btn,
    .header-nav .mobile-submenu-toggle,
    .header-nav .dropdown-btn,
    .main-menu-wrapper .mobile-submenu-toggle,
    .main-menu-wrapper .dropdown-btn,
    .main-nav .mobile-submenu-toggle,
    .main-nav .dropdown-btn,
    .dreamslms-hfb-header-wrap .mobile-submenu-toggle,
    .dreamslms-hfb-header-wrap .dropdown-btn {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
        width: 0 !important;
        height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        border: none !important;
    }
}

@media (max-width: 991.98px) {
    .dreamslms-hfb-header-wrap .hfb-navbar-flex {
        display: flex !important;
        flex-wrap: nowrap !important;
        justify-content: space-between !important;
        align-items: center !important;
        width: 100% !important;
    }

    .dreamslms-hfb-header-wrap .navbar-header {
        display: flex !important;
        align-items: center !important;
        width: auto !important;
        text-align: left !important;
    }

    .dreamslms-hfb-header-wrap #mobile_btn {
        position: static !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        margin-right: 14px !important;
        padding: 0 !important;
        width: 38px !important;
        height: 38px !important;
        z-index: 100 !important;
        cursor: pointer !important;
        background: transparent !important;
        color: #333333 !important;
    }

    .dreamslms-hfb-header-wrap #mobile_btn .bar-icon {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-size: 24px !important;
        color: inherit !important;
    }

    .dreamslms-hfb-header-wrap #mobile_btn .bar-icon i {
        font-size: 24px !important;
    }

    .dreamslms-hfb-header-wrap .navbar-logo {
        display: flex !important;
        align-items: center !important;
    }

    .dreamslms-hfb-header-wrap .navbar-logo img {
        max-height: 38px !important;
        width: auto !important;
    }

    .dreamslms-hfb-header-wrap .hfb-slot-right {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 8px !important;
        flex-shrink: 0 !important;
    }

    .dreamslms-hfb-header-wrap .hfb-slot-right .header-cta-button {
        display: none !important;
    }

    /* Hide cart icon from header bar slots on mobile (cart only shows inside mobile drawer) */
    .dreamslms-hfb-header-wrap .hfb-navbar-flex .hfb-cart-item,
    .dreamslms-hfb-header-wrap .hfb-navbar-flex .cart-item,
    .dreamslms-hfb-header-wrap .hfb-navbar-flex .header-cart,
    .dreamslms-hfb-header-wrap .hfb-slot .hfb-cart-item,
    .dreamslms-hfb-header-wrap .hfb-slot .cart-item,
    .dreamslms-hfb-header-wrap .hfb-slot .header-cart,
    .dreamslms-hfb-header-wrap .hfb-slot .header-item:has(a[href*="cart"]),
    .dreamslms-hfb-header-wrap .hfb-slot .header-item:has(.isax-shopping-cart5),
    .dreamslms-hfb-header-wrap .hfb-slot .hfb-hide-mobile,
    .dreamslms-hfb-header-wrap .header-btn .header-item,
    .dreamslms-hfb-header-wrap .header-btn .cart-item,
    .header .header-btn .header-item,
    .header .header-btn .cart-item,
    header .header-btn .icon-btn,
    .header-nav .header-item:has(.isax-shopping-cart5),
    .header-nav .header-item:has(.fa-shopping-cart),
    .header-nav .cart-item,
    .header-nav .hfb-cart-item {
        display: none !important;
    }
}



/* 5. Mobile Navigation Drawer & Scaffolding */
html.menu-opened,
html.menu-opened body {
    overflow: hidden;
}

@media (max-width: 991.98px) {
    /* Mobile Navigation Drawer for Builder Headers */
    body .main-menu-wrapper,
    .dreamslms-hfb-header-wrap .main-menu-wrapper,
    .main-menu-wrapper.dreamslms-hfb-mobile-menu {
        position: fixed !important;
        top: 0 !important;
        bottom: 0 !important;
        left: 0 !important;
        width: 260px !important;
        max-width: 85vw !important;
        height: 100vh !important;
        background: #ffffff !important;
        background-color: #ffffff !important;
        opacity: 1 !important;
        visibility: visible !important;
        z-index: 100000 !important;
        transform: translateX(-260px) !important;
        -webkit-transform: translateX(-260px) !important;
        transition: transform 0.35s ease-in-out !important;
        -webkit-transition: transform 0.35s ease-in-out !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        box-shadow: 2px 0 24px rgba(0, 0, 0, 0.15) !important;
        padding: 0 !important;
        display: block !important;
    }

    .admin-bar .dreamslms-hfb-header-wrap .main-menu-wrapper,
    .admin-bar .main-menu-wrapper.dreamslms-hfb-mobile-menu {
        top: 46px !important;
        height: calc(100vh - 46px) !important;
    }

    html.menu-opened .dreamslms-hfb-header-wrap .main-menu-wrapper,
    html.menu-opened .main-menu-wrapper.dreamslms-hfb-mobile-menu,
    .menu-opened .dreamslms-hfb-header-wrap .main-menu-wrapper,
    .menu-opened .main-menu-wrapper.dreamslms-hfb-mobile-menu,
    .dreamslms-hfb-header-wrap .main-menu-wrapper.show,
    .dreamslms-hfb-header-wrap .main-menu-wrapper.active,
    .main-menu-wrapper.dreamslms-hfb-mobile-menu.show,
    .main-menu-wrapper.dreamslms-hfb-mobile-menu.active {
        transform: translateX(0) !important;
        -webkit-transform: translateX(0) !important;
    }

    /* Drawer Header */
    .dreamslms-hfb-header-wrap .main-menu-wrapper .menu-header,
    .main-menu-wrapper.dreamslms-hfb-mobile-menu .menu-header {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        padding: 16px 20px !important;
        border-bottom: 1px solid #f1f5f9 !important;
        background: #ffffff !important;
    }

    .dreamslms-hfb-header-wrap .main-menu-wrapper .menu-header .menu-logo img,
    .main-menu-wrapper.dreamslms-hfb-mobile-menu .menu-header .menu-logo img {
        max-height: 40px !important;
        width: auto !important;
    }

    .dreamslms-hfb-header-wrap .main-menu-wrapper .menu-close,
    .main-menu-wrapper.dreamslms-hfb-mobile-menu .menu-close {
        color: #333333 !important;
        font-size: 20px !important;
        line-height: 1 !important;
        padding: 6px !important;
        cursor: pointer !important;
        background: transparent !important;
        border: none !important;
    }

    /* Menu Items & Links */
    .dreamslms-hfb-header-wrap .main-menu-wrapper .main-nav,
    .main-menu-wrapper.dreamslms-hfb-mobile-menu .main-nav {
        list-style: none !important;
        margin: 0 !important;
        padding: 0 20px !important;
        width: 100% !important;
        background: #ffffff !important;
        display: flex !important;
        flex-direction: column !important;
    }

    .dreamslms-hfb-header-wrap .main-menu-wrapper .main-nav > li,
    .main-menu-wrapper.dreamslms-hfb-mobile-menu .main-nav > li {
        position: relative !important;
        width: 100% !important;
        padding: 0 !important;
        border-bottom: 1px solid #f1f5f9 !important;
        background: transparent !important;
    }

    .dreamslms-hfb-header-wrap .main-menu-wrapper .main-nav > li > a,
    .main-menu-wrapper.dreamslms-hfb-mobile-menu .main-nav > li > a {
        display: block !important;
        font-size: 15px !important;
        font-weight: 500 !important;
        color: #6D6D6D !important;
        padding: 14px 40px 14px 0 !important;
        line-height: 1.4 !important;
        text-decoration: none !important;
        background: transparent !important;
    }

    .dreamslms-hfb-header-wrap .main-menu-wrapper .main-nav > li.active > a,
    .dreamslms-hfb-header-wrap .main-menu-wrapper .main-nav > li > a:hover,
    .main-menu-wrapper.dreamslms-hfb-mobile-menu .main-nav > li.active > a,
    .main-menu-wrapper.dreamslms-hfb-mobile-menu .main-nav > li > a:hover {
        color: #FF4667 !important;
    }

    /* PREVENT DOUBLE ARROWS:
       1) Suppress any ::after pseudo-element chevron from theme */
    .dreamslms-hfb-header-wrap .main-menu-wrapper .main-nav > li.has-submenu > a::after,
    .dreamslms-hfb-header-wrap .main-menu-wrapper .main-nav > li.menu-item-has-children > a::after,
    .dreamslms-hfb-header-wrap .main-menu-wrapper .main-nav li a::after,
    .main-menu-wrapper.dreamslms-hfb-mobile-menu .main-nav > li.has-submenu > a::after,
    .main-menu-wrapper.dreamslms-hfb-mobile-menu .main-nav > li.menu-item-has-children > a::after,
    .main-menu-wrapper.dreamslms-hfb-mobile-menu .main-nav li a::after,
    .dreamslms-hfb-header-wrap .main-menu-wrapper .main-nav > li > a > i.fa-chevron-down {
        display: none !important;
        content: none !important;
    }

    /* 2) When .dropdown-btn exists, hide .mobile-submenu-toggle (and vice-versa) */
    .dreamslms-hfb-mobile-menu li .dropdown-btn ~ .mobile-submenu-toggle,
    .dreamslms-hfb-header-wrap .main-menu-wrapper li .dropdown-btn ~ .mobile-submenu-toggle,
    .dreamslms-hfb-mobile-menu li .mobile-submenu-toggle ~ .dropdown-btn,
    .dreamslms-hfb-header-wrap .main-menu-wrapper li .mobile-submenu-toggle ~ .dropdown-btn {
        display: none !important;
    }

    /* Single clean toggle arrow positioning */
    .dreamslms-hfb-header-wrap .main-menu-wrapper .dropdown-btn,
    .dreamslms-hfb-header-wrap .main-menu-wrapper .mobile-submenu-toggle,
    .main-menu-wrapper.dreamslms-hfb-mobile-menu .dropdown-btn,
    .main-menu-wrapper.dreamslms-hfb-mobile-menu .mobile-submenu-toggle,
    .main-menu-wrapper .dropdown-btn,
    .main-menu-wrapper .mobile-submenu-toggle {
        position: absolute !important;
        right: 0 !important;
        top: 8px !important;
        width: 36px !important;
        height: 36px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        cursor: pointer !important;
        color: #7b809a !important;
        font-size: 13px !important;
        background: transparent !important;
        border: none !important;
        padding: 0 !important;
        z-index: 5 !important;
        transition: transform 0.25s ease, color 0.2s ease !important;
    }

    .dreamslms-hfb-header-wrap .main-menu-wrapper li.submenu-open > .dropdown-btn,
    .dreamslms-hfb-header-wrap .main-menu-wrapper li.submenu-open > .mobile-submenu-toggle,
    .main-menu-wrapper.dreamslms-hfb-mobile-menu li.submenu-open > .dropdown-btn,
    .main-menu-wrapper.dreamslms-hfb-mobile-menu li.submenu-open > .mobile-submenu-toggle,
    .main-menu-wrapper li.submenu-open > .dropdown-btn,
    .main-menu-wrapper li.submenu-open > .mobile-submenu-toggle,
    .dreamslms-hfb-header-wrap .main-menu-wrapper li > a.submenu + ul + .dropdown-btn,
    .dreamslms-hfb-header-wrap .main-menu-wrapper li > a.submenu + .dropdown-btn {
        transform: rotate(180deg) !important;
        color: #FF5364 !important;
    }

    /* Submenus Accordion in Drawer */
    .dreamslms-hfb-header-wrap .main-menu-wrapper .sub-menu,
    .dreamslms-hfb-header-wrap .main-menu-wrapper .submenu,
    .main-menu-wrapper.dreamslms-hfb-mobile-menu .sub-menu,
    .main-menu-wrapper.dreamslms-hfb-mobile-menu .submenu,
    .dreamslms-hfb-header-wrap .main-menu-wrapper .main-nav li > ul,
    .main-menu-wrapper.dreamslms-hfb-mobile-menu .main-nav li > ul {
        display: none;
        list-style: none !important;
        padding: 6px 10px !important;
        background-color: #f8fafc !important;
        border-radius: 8px !important;
        margin: 6px 0 10px 0 !important;
        border: 1px solid #f1f5f9 !important;
    }

    .dreamslms-hfb-header-wrap .main-menu-wrapper li.submenu-open > .sub-menu,
    .dreamslms-hfb-header-wrap .main-menu-wrapper li.submenu-open > .submenu,
    .main-menu-wrapper.dreamslms-hfb-mobile-menu li.submenu-open > .sub-menu,
    .main-menu-wrapper.dreamslms-hfb-mobile-menu li.submenu-open > .submenu,
    .dreamslms-hfb-header-wrap .main-menu-wrapper li.submenu-open > ul,
    .main-menu-wrapper.dreamslms-hfb-mobile-menu li.submenu-open > ul {
        display: block !important;
    }

    .dreamslms-hfb-header-wrap .main-menu-wrapper .sub-menu li,
    .main-menu-wrapper.dreamslms-hfb-mobile-menu .sub-menu li,
    .dreamslms-hfb-header-wrap .main-menu-wrapper .submenu li,
    .main-menu-wrapper.dreamslms-hfb-mobile-menu .submenu li,
    .dreamslms-hfb-header-wrap .main-menu-wrapper .main-nav li ul li,
    .main-menu-wrapper.dreamslms-hfb-mobile-menu .main-nav li ul li {
        border-bottom: none !important;
        width: 100% !important;
        margin: 2px 0 !important;
    }

    body .main-menu-wrapper .main-nav li .sub-menu li a,
    body .main-menu-wrapper .main-nav li .submenu li a,
    body .main-menu-wrapper .main-nav li ul li a,
    .dreamslms-hfb-header-wrap .main-menu-wrapper .sub-menu li a,
    .main-menu-wrapper.dreamslms-hfb-mobile-menu .sub-menu li a,
    .dreamslms-hfb-header-wrap .main-menu-wrapper .submenu li a,
    .main-menu-wrapper.dreamslms-hfb-mobile-menu .submenu li a,
    .dreamslms-hfb-header-wrap .main-menu-wrapper .main-nav li ul li a,
    .main-menu-wrapper.dreamslms-hfb-mobile-menu .main-nav li ul li a {
        font-size: 14px !important;
        font-weight: 500 !important;
        color: #334155 !important;
        padding: 8px 14px !important;
        display: block !important;
        background: transparent !important;
        border: none !important;
        border-radius: 6px !important;
        transition: all 0.2s ease !important;
    }

    .dreamslms-hfb-header-wrap .main-menu-wrapper .sub-menu li a:hover,
    .main-menu-wrapper.dreamslms-hfb-mobile-menu .sub-menu li a:hover,
    .dreamslms-hfb-header-wrap .main-menu-wrapper .submenu li a:hover,
    .main-menu-wrapper.dreamslms-hfb-mobile-menu .submenu li a:hover,
    .dreamslms-hfb-header-wrap .main-menu-wrapper .main-nav li ul li a:hover,
    .main-menu-wrapper.dreamslms-hfb-mobile-menu .main-nav li ul li a:hover,
    .dreamslms-hfb-header-wrap .main-menu-wrapper .main-nav li ul li.active > a,
    .main-menu-wrapper.dreamslms-hfb-mobile-menu .main-nav li ul li.active > a {
        color: #FF5364 !important;
        background-color: rgba(255, 83, 100, 0.08) !important;
        padding-left: 18px !important;
    }

    /* Drawer Cart & Login Actions */
    .dreamslms-hfb-header-wrap .main-menu-wrapper .menu-dropdown,
    .main-menu-wrapper.dreamslms-hfb-mobile-menu .menu-dropdown {
        padding: 16px 20px !important;
        border-top: 1px solid #f1f5f9 !important;
        margin-top: 10px !important;
        background: #ffffff !important;
    }

    .dreamslms-hfb-header-wrap .main-menu-wrapper .cart-item,
    .main-menu-wrapper.dreamslms-hfb-mobile-menu .cart-item {
        margin-bottom: 14px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        background: #f8fafc !important;
        padding: 10px 14px !important;
        border-radius: 8px !important;
    }

    .dreamslms-hfb-header-wrap .main-menu-wrapper .menu-login,
    .main-menu-wrapper.dreamslms-hfb-mobile-menu .menu-login {
        display: flex !important;
        flex-direction: column !important;
        gap: 8px !important;
    }
}

/* 6. Tutor LMS & DreamsLMS Elements inside Builder */

.dreamslms-hfb-header-wrap .header-btn {

    gap: 12px;

}



.dreamslms-hfb-header-wrap .profile-dropdown .avatar img {

    width: 38px;

    height: 38px;

    object-fit: cover;

}



.dreamslms-hfb-header-wrap .cart-item a i {

    font-size: 22px;

}



.dreamslms-hfb-header-wrap .dreamslms-notifications-bell .bell-trigger i {

    font-size: 20px;

}



/* 7. Footer Scaffolding */

.dreamslms-builder-footer .footer-top-row,

.dreamslms-builder-footer .footer-main-row,

.dreamslms-builder-footer .footer-bottom-row {

    position: relative;

    width: 100%;

}



.dreamslms-builder-footer .footer-bottom-row .copyright-text {

    font-size: 14px;

    color: inherit;

}







/* 8. Logo Visibility and Mode Rules */

.dreamslms-hfb-header-wrap .navbar-logo .logo-white {

    display: none !important;

}

.dreamslms-hfb-header-wrap .navbar-logo .logo-dark {

    display: inline-block !important;

}

.dreamslms-hfb-header-wrap header.header-three .navbar-logo .logo-dark,

.dreamslms-hfb-header-wrap header.header-four .navbar-logo .logo-dark,

.dreamslms-hfb-header-wrap header.header-five .navbar-logo .logo-dark,

.dreamslms-hfb-header-wrap.header-three .navbar-logo .logo-dark,

.dreamslms-hfb-header-wrap.header-four .navbar-logo .logo-dark,

.dreamslms-hfb-header-wrap.header-five .navbar-logo .logo-dark {

    display: none !important;

}

.dreamslms-hfb-header-wrap header.header-three .navbar-logo .logo-white,

.dreamslms-hfb-header-wrap header.header-four .navbar-logo .logo-white,

.dreamslms-hfb-header-wrap header.header-five .navbar-logo .logo-white,

.dreamslms-hfb-header-wrap.header-three .navbar-logo .logo-white,

.dreamslms-hfb-header-wrap.header-four .navbar-logo .logo-white,

.dreamslms-hfb-header-wrap.header-five .navbar-logo .logo-white {

    display: inline-block !important;

}

.dreamslms-hfb-header-wrap .navbar-logo .logo-sticky {

    display: none !important;

}

.dreamslms-hfb-header-wrap header.fixed .navbar-logo .logo-dark,

.dreamslms-hfb-header-wrap header.fixed .navbar-logo .logo-white,

.dreamslms-hfb-header-wrap.fixed .navbar-logo .logo-dark,

.dreamslms-hfb-header-wrap.fixed .navbar-logo .logo-white {

    display: none !important;

}

.dreamslms-hfb-header-wrap header.fixed .navbar-logo .logo-sticky,

.dreamslms-hfb-header-wrap.fixed .navbar-logo .logo-sticky {

    display: inline-block !important;

}



/* 9. Header Topbar & Layout Enhancements */

.dreamslms-hfb-header-wrap .header-topbar {

    background: #0b0c10;

    color: #fff;

    padding: 10px 0;

}

.dreamslms-hfb-header-wrap .header-topbar a {

    color: #fff;

}

.dreamslms-hfb-header-wrap .header-topbar .social-icon li a {

    color: #fff;

    width: 28px;

    height: 28px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

}





/* ==========================================================================

   10. Multi-demo Scoped Theme Variables & Header Palettes for Builder

   Ensures Kindergarten (Home 6), University (Home 7) & Gym (Home 8/9)

   render identical designs regardless of whether previewed or cloned.

   ========================================================================== */



/* Kindergarten (Theme-2 / Layout-6) */

.dreamslms-hfb-header-wrap.theme-2,

.dreamslms-hfb-header-wrap.dreamslms-header-layout-6,

.dreamslms-hfb-header-wrap.dreamslms-header-preset-layout-6,

.dreamslms-builder-footer.theme-2,

.dreamslms-footer-layout-6 {

    --primary: #9A2DFF;

    --secondary: #F8B102;

    --bs-primary: #9A2DFF;

    --bs-secondary: #F8B102;

}



.dreamslms-hfb-header-wrap.theme-2 .btn-primary,

.dreamslms-hfb-header-wrap.dreamslms-header-layout-6 .btn-primary,

.dreamslms-hfb-header-wrap.dreamslms-header-preset-layout-6 .btn-primary,

.dreamslms-hfb-header-wrap .header-six .header-btn .btn-primary,

.dreamslms-hfb-header-wrap .header-six .header-btn .btn {

    background-color: #9A2DFF !important;

    border-color: #9A2DFF !important;

    border-bottom: 4px solid #8726E1 !important;

    color: #ffffff !important;

    border-radius: 50px !important;

    font-size: 16px !important;

    font-weight: 600 !important;

    padding: 10px 24px !important;

    text-decoration: none !important;

}



.dreamslms-hfb-header-wrap.theme-2 .btn-primary *,

.dreamslms-hfb-header-wrap.dreamslms-header-layout-6 .btn-primary *,

.dreamslms-hfb-header-wrap.dreamslms-header-preset-layout-6 .btn-primary *,

.dreamslms-hfb-header-wrap .header-six .header-btn .btn-primary *,

.dreamslms-hfb-header-wrap .header-six .header-btn .btn *,

.dreamslms-hfb-header-wrap .header-six .header-btn .btn span,

.dreamslms-hfb-header-wrap .header-six .header-btn .btn i {

    color: #ffffff !important;

}



.dreamslms-hfb-header-wrap.theme-2 .btn-primary:hover,

.dreamslms-hfb-header-wrap.dreamslms-header-layout-6 .btn-primary:hover,

.dreamslms-hfb-header-wrap.dreamslms-header-preset-layout-6 .btn-primary:hover,

.dreamslms-hfb-header-wrap .header-six .header-btn .btn-primary:hover,

.dreamslms-hfb-header-wrap .header-six .header-btn .btn:hover {

    background-color: #8726E1 !important;

    border-color: #8726E1 !important;

    border-bottom: 4px solid #9A2DFF !important;

    color: #ffffff !important;

}



.dreamslms-hfb-header-wrap.theme-2 .btn-primary:hover *,

.dreamslms-hfb-header-wrap .header-six .header-btn .btn:hover * {

    color: #ffffff !important;

}



.dreamslms-hfb-header-wrap .header-six .header-btn .btn span.icon,

.dreamslms-hfb-header-wrap.theme-2 .btn span.icon {

    font-size: 20px;

    margin-left: 6px;

    display: inline-flex;

    align-items: center;

    color: #ffffff !important;

}



/* Kindergarten Cart Pink Round Button */

.dreamslms-hfb-header-wrap .header-six .header-btn .header-item .icon-btn a {

    background: #FD3995 !important;

    color: #ffffff !important;

    width: 44px;

    height: 44px;

    border-radius: 50% !important;

    display: inline-flex !important;

    align-items: center !important;

    justify-content: center !important;

    position: relative;

    border: none !important;

    box-shadow: none !important;

    transition: all 0.3s ease;

    text-decoration: none !important;

}



.dreamslms-hfb-header-wrap .header-six .header-btn .header-item .icon-btn a:hover {

    background: #9A2DFF !important;

}



.dreamslms-hfb-header-wrap .header-six .header-btn .header-item .icon-btn a i {

    color: #ffffff !important;

    font-size: 20px;

}



.dreamslms-hfb-header-wrap .header-six .header-btn .header-item .icon-btn .count-icon {

    width: 18px;

    height: 18px;

    font-size: 11px;

    color: #ffffff !important;

    background-color: #22c55e !important;

    border-radius: 50%;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    position: absolute;

    top: -2px;

    right: -2px;

}



/* Kindergarten Header Navigation Flex Spacing */

.dreamslms-hfb-header-wrap.header-six .header-nav,

.dreamslms-hfb-header-wrap .header-six .header-nav {

    display: flex;

    align-items: center;

    justify-content: space-between;

}



.dreamslms-hfb-header-wrap.header-six .header-btn,

.dreamslms-hfb-header-wrap .header-six .header-btn {

    display: flex;

    align-items: center;

    gap: 16px;

}



/* Gym Training (Theme-3 / Layout-8) */

.dreamslms-hfb-header-wrap.theme-3,

.dreamslms-hfb-header-wrap.dreamslms-header-layout-8,

.dreamslms-hfb-header-wrap.dreamslms-header-preset-layout-8,

.dreamslms-builder-footer.theme-3,

.dreamslms-footer-layout-8 {

    --primary: #FF3C38;

    --bs-primary: #FF3C38;

}



.dreamslms-hfb-header-wrap.theme-3 .btn-primary,

.dreamslms-hfb-header-wrap.dreamslms-header-layout-8 .btn-primary,

.dreamslms-hfb-header-wrap.dreamslms-header-preset-layout-8 .btn-primary,

.dreamslms-hfb-header-wrap .header-nine .header-btn .btn-primary,

.dreamslms-hfb-header-wrap .header-nine .header-btn .btn,

.dreamslms-hfb-header-wrap .header-six.header-nine .header-btn .btn-primary,

.dreamslms-hfb-header-wrap .header-six.header-nine .header-btn .btn {

    background-color: #FF3C38 !important;

    border-color: #FF3C38 !important;

    color: #ffffff !important;

    border-radius: 50px !important;

    font-size: 16px !important;

    font-weight: 600 !important;

    padding: 12px 26px !important;

}



.dreamslms-hfb-header-wrap.theme-3 .btn-primary:hover,

.dreamslms-hfb-header-wrap.dreamslms-header-layout-8 .btn-primary:hover,

.dreamslms-hfb-header-wrap.dreamslms-header-preset-layout-8 .btn-primary:hover,

.dreamslms-hfb-header-wrap .header-nine .header-btn .btn-primary:hover,

.dreamslms-hfb-header-wrap .header-nine .header-btn .btn:hover,

.dreamslms-hfb-header-wrap .header-six.header-nine .header-btn .btn-primary:hover,

.dreamslms-hfb-header-wrap .header-six.header-nine .header-btn .btn:hover {

    background-color: #e52b2b !important;

    border-color: #e52b2b !important;

}



/* University (Theme-1 / Layout-7) */

.dreamslms-hfb-header-wrap.theme-1,

.dreamslms-hfb-header-wrap.dreamslms-header-layout-7,

.dreamslms-hfb-header-wrap.dreamslms-header-preset-layout-7,

.dreamslms-builder-footer.theme-1,

.dreamslms-footer-layout-7 {

    --primary: #0C3834;

    --bs-primary: #0C3834;

}



.dreamslms-hfb-header-wrap.theme-1 .btn-primary,

.dreamslms-hfb-header-wrap.dreamslms-header-layout-7 .btn-primary,

.dreamslms-hfb-header-wrap.dreamslms-header-preset-layout-7 .btn-primary {

    border-radius: 6px !important;

    font-weight: 600 !important;

}



/* ==========================================================================
   Comprehensive Preset Parity Styles for Header 6 (Kindergarten), 7, and 8
   ========================================================================== */

/* Kindergarten Header 6 Button & Cart */
header.header-six:not(.header-nine) .header-btn,
.dreamslms-hfb-header-wrap.theme-2 .header-btn,
.dreamslms-hfb-header-wrap .header-six:not(.header-nine) .header-btn {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
}

header.header-six:not(.header-nine) .header-btn .btn,
header.header-six:not(.header-nine) .header-btn .btn-primary,
.dreamslms-hfb-header-wrap.theme-2 .btn-primary,
.dreamslms-hfb-header-wrap.dreamslms-header-layout-6 .btn-primary,
.dreamslms-hfb-header-wrap.dreamslms-header-preset-layout-6 .btn-primary,
.dreamslms-hfb-header-wrap .header-six:not(.header-nine) .header-btn .btn-primary,
.dreamslms-hfb-header-wrap .header-six:not(.header-nine) .header-btn .btn {
    background-color: #9A2DFF !important;
    border-color: #9A2DFF !important;
    border-bottom: 4px solid #8726E1 !important;
    color: #ffffff !important;
    border-radius: 50px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    padding: 10px 24px !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    transition: all 0.4s ease !important;
}

header.header-six:not(.header-nine) .header-btn .btn:hover,
header.header-six:not(.header-nine) .header-btn .btn-primary:hover,
.dreamslms-hfb-header-wrap.theme-2 .btn-primary:hover,
.dreamslms-hfb-header-wrap .header-six:not(.header-nine) .header-btn .btn:hover {
    background-color: #8726E1 !important;
    border-color: #8726E1 !important;
    border-bottom: 4px solid #9A2DFF !important;
    color: #ffffff !important;
}

header.header-six:not(.header-nine) .header-btn .btn *,
header.header-six:not(.header-nine) .header-btn .btn span,
header.header-six:not(.header-nine) .header-btn .btn i,
.dreamslms-hfb-header-wrap.theme-2 .btn-primary *,
.dreamslms-hfb-header-wrap.dreamslms-header-layout-6 .btn-primary *,
.dreamslms-hfb-header-wrap.dreamslms-header-preset-layout-6 .btn-primary *,
.dreamslms-hfb-header-wrap .header-six:not(.header-nine) .header-btn .btn * {
    color: #ffffff !important;
    fill: #ffffff !important;
}

/* Kindergarten Header 6 Pink Round Cart Button */
header.header-six .header-btn .header-item .icon-btn a,
header.header-six .header-btn .header-item .icon-btn button,
.dreamslms-hfb-header-wrap.theme-2 .header-item .icon-btn a,
.dreamslms-hfb-header-wrap.dreamslms-header-layout-6 .header-item .icon-btn a,
.dreamslms-hfb-header-wrap.dreamslms-header-preset-layout-6 .header-item .icon-btn a,
.dreamslms-hfb-header-wrap .header-six:not(.header-nine) .icon-btn a {
    background: #FD3995 !important;
    color: #ffffff !important;
    width: 44px !important;
    height: 44px !important;
    border-radius: 50% !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.3s ease !important;
    position: relative !important;
    border: none !important;
    box-shadow: unset !important;
}

header.header-six .header-btn .header-item .icon-btn a:hover,
.dreamslms-hfb-header-wrap .header-six:not(.header-nine) .icon-btn a:hover {
    background: #9A2DFF !important;
}

header.header-six .header-btn .header-item .icon-btn a i,
.dreamslms-hfb-header-wrap .header-six:not(.header-nine) .icon-btn a i {
    color: #ffffff !important;
    font-size: 20px !important;
}

header.header-six .header-btn .header-item .icon-btn .count-icon,
.dreamslms-hfb-header-wrap .header-six:not(.header-nine) .icon-btn .count-icon {
    width: 18px !important;
    height: 18px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    color: #ffffff !important;
    background-color: #22c55e !important;
    border-radius: 50% !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: absolute !important;
    top: -2px !important;
    right: -2px !important;
}


/* ==========================================================================
   Header Builder Vertical Spacing, Breathing Room & Row Rhythm
   ========================================================================== */

/* Main Bar Default Vertical Spacing */
.dreamslms-hfb-header-wrap .dreamslms-hfb-main-bar {
    padding-top: 18px !important;
    padding-bottom: 18px !important;
    min-height: 85px;
    display: flex;
    align-items: center;
    position: relative;
    box-sizing: border-box;
}

.dreamslms-hfb-header-wrap .dreamslms-hfb-main-bar > .container,
.dreamslms-hfb-header-wrap .dreamslms-hfb-main-bar > .container-fluid {
    width: 100%;
}

/* Ensure .header-nav expands cleanly with breathing room */
.dreamslms-hfb-header-wrap .header-nav {
    min-height: 55px;
    height: auto !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* Top Bar Default Vertical Spacing */
.dreamslms-hfb-header-wrap .dreamslms-hfb-top-bar {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

/* Bottom Bar Default Vertical Spacing */
.dreamslms-hfb-header-wrap .dreamslms-hfb-bottom-bar {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
}

/* Vertical centering for all items in builder slots */
.dreamslms-hfb-header-wrap .hfb-slot {
    display: flex;
    align-items: center;
}

/* Sticky / Fixed header compaction */
.dreamslms-hfb-header-wrap.fixed .dreamslms-hfb-main-bar,
.dreamslms-hfb-header-wrap.is-sticky .dreamslms-hfb-main-bar,
header.header-six.fixed.dreamslms-hfb-main-bar {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
    min-height: 70px;
}