.vr-header{position:sticky;top:0;z-index:50;background:rgba(248,250,252,.78);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid rgba(229,231,235,.75);transition:box-shadow .25s ease,background .25s ease}
.vr-header.is-scrolled{background:rgba(255,255,255,.9);box-shadow:0 12px 34px rgba(17,24,39,.08)}
.vr-header__inner{height:82px;display:flex;align-items:center;gap:30px}
.vr-logo{display:inline-flex;align-items:center;flex:0 0 auto}.vr-logo img{height:46px;display:block}
.vr-nav{display:flex;align-items:center;gap:28px;margin-left:auto}.vr-nav a{font-size:15px;font-weight:400;color:#374151;position:relative;transition:color .2s ease}.vr-nav a:hover{color:var(--primary)}
.vr-nav a:after{content:"";position:absolute;left:50%;bottom:-10px;width:22px;height:2px;border-radius:99px;background:linear-gradient(90deg,var(--primary),var(--secondary));transform:translateX(-50%) scaleX(0);transition:transform .24s ease}.vr-nav a:hover:after{transform:translateX(-50%) scaleX(1)}
.vr-header__actions{display:flex;align-items:center;gap:11px}.vr-lang,.vr-login{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--border);background:#fff;border-radius:13px;padding:11px 13px;font-weight:500;color:#374151;transition:.22s ease}.vr-lang:hover,.vr-login:hover{border-color:rgba(123,77,255,.35);color:var(--primary);transform:translateY(-1px)}
.vr-header__cta{padding-inline:17px}.vr-menu-btn{display:none;background:#fff;border:1px solid var(--border);border-radius:14px;width:46px;height:46px;align-items:center;justify-content:center;flex-direction:column;gap:5px;transition:.22s ease}.vr-menu-btn:hover{border-color:var(--primary);transform:translateY(-1px)}.vr-menu-btn span{width:20px;height:2px;background:var(--dark);border-radius:2px}
.vr-mobile-backdrop{position:fixed;inset:0;background:rgba(17,24,39,.52);z-index:80;opacity:0;pointer-events:none;transition:opacity .25s ease}.vr-mobile-backdrop.is-open{opacity:1;pointer-events:auto}
.vr-mobile-menu{position:fixed;top:0;right:0;width:min(386px,90vw);height:100vh;background:#fff;z-index:90;padding:24px;transform:translateX(105%);transition:transform .34s cubic-bezier(.2,.75,.2,1);box-shadow:-26px 0 70px rgba(17,24,39,.20);display:flex;flex-direction:column}.vr-mobile-menu.is-open{transform:translateX(0)}
.vr-mobile-menu__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.vr-mobile-menu__top img{height:44px}.vr-mobile-menu__top button{font-size:34px;background:transparent;border:0;line-height:1;color:var(--dark)}
.vr-mobile-menu nav{display:grid;gap:8px}.vr-mobile-menu nav a{display:flex;align-items:center;gap:12px;font-weight:500;font-size:17px;padding:14px 10px;border-radius:14px;color:#374151;transition:.2s ease}.vr-mobile-menu nav a:hover{background:rgba(123,77,255,.08);color:var(--primary)}.vr-mobile-menu nav i{width:20px;color:var(--primary)}
.vr-mobile-menu__actions{margin-top:auto;display:grid;gap:12px;padding-top:24px}

/* Phase 10.1.8: Logo orientation refinement
   Venoramed logo source ratio: 196x133. Keep original aspect ratio and control by height. */
.vr-logo,
.vr-logo .custom-logo-link{
    min-width:max-content;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    line-height:0;
}

.vr-logo img,
.vr-logo .custom-logo,
.vr-mobile-menu__top img{
    width:auto!important;
    object-fit:contain;
    object-position:center;
    display:block;
    flex:0 0 auto;
}

.vr-logo img,
.vr-logo .custom-logo{
    height:66px!important;
    max-height:66px!important;
    max-width:112px!important;
}

.vr-mobile-menu__top img{
    height:58px!important;
    max-height:58px!important;
    max-width:98px!important;
}

@media(max-width:1024px){
    .vr-header__inner{height:82px}
    .vr-logo img,
    .vr-logo .custom-logo{
        height:58px!important;
        max-height:58px!important;
        max-width:98px!important;
    }
}

@media(max-width:767px){
    .vr-header__inner{height:76px}
    .vr-logo img,
    .vr-logo .custom-logo{
        height:52px!important;
        max-height:52px!important;
        max-width:88px!important;
    }
    .vr-mobile-menu__top img{
        height:54px!important;
        max-height:54px!important;
        max-width:92px!important;
    }
}

/* Phase 11.0.5: Header menus now read from WordPress Appearance > Menus. */
.vr-menu-list{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:28px}
.vr-menu-list li{margin:0;padding:0;position:relative}
.vr-menu-list a{text-decoration:none}
.vr-nav .vr-menu-list{display:flex;align-items:center;gap:28px}
.vr-nav .menu-item-has-children > a{padding-right:16px}
.vr-nav .menu-item-has-children > a:before{content:"";position:absolute;right:0;top:50%;width:7px;height:7px;border-right:1.7px solid currentColor;border-bottom:1.7px solid currentColor;transform:translateY(-65%) rotate(45deg);opacity:.72}
.vr-nav .sub-menu{list-style:none;margin:0;padding:10px;position:absolute;top:calc(100% + 14px);left:50%;min-width:220px;background:#fff;border:1px solid rgba(229,231,235,.9);border-radius:18px;box-shadow:0 24px 60px rgba(15,23,42,.14);opacity:0;visibility:hidden;transform:translate(-50%,8px);transition:.22s ease;z-index:100;display:grid;gap:4px}
.vr-nav .menu-item-has-children:hover > .sub-menu,
.vr-nav .menu-item-has-children:focus-within > .sub-menu{opacity:1;visibility:visible;transform:translate(-50%,0)}
.vr-nav .sub-menu a{display:block;padding:10px 12px;border-radius:12px;white-space:nowrap;font-size:14px}
.vr-nav .sub-menu a:hover{background:rgba(123,77,255,.08)}
.vr-nav .sub-menu a:after{display:none}
.vr-mobile-menu nav .vr-menu-list{display:grid;gap:8px;width:100%}
.vr-mobile-menu nav .vr-menu-list a{display:flex;align-items:center;gap:12px;font-weight:500;font-size:17px;padding:14px 10px;border-radius:14px;color:#374151;transition:.2s ease}
.vr-mobile-menu nav .vr-menu-list a:hover{background:rgba(123,77,255,.08);color:var(--primary)}
.vr-mobile-menu nav .sub-menu{list-style:none;margin:4px 0 8px 14px;padding:0 0 0 10px;border-left:1px solid rgba(123,77,255,.18);display:grid;gap:4px}
.vr-mobile-menu nav .sub-menu a{font-size:15px;padding:10px 12px}

@media(max-width:1100px){
    .vr-nav{display:none}
    .vr-header__actions{display:none}
    .vr-menu-btn{display:flex;margin-left:auto}
}

/* Phase 11.0.6: Desktop header action buttons compacted into icons.
   Only Add Doctor keeps its text label on desktop. Mobile menu actions remain unchanged. */
@media(min-width:1101px){
    .vr-header__actions{
        gap:8px;
        flex:0 0 auto;
    }
    .vr-header__actions .vr-header-icon-btn{
        width:44px;
        height:44px;
        padding:0!important;
        justify-content:center;
        border-radius:14px;
        flex:0 0 44px;
    }
    .vr-header__actions .vr-header-icon-btn .vr-action-text{
        position:absolute!important;
        width:1px!important;
        height:1px!important;
        padding:0!important;
        margin:-1px!important;
        overflow:hidden!important;
        clip:rect(0,0,0,0)!important;
        white-space:nowrap!important;
        border:0!important;
    }
    .vr-header__actions .vr-header-icon-btn i{
        font-size:15px;
        line-height:1;
    }
    .vr-header__actions .vr-header__cta{
        min-height:44px;
        white-space:nowrap;
        padding-inline:16px;
        flex:0 0 auto;
    }
}