/* --- Codomax Premium Dark Header Style --- */

/* Target all possible header selectors for FSE theme */
header,
[data-type="core/template-part"],
.wp-site-blocks>header,
.wp-block-template-part,
header.wp-block-template-part,
body>header,
#masthead,
.site-header,
.codomax-header,
.wp-block-group.codomax-header {
    background: #020617 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.35) !important;
    position: sticky !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 99999 !important;
    width: 100% !important;
}

/* Force dark bg on all inner groups in header area */
.wp-site-blocks>header .wp-block-group,
.wp-block-template-part .wp-block-group,
.codomax-header .wp-block-group,
header .wp-block-group {
    background: transparent !important;

}

/* Site Title / Logo */
.wp-site-blocks>header .wp-block-site-title a,
.wp-site-blocks>header .wp-block-site-title,
.wp-block-template-part .wp-block-site-title a,
.wp-block-template-part .wp-block-site-title,
.codomax-header .wp-block-site-title a,
.codomax-header .wp-block-site-title,
header .wp-block-site-title a,
header .wp-block-site-title {
    color: #ffffff !important;
    text-decoration: none !important;
}

/* Navigation Links - Base Style */
.wp-site-blocks>header .wp-block-navigation .wp-block-navigation-item__content,
.wp-site-blocks>header .wp-block-navigation .wp-block-navigation-item__label,
.wp-site-blocks>header .wp-block-navigation a,
.wp-block-template-part .wp-block-navigation .wp-block-navigation-item__content,
.wp-block-template-part .wp-block-navigation .wp-block-navigation-item__label,
.wp-block-template-part .wp-block-navigation a,
.codomax-header .wp-block-navigation .wp-block-navigation-item__content,
.codomax-header .wp-block-navigation .wp-block-navigation-item__label,
.codomax-header .wp-block-navigation a,
header .wp-block-navigation a,
header .wp-block-navigation .wp-block-navigation-item__label {
    color: #cbd5e1 !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    border-radius: 0px !important;
    padding: 6px 0 !important;
    transition: all 0.25s ease !important;
    border-bottom: 2px solid transparent !important;
    display: inline-flex !important;
    align-items: center !important;
}

/* ---- HOVER State - Ghost Button (transparent bg, blue border, blue text) ---- */
.wp-site-blocks>header .wp-block-navigation .wp-block-navigation-item a:hover,
.wp-site-blocks>header .wp-block-navigation .wp-block-navigation-item__content:hover,
.wp-block-template-part .wp-block-navigation .wp-block-navigation-item a:hover,
.wp-block-template-part .wp-block-navigation .wp-block-navigation-item__content:hover,
.codomax-header .wp-block-navigation .wp-block-navigation-item a:hover,
header .wp-block-navigation .wp-block-navigation-item a:hover {
    color: #60a5fa !important;
    background-color: transparent !important;
    border-radius: 6px !important;
    box-shadow: none !important;
    transform: translateY(-1px) !important;
    border-bottom: 2px solid #3b82f6 !important;
}

/* ---- ACTIVE / Current Page State - Ghost Button ---- */
.wp-site-blocks>header .wp-block-navigation .current-menu-item>a,
.wp-site-blocks>header .wp-block-navigation .current-menu-item>.wp-block-navigation-item__content,
.wp-site-blocks>header .wp-block-navigation .current_page_item>a,
.wp-block-template-part .wp-block-navigation .current-menu-item>a,
.wp-block-template-part .wp-block-navigation .current-menu-item>.wp-block-navigation-item__content,
.wp-block-template-part .wp-block-navigation .current_page_item>a,
.codomax-header .wp-block-navigation .current-menu-item>a,
.codomax-header .wp-block-navigation .current_page_item>a,
header .wp-block-navigation .current-menu-item>a,
header .wp-block-navigation .current_page_item>a,
header .wp-block-navigation .is-active>a,
.wp-block-navigation-item.current-menu-item>a,
.wp-block-navigation-item.current-menu-item .wp-block-navigation-item__content {
    color: #60a5fa !important;
    background-color: transparent !important;
    border-radius: 0px !important;
    box-shadow: none !important;
    border-bottom: 2px solid #3b82f6 !important;
}

/* Active item hover */
header .wp-block-navigation .current-menu-item>a:hover,
header .wp-block-navigation .current_page_item>a:hover,
.wp-block-template-part .wp-block-navigation .current-menu-item>a:hover {
    color: #93c5fd !important;
    background-color: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
    transform: translateY(-1px) !important;
}

/* Mobile Menu Button */
.wp-site-blocks>header .wp-block-navigation__responsive-container-open svg,
.wp-block-template-part .wp-block-navigation__responsive-container-open svg,
.codomax-header .wp-block-navigation__responsive-container-open svg,
header .wp-block-navigation__responsive-container-open svg {
    fill: #ffffff !important;
    stroke: #ffffff !important;
}

.wp-site-blocks>header .wp-block-navigation__responsive-container-open,
.wp-block-template-part .wp-block-navigation__responsive-container-open,
.codomax-header .wp-block-navigation__responsive-container-open,
header .wp-block-navigation__responsive-container-open {
    background: rgba(255, 255, 255, 0.1) !important;
    color: #ffffff !important;
    border-radius: 0px !important;
}

/* Mobile Overlay Menu Background */
.wp-block-navigation__responsive-container.is-menu-open {
    background: #0f172a !important;
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content,
.wp-block-navigation__responsive-container.is-menu-open a {
    color: #cbd5e1 !important;
}

/* Close button in mobile overlay */
.wp-block-navigation__responsive-container-close svg {
    fill: #ffffff !important;
}

/* Body offset - so content doesn't go under fixed header */
body {
    padding-top: 0 !important;
    scroll-padding-top: 80px;
    background-color: #020617 !important;
    color: #ffffff !important;
}

.wp-site-blocks {
    background-color: #020617 !important;
    color: #ffffff !important;
}

/* Admin bar compatibility */
.admin-bar header,
.admin-bar .wp-block-template-part,
.admin-bar .codomax-header {
    top: 32px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.wp-block-navigation .wp-block-page-list {
    gap: 20px !important;
}

@media screen and (max-width: 782px) {

    .admin-bar header,
    .admin-bar .wp-block-template-part,
    .admin-bar .codomax-header {
        top: 46px !important;
    }
}

@media screen and (max-width: 425px) {

    .wp-site-blocks>header .wp-block-navigation .wp-block-navigation-item__content,
    .wp-site-blocks>header .wp-block-navigation .wp-block-navigation-item__label,
    .wp-site-blocks>header .wp-block-navigation a,
    .wp-block-template-part .wp-block-navigation .wp-block-navigation-item__content,
    .wp-block-template-part .wp-block-navigation .wp-block-navigation-item__label,
    .wp-block-template-part .wp-block-navigation a,
    .codomax-header .wp-block-navigation .wp-block-navigation-item__content,
    .codomax-header .wp-block-navigation .wp-block-navigation-item__label,
    .codomax-header .wp-block-navigation a,
    header .wp-block-navigation a,
    header .wp-block-navigation .wp-block-navigation-item__label,
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item,
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container,
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-page-list {
        width: 100%;
    }

    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container {
        gap: 0 !important;
    }

    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item__content {
        padding: 0 !important;
    }
}

.codomax-header>.wp-block-group {
    padding-left: 20px !important;
    padding-right: 20px !important;
}