/* =========================================================
   SPP Header — wide page header template
   Menu module class: header-menu-row

   Note: Section/row padding and margins are controlled via
   Divi Theme Builder inline styles. Do not add padding or
   margin overrides here for et_pb_section_0_tb_header or
   et_pb_row_0_tb_header — they will be ignored.
   ========================================================= */

/* ---------------------------------------------------------
   Logo — responsive scaling
   Divi Theme Builder handles row layout and spacing.
   --------------------------------------------------------- */
.et_pb_image_0_tb_header img {
    max-width: 100% !important;
    height: auto !important;
}

@media (max-width: 980px) {
    .et_pb_image_0_tb_header img {
        max-width: 200px !important;
    }
}

@media (max-width: 480px) {
    .et_pb_image_0_tb_header img {
        max-width: 150px !important;
    }
}

/* ---------------------------------------------------------
   Menu — force flat list, never hamburger
   Hide all Divi mobile nav elements in the header
   --------------------------------------------------------- */
.et-l--header .et_mobile_nav_menu,
.et-l--header .mobile_nav,
.et-l--header .et_mobile_menu {
    display: none !important;
}

.header-menu-row .et_pb_menu__wrap {
    display: flex !important;
    justify-content: flex-start !important;
    flex-wrap: wrap !important;
}

.header-menu-row .et_pb_menu__menu {
    display: block !important;
}

.header-menu-row .et_pb_menu,
.header-menu-row nav,
.header-menu-row .et_pb_menu__menu nav,
.header-menu-row ul,
.header-menu-row .et_pb_menu__menu ul {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
    align-items: center !important;
    gap: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.header-menu-row ul li,
.header-menu-row .et_pb_menu__menu ul li {
    display: inline-flex !important;
    align-items: center !important;
}

.header-menu-row ul li a {
    color: #ffffff !important;
    font-size: 0.875rem !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    padding: 4px 14px !important;
    white-space: nowrap !important;
    transition: opacity 0.2s ease !important;
}

.header-menu-row ul li a:hover {
    opacity: 0.75 !important;
}

/* Separators between items */
.header-menu-row ul li + li::before {
    content: '|' !important;
    color: rgba(255,255,255,0.4) !important;
    font-size: 0.75rem !important;
}

/* ---------------------------------------------------------
   Tablet (980px and below)
   Override Divi's right-align phone/tablet classes
   --------------------------------------------------------- */
@media (max-width: 980px) {
    .header-menu-row.et_pb_text_align_right-tablet .et_pb_menu__wrap,
    .header-menu-row.et_pb_text_align_right-phone .et_pb_menu__wrap,
    .header-menu-row.et_pb_text_align_right-tablet ul,
    .header-menu-row.et_pb_text_align_right-phone ul {
        justify-content: flex-start !important;
    }

    .header-menu-row ul li a {
        font-size: 0.813rem !important;
        padding: 1px 2px !important;
    }
}

/* ---------------------------------------------------------
   Phone (480px and below)
   --------------------------------------------------------- */
@media (max-width: 480px) {
    .header-menu-row ul li a {
        font-size: 0.75rem !important;
        padding: 1px 2px !important;
    }
}