/* Header refinement overrides (CSS-first; keeps existing structure/responsive). */

:root{
    --xweb-header-bg: rgba(255, 255, 255, .92);
    --xweb-header-border: rgba(15, 26, 31, .06);
    --xweb-header-shadow: 0 10px 40px rgba(15, 26, 31, .08);
    --xweb-header-text: #273244;
}

/* Desktop / laptop refinements */
@media (min-width: 992px){
    /* Topbar: cleaner + less "template-y" */
    .topbarBG{
        border-radius: 18px;
        padding: 0 28px 0 42px;
        margin: 10px 0;
    }
    .tpdesc p{
        font-size: 12px;
        font-weight: 600;
        letter-spacing: -.01em;
        border-right: 1px solid rgba(255, 255, 255, .45);
        padding: 10px 16px;
    }
    .tpdesc p:last-child{
        padding-right: 0;
    }
    .tosocial a{
        font-size: 15px;
        margin-left: 18px;
        opacity: .95;
    }
    .tosocial a:hover{
        opacity: 1;
    }

    /* Nav: lighter, tighter, better aligned */
    .navBar01{
        background: var(--xweb-header-bg);
        border-color: var(--xweb-header-border);
        box-shadow: var(--xweb-header-shadow);
        border-radius: 0 0 18px 18px;
        padding: 0 28px;
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
    }
    .header01 .logo{
        display: flex;
        align-items: center;
        height: 78px;
        line-height: 1;
    }
    .header01 .logo img{
        height: 62px;
        width: auto;
    }
    .logo:after{
        right: -22px;
        top: 50%;
        height: 56px;
        transform: translateY(-50%);
        background: rgba(15, 26, 31, .08);
    }

    /* Menu typography + spacing */
    .mainMenu{
        margin-left: 48px;
    }
    .mainMenu ul li{
        padding: 26px 0;
        margin: 0 22px 0 0;
    }
    .mainMenu ul li a{
        font-size: 15px;
        font-weight: 600;
        letter-spacing: -.01em;
        text-transform: none;
        color: var(--xweb-header-text);
        padding: 0 2px;
    }
    .mainMenu > ul > li > a:before{
        height: 3px;
        bottom: -6px;
        border-radius: 3px;
        background: rgba(42, 169, 82, .18);
    }
    .mainMenu ul li:hover > a,
    .mainMenu ul li.current-menu-item > a,
    .mainMenu ul li.current > a{
        color: var(--theme-color);
    }
}

/* Sticky header polish */
@media (min-width: 992px){
    .header01.fixedHeader .navBar01{
        box-shadow: 0 10px 34px rgba(15, 26, 31, .10);
        border-radius: 0 0 16px 16px;
    }
    .header01.fixedHeader .logo img{
        height: 56px;
    }
    .header01.fixedHeader .mainMenu > ul > li{
        padding: 22px 0;
    }
    .header01.fixedHeader .logo::after{
        height: 50px;
    }
}

/* Touch up tablet/mobile without changing behavior */
@media (max-width: 991.98px){
    .navBar01{
        box-shadow: 0 10px 34px rgba(15, 26, 31, .10);
        border-color: rgba(15, 26, 31, .06);
    }
}