/* Shared Madilu V2 header, navigation and accessible dropdowns */
:root{--madilu-blue:#287B9C;--madilu-rose:#B96789}
.clinic-topbar{position:relative!important;background:#fbf7fa!important;color:#17384a!important;z-index:1100!important}
.clinic-topbar .topbar-inner{max-width:1220px!important;margin:0 auto!important;min-height:42px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;padding:4px 18px!important}
.clinic-topbar .topbar-contacts{display:flex!important;align-items:center!important;gap:18px!important;flex-wrap:wrap!important;font-family:'DM Sans',sans-serif!important;font-weight:600!important}
.clinic-topbar .topbar-social{background:transparent!important;color:#17384a!important;clip-path:none!important;display:flex!important;align-items:center!important;gap:14px!important;padding:0!important;font-weight:600!important}
.clinic-topbar .topbar-social *{color:#17384a!important}
header.site-header{position:sticky!important;top:0!important;z-index:1090!important;background:#fff!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:24px!important;max-width:none!important;min-height:90px!important;padding:12px max(24px,calc((100vw - 1220px)/2))!important;box-sizing:border-box!important;box-shadow:0 4px 20px rgba(21,48,63,.06)!important}
header.site-header .logo{display:flex!important;align-items:center!important;gap:10px!important;flex-shrink:0!important;min-width:0!important}
header.site-header .madilu-brand-mark{width:54px!important;height:54px!important;object-fit:contain!important;flex-shrink:0!important}
header.site-header nav{display:flex!important;align-items:center!important;justify-content:center!important;gap:24px!important;position:static!important;opacity:1!important;visibility:visible!important;transform:none!important;flex-wrap:nowrap!important}
header.site-header .nav-dropdown{position:relative!important;display:block!important}
header.site-header .nav-dropdown>.dropdown-panel{display:block!important;position:absolute!important;top:100%!important;left:0!important;margin-top:0!important;padding-top:12px!important;min-width:240px!important;background:white!important;border:1px solid #edf0f2!important;border-radius:12px!important;box-shadow:0 16px 36px rgba(18,49,65,.13)!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translateY(8px)!important;transition:opacity .2s,transform .2s,visibility .2s!important;z-index:1200!important;max-height:min(72vh,650px)!important;overflow-y:auto!important}
header.site-header .nav-dropdown:hover>.dropdown-panel,header.site-header .nav-dropdown:focus-within>.dropdown-panel,header.site-header .nav-dropdown.dropdown-open>.dropdown-panel{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translateY(0)!important}
header.site-header .dropdown-panel a{display:block!important;padding:9px 15px!important;white-space:normal!important}
header.site-header .nav-appointment{white-space:nowrap!important;flex-shrink:0!important}
header.site-header .madilu-menu-toggle{display:none!important}
/* Brand-color inversion on hover, with transitions */
a.btn,button.btn,.nav-appointment,.btn-primary,.btn-secondary,button[type=submit],a[class*="button"],button[class*="button"]{transition:background-color .25s ease,color .25s ease,border-color .25s ease,transform .25s ease!important}
.nav-appointment,.btn-primary,a.btn:not(.btn-secondary){background-color:var(--madilu-blue)!important;color:white!important;border-color:var(--madilu-blue)!important}
.nav-appointment:hover,.btn-primary:hover,a.btn:not(.btn-secondary):hover{background-color:var(--madilu-rose)!important;border-color:var(--madilu-rose)!important;color:white!important}
.btn-secondary{background-color:var(--madilu-rose)!important;border-color:var(--madilu-rose)!important;color:white!important}
.btn-secondary:hover{background-color:var(--madilu-blue)!important;border-color:var(--madilu-blue)!important;color:white!important}
@media(max-width:1020px){header.site-header{min-height:76px!important;padding:10px 20px!important;flex-wrap:wrap!important}header.site-header .madilu-menu-toggle{display:block!important;margin-left:auto!important;background:#fff!important;color:#287B9C!important;border:1px solid #d5e4ea!important;border-radius:8px!important;padding:7px 12px!important}header.site-header nav{display:none!important;order:4!important;flex-basis:100%!important;flex-direction:column!important;align-items:stretch!important;gap:4px!important}header.site-header.menu-open nav{display:flex!important}header.site-header .nav-dropdown>.dropdown-panel{position:static!important;max-height:none!important;display:none!important;box-shadow:none!important;transform:none!important;padding:4px!important;border:0!important}header.site-header .nav-dropdown.dropdown-open>.dropdown-panel{display:block!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important}header.site-header .nav-appointment{margin-left:auto!important}.clinic-topbar .topbar-inner{flex-wrap:wrap!important;justify-content:center!important}.clinic-topbar .topbar-contacts{justify-content:center!important}}
@media(max-width:600px){header.site-header .madilu-brand-mark{width:43px!important;height:43px!important}.clinic-topbar .topbar-contacts{font-size:11px!important;gap:8px!important}.clinic-topbar .topbar-social{font-size:11px!important}header.site-header .nav-appointment{font-size:11px!important;padding:10px!important}}