/* ============================================
   SafetyLink Custom CSS
   ============================================ */

/* --- Sticky Header (both sections) --- */
.et_pb_section_0_tb_header,
.et_pb_section_1_tb_header {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 9999 !important;
    background: #fff !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.08) !important;
    width: 100% !important;
}

/* --- Desktop: use section_0 as main header --- */
@media only screen and (min-width: 981px) {
    /* Show full menu in section_0 */
    .et_pb_section_0_tb_header .et_pb_menu__menu {
        display: flex !important;
    }
    .et_pb_section_0_tb_header .mobile_menu_bar {
        display: none !important;
    }
    .et_pb_section_0_tb_header .et-menu > li {
        display: flex !important;
        align-items: center !important;
    }
    .et_pb_section_0_tb_header .et-menu {
        flex-wrap: nowrap !important;
    }
    /* Hide section_1 */
    .et_pb_section_1_tb_header {
        display: none !important;
    }
    body { padding-top: 72px !important; }
}

/* --- Mobile/tablet --- */
@media only screen and (max-width: 980px) {
    .et_pb_section_1_tb_header {
        display: none !important;
    }
    /* Show CTA and lang-switch, hide other menu items (they go in hamburger) */
    .et_pb_section_0_tb_header .et-menu > li:not(.request-btn):not(.lang-switch) {
        display: none !important;
    }
    .et_pb_section_0_tb_header .et-menu > li.request-btn,
    .et_pb_section_0_tb_header .et-menu > li.lang-switch {
        display: flex !important;
    }
    .et_pb_section_0_tb_header .et-menu > li.request-btn > a {
        font-size: 13px !important;
        padding: 6px 14px !important;
    }
    .et_pb_section_0_tb_header .mobile_menu_bar {
        display: block !important;
    }
    body { padding-top: 60px !important; }
}

/* --- CTA Button --- */
.et_pb_menu .et-menu li.request-btn {
    height: auto !important;
}
.et_pb_menu .et-menu li.request-btn > a {
    font-size: 14px !important;
    padding: 8px 22px !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
}

/* --- Language Switcher --- */
.et_pb_menu .et-menu li.lang-switch {
    height: auto !important;
}

/* --- Solutions Dropdown --- */
.et_pb_menu .sub-menu {
    min-width: 320px !important;
}
.et_pb_menu .sub-menu li a {
    white-space: nowrap !important;
    padding: 10px 20px !important;
}