:root {
--ceox-primary: #173F6D;
--ceox-accent: #F28C28;
--ceox-white: #FFFFFF;
--ceox-light: #F5F7FA;
--ceox-text: #1F2937;
--ceox-border: #E5E7EB;
--ceox-shadow: 0 10px 35px rgba(15, 23, 42, 0.08);
--ceox-transition: 250ms ease;
}

.ceox-header{

    position:sticky;
    top:0;
    z-index:9999;
    width:100%;

    background:rgba(255,255,255,.88);

    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);

    border-bottom:1px solid rgba(23,63,109,.06);

    box-shadow:var(--ceox-shadow);

    transition:
        background var(--ceox-transition),
        border-color var(--ceox-transition),
        box-shadow var(--ceox-transition);

}

.ceox-header.is-scrolled {
border-color: var(--ceox-border);
box-shadow: var(--ceox-shadow);
}

.admin-bar .ceox-header {
top: 32px;
}

.ceox-container {
width: 100%;
max-width: 1280px;
margin: 0 auto;
padding-right: 24px;
padding-left: 24px;
}

.ceox-header__inner {
min-height: 92px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 40px;
}

.ceox-header__branding {
flex: 0 0 180px;
display: flex;
align-items: center;
}

.ceox-header__branding .custom-logo,
.ceox-header__branding .wp-block-site-logo img {
display: block;
width: 180px;
height: auto;
max-width: 180px;
}

.ceox-header__navigation {
flex: 1 1 auto;
display: flex;
justify-content: center;
}

.ceox-header__navigation .wp-block-navigation {
width: 100%;
justify-content: center;
}

.ceox-header__navigation .wp-block-navigation__container {
display: flex;
align-items: center;
gap: 40px;
}

.ceox-header__navigation .wp-block-navigation-item__content {
position: relative;
padding: 8px 0;
color: var(--ceox-text);
font-size: 16px;
font-weight: 500;
line-height: 1.4;
text-decoration: none;
transition: color var(--ceox-transition);
}

.ceox-header__navigation .wp-block-navigation-item__content:hover,
.ceox-header__navigation .wp-block-navigation-item__content:focus-visible,
.ceox-header__navigation .current-menu-item > .wp-block-navigation-item__content,
.ceox-header__navigation .current-menu-ancestor > .wp-block-navigation-item__content {
color: var(--ceox-accent);
}

.ceox-header__navigation .wp-block-navigation-item__content::after {
content: "";
position: absolute;
left: 0;
bottom: -6px;
width: 100%;
height: 2px;
background: var(--ceox-accent);
transform: scaleX(0);
transform-origin: center;
transition: transform var(--ceox-transition);
}

.ceox-header__navigation .wp-block-navigation-item__content:hover::after,
.ceox-header__navigation .wp-block-navigation-item__content:focus-visible::after,
.ceox-header__navigation .current-menu-item > .wp-block-navigation-item__content::after,
.ceox-header__navigation .current-menu-ancestor > .wp-block-navigation-item__content::after {
transform: scaleX(1);
}

.ceox-header__actions {
flex: 0 0 auto;
display: flex;
align-items: center;
}

.ceox-header__cta .wp-element-button {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 52px;
padding: 0 28px;
border: 2px solid var(--ceox-accent);
border-radius: 10px;
background: var(--ceox-accent);
color: #FFFFFF;
font-size: 16px;
font-weight: 700;
text-decoration: none;
transition:
background var(--ceox-transition),
border-color var(--ceox-transition),
color var(--ceox-transition),
transform var(--ceox-transition),
box-shadow var(--ceox-transition);
}

.ceox-header__cta .wp-element-button:hover,
.ceox-header__cta .wp-element-button:focus-visible {
background: #D97A1D;
border-color: #D97A1D;
color: #FFFFFF;
transform: translateY(-2px);
box-shadow: 0 12px 30px rgba(242, 140, 40, 0.25);
}

.ceox-header .wp-block-navigation__responsive-container-open,
.ceox-header .wp-block-navigation__responsive-container-close {
color: var(--ceox-primary);
}

.ceox-header .wp-block-navigation__responsive-container {
background: var(--ceox-white);
}

.ceox-header .wp-block-navigation__responsive-container-content {
padding: 48px 32px;
}

.ceox-header .wp-block-navigation__responsive-container-content .wp-block-navigation__container {
flex-direction: column;
align-items: flex-start;
gap: 24px;
}

@media (prefers-reduced-motion: reduce){

    .ceox-header,
    .ceox-header *,
    .ceox-header *::before,
    .ceox-header *::after{

        transition:none !important;
        animation:none !important;

    }

}/* =====================================================
   WordPress 7 Navigation Fix
===================================================== */

.ceox-header__navigation nav{
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
}

.ceox-header__navigation .wp-block-navigation{
    display:flex !important;
    align-items:center;
    justify-content:center;
    width:auto;
}

.ceox-header__navigation .wp-block-navigation__container{
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:nowrap !important;
    align-items:center;
    justify-content:center;
    gap:48px;
    width:auto;
    margin:0;
    padding:0;
    list-style:none;
}

.ceox-header__navigation .wp-block-navigation-item{
    display:block;
    width:auto;
    margin:0;
}

.ceox-header__navigation .wp-block-navigation-item__content{
    white-space:nowrap;
}

.ceox-header__navigation .wp-block-navigation__responsive-container{
    position:static;
    inset:auto;
    width:auto;
    height:auto;
    background:transparent;
}

.ceox-header__navigation .wp-block-navigation__responsive-container-content{
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0;
}

.ceox-header .wp-block-navigation__responsive-container-open{
    display:none;
}