/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

/*dark version*/


/* === Desktop styles: activated at 1024px and above === */
@media screen and (min-width: 1024px) {
    .site-header__navigation {
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-between;
        overflow: visible; /* Let submenus show outside the nav bar */
    }
}

    .site-header__navigation .hs-menu-item.hs-menu-depth-1 > .hs-menu-link {
        text-align: center;
        font-size: 11.5px; /* slightly smaller font */
        padding: 0 10px; /* reduced spacing */
        white-space: nowrap;
    }

    .hs-menu-label {
        color: #fff !important;
    }

    .site-header .menu-alignment--split .site-header__navigation .hs-menu-logo + .hs-menu-item {
        margin-left: 10px; /* tighter after logo */
    }

    .site-header__navigation .hs-menu-item.hs-menu-depth-1 > .hs-menu-link > .hs-menu-label {
        background-image: linear-gradient(to bottom right, #f79348, #f79348);
    }

.site-header__navigation .hs-menu-item.hs-item-has-children > .hs-menu-children-wrapper {
    background: #ffffff;
    max-width: 400px;
}

.site-header__navigation .hs-menu-item.hs-item-has-children > .hs-menu-children-wrapper .hs-menu-link,
.site-header__navigation .hs-menu-item.hs-item-has-children > .hs-menu-children-wrapper .hs-menu-label {
    color: #000000 !important;
}


    /* Make submenu visible on hover */
    .site-header__navigation .hs-item-has-children:hover > .hs-menu-children-wrapper {
        display: block;
        opacity: 1;
        visibility: visible;
        position: absolute;
        z-index: 9999;
    }

    .site-header__navigation .hs-menu-item .hs-menu-children-wrapper .hs-menu-children-list .hs-menu-item > .hs-menu-link .hs-menu-label,
        font-size: 12px;
    }

    .site-header__navigation .hs-menu-item.hs-menu-depth-1 + .hs-menu-depth-1 {
        margin-left: 8px !important;
    }
} /* ✅ closing desktop media query */

/* === Mobile styles: hamburger menu appears at 1024px and below === */
@media screen and (max-width: 1024px) {
    .site-header__navigation {
        display: none !important;
    }

    .hamburger-menu {
        display: block !important;
    }
}