/* =========================================
   TOP HEADER
========================================= */

.top-header{
    background:#002147;
    position:relative;
    z-index:1000;
}

.top-header .container{
    display:flex;
    align-items:center;
    justify-content:space-between;
    min-height:50px;
}

.top-header-left,
.top-header-right{
    display:flex;
    align-items:center;
    gap:20px;
}

.top-header a{
    display:flex;
    align-items:center;
    color:#ffffff;
    font-size:14px;
    font-weight:500;
    transition:var(--transition);
}

.top-header a:hover{
    color:#ffb400;
}

.top-header i{
    color:#ffb400;
    margin-right:8px;
}

.phone-number{
    font-weight:700;
}

/* =========================================
   MAIN HEADER
========================================= */

.main-header{
    position:sticky;
    top:0;
    left:0;
    width:100%;
    background:#ffffff;
    z-index:9999;
    box-shadow:0 5px 20px rgba(0,0,0,.08);
}

.main-header .container{
    display:flex;
    align-items:center;
    justify-content:space-between;
    min-height:90px;
    gap:40px;
}

/* =========================================
   LOGO
========================================= */

.logo-area{
    flex-shrink:0;
}

.logo-area>a{
    display:flex;
    align-items:center;
    gap:14px;
}

.logo-area img{
    width:65px;
    height:65px;
    object-fit:contain;
    flex-shrink:0;
}

.logo-text{
    display:flex;
    flex-direction:column;
}

.logo-text h2{
    font-size:22px;
    font-weight:700;
    color:#002147;
    line-height:1.15;
    white-space:nowrap;
}

.logo-text p{
    margin-top:3px;
    font-size:14px;
    color:#666666;
    line-height:1.3;
}

/* WordPress Custom Logo */

.custom-logo-link{
    display:flex;
    align-items:center;
}

.custom-logo{
    width:65px !important;
    height:65px !important;
    object-fit:contain;
}