/* =====================================================
   CarolinaHomesPro Header v1.0
===================================================== */

/* ---------- Header ---------- */

.chp-header{
    position:sticky;
    top:0;
    z-index:999;
    background:#ffffff;
    border-bottom:1px solid #E5E7EB;
    box-shadow:0 2px 12px rgba(0,0,0,.05);
}

/* ---------- Container ---------- */

.chp-header .chp-container{

    max-width:1200px;

    margin:auto;

    padding:16px 20px;

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:40px;

}

/* ---------- Logo ---------- */

.chp-logo{

    flex-shrink:0;

}

.chp-logo a{

    text-decoration:none;

    font-size:30px;

    font-weight:800;

    color:#12355B;

}

.chp-logo .green{

    color:#16A34A;

}

.chp-logo img{

    max-height:55px;

    width:auto;

}

/* ---------- Navigation ---------- */

.chp-navigation{

    flex:1;

}

.chp-menu{

    display:flex;

    justify-content:center;

    align-items:center;

    list-style:none;

    margin:0;

    padding:0;

    gap:8px;

}

.chp-menu li{

    position:relative;

}

.chp-menu li a{

    display:block;

    padding:12px 18px;

    color:#1F2937;

    font-weight:600;

    border-radius:8px;

    transition:.25s;

}

.chp-menu li a:hover{

    background:#F3F4F6;

    color:#2563EB;

}

/* ---------- Current Menu ---------- */

.current-menu-item>a{

    color:#12355B;

}

/* ---------- CTA ---------- */

.chp-actions{

    flex-shrink:0;

}

.chp-quote-btn{

    display:inline-block;

    background:#16A34A;

    color:#fff;

    padding:14px 24px;

    border-radius:10px;

    font-weight:700;

    transition:.3s;

    box-shadow:0 6px 20px rgba(22,163,74,.25);

}

.chp-quote-btn:hover{

    background:#15803D;

    color:#fff;

    transform:translateY(-2px);

}

/* ---------- Dropdown ---------- */

.chp-menu ul{

    display:none;

    position:absolute;

    top:100%;

    left:0;

    background:#fff;

    min-width:240px;

    border-radius:10px;

    box-shadow:0 10px 30px rgba(0,0,0,.08);

    padding:12px 0;

    list-style:none;

    z-index:999;

}

.chp-menu li:hover>ul{

    display:block;

}

.chp-menu ul li{

    width:100%;

}

.chp-menu ul li a{

    padding:12px 18px;

}

/* ---------- Mobile ---------- */

.mobile-toggle{

    display:none;

}

/* ---------- Responsive ---------- */

@media(max-width:992px){

.chp-header .chp-container{

flex-wrap:wrap;

gap:20px;

}

.chp-navigation{

order:3;

width:100%;

}

.chp-menu{

flex-wrap:wrap;

justify-content:flex-start;

}

}

@media(max-width:768px){

.chp-header .chp-container{

padding:15px;

}

.chp-logo a{

font-size:24px;

}

.chp-menu{

flex-direction:column;

align-items:flex-start;

gap:4px;

}

.chp-menu li{

width:100%;

}

.chp-menu li a{

width:100%;

}

.chp-actions{

width:100%;

}

.chp-quote-btn{

display:block;

text-align:center;

}

}

/* =========================================================
   MODERN HEADER NAVIGATION
========================================================= */

.site-header,
.chp-header {
    background: #ffffff;
    border-bottom: 1px solid #e8edf3;
    box-shadow: 0 4px 18px rgba(15, 23, 42, 0.04);
}

/* Navigation container */
.main-navigation ul,
.chp-nav ul {
    display: flex;
    align-items: center;
    gap: 8px;
}

/* Navigation links */
.main-navigation a,
.chp-nav a {
    position: relative;
    display: inline-flex;
    align-items: center;
    padding: 10px 14px;
    border-radius: 9px;

    color: #1e293b !important;
    font-size: 16px;
    font-weight: 600;
    line-height: 1;

    text-decoration: none !important;

    transition:
        background-color .2s ease,
        color .2s ease,
        transform .2s ease;
}

/* Hover */
.main-navigation a:hover,
.chp-nav a:hover {
    background: #f0fdf4;
    color: #15803d !important;
    transform: translateY(-1px);
}

/* Current page */
.main-navigation .current-menu-item > a,
.chp-nav .current-menu-item > a {
    background: #ecfdf3;
    color: #15803d !important;
}

/* Remove old underline styles */
.main-navigation a::before,
.main-navigation a::after,
.chp-nav a::before,
.chp-nav a::after {
    text-decoration: none !important;
}


/* LOGO */

.site-logo img,
.chp-logo img {
    max-height: 48px;
    width: auto;
}


/* HEADER SPACING */

.chp-header .chp-container {
    min-height: 72px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 12px;
    padding-bottom: 12px;
}