/* =========================================================================
   SV MEDICAL HOSPITAL — HEADER & FOOTER STYLES
   assets/svmh-header.css  (enqueued by the plugin)
   Everything is namespaced under #svmh-header / #svmh-footer so it won't
   collide with the active theme.
   ========================================================================= */
.svmh-skip{position:absolute;left:-9999px;top:0;z-index:11000;background:#0E3A72;color:#fff;padding:12px 18px;border-radius:0 0 10px 0;font:600 14px/1 "Inter",system-ui,sans-serif;text-decoration:none}
.svmh-skip:focus{left:0}
/* Skip-link target — zero-impact, so it can never add space of its own. */
.svmh-content-anchor{display:block;height:0;margin:0;padding:0;border:0}

/* GAP FIX — the theme still outputs its own <header id="site-header">. This
   plugin replaces it, so all that is left is an empty .site-branding wrapped in
   16px top/bottom padding: 32px of dead space between our header and the hero.
   Hide it. (Delete this rule if you ever want the theme's header back.) */
#site-header.site-header{display:none}

/* shared centered container (used by header + footer) */
.svmh-bar__inner{max-width:1280px;margin:0 auto;padding:0 28px;width:100%}

/* =========================================================================
   HEADER — premium deep-navy + gold on soft white
   ========================================================================= */
#svmh-header,#svmh-header *,#svmh-header *::before,#svmh-header *::after{box-sizing:border-box}
#svmh-header{
  /* ---- site colour palette ---- */
  --svmh-navy:#0E3A72;         /* Primary brand — Deep Navy        */
  --svmh-navy-deep:#102A43;    /* Heading — Dark Navy              */
  --svmh-teal:#0F7C82;         /* Secondary — Medical Teal         */
  --svmh-emerald:#18A67C;      /* Accent — Emerald Green           */
  --svmh-gold:#C79A2D;         /* Premium highlight — Gold         */
  --svmh-gold-dark:#A87F1E;    /* Gold, hover                      */
  --svmh-bg:#F8FBFD;           /* Background — Soft White          */
  --svmh-soft:#EEF5F8;         /* Section background — Blue Gray   */
  --svmh-white:#FFFFFF;        /* Cards — Pure White               */
  --svmh-ink:#102A43;          /* Heading text — Dark Navy         */
  --svmh-body:#5F6B7A;         /* Body text — Slate Gray           */
  --svmh-line:#D9E5EC;         /* Borders — Light Gray             */
  --svmh-topbar-h:44px;
  --svmh-shadow:0 14px 34px -20px rgba(14,58,114,.42);
  --svmh-font-display:"Plus Jakarta Sans","Segoe UI",system-ui,-apple-system,Roboto,Helvetica,Arial,sans-serif;
  --svmh-font-body:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;

  /* FLICKER FIX — sticky with a NEGATIVE top offset equal to the utility-bar
     height. The utility bar simply scrolls out of view and the main bar pins
     flush to the viewport. The header's layout height never changes, so
     scrolling triggers no reflow and no feedback loop. */
  position:sticky;top:calc(var(--svmh-topbar-h) * -1);z-index:9990;
  font-family:var(--svmh-font-body);color:var(--svmh-ink);background:var(--svmh-bg);
  /* Sane baseline — some themes push an unusable global line-height (this one
     resolves to 1.7px), which collapses our link boxes and makes text overlap. */
  line-height:1.5;
  border-bottom:1px solid var(--svmh-line);transition:box-shadow .25s ease;
}
/* only a shadow changes on scroll — paint only, never layout */
#svmh-header.is-scrolled{box-shadow:var(--svmh-shadow)}
#svmh-header a{text-decoration:none;color:inherit}
#svmh-header ul{list-style:none;margin:0;padding:0}
#svmh-header button{font-family:inherit;cursor:pointer;border:0;background:none}
#svmh-header svg{display:block}

/* ---- Top utility bar — deep navy with gold hovers ---- */
.svmh-topbar{background:var(--svmh-navy);color:rgba(255,255,255,.88);height:var(--svmh-topbar-h);font-size:13px}
.svmh-topbar__inner{display:flex;align-items:center;justify-content:space-between;height:var(--svmh-topbar-h);gap:18px}
.svmh-topbar__contacts{display:flex;align-items:center;gap:22px;min-width:0}
.svmh-topbar__link{display:inline-flex;align-items:center;gap:8px;color:rgba(255,255,255,.88);white-space:nowrap;transition:color .15s ease}
.svmh-topbar__link:hover{color:var(--svmh-gold)}
.svmh-topbar__link svg{width:15px;height:15px;opacity:.85}
.svmh-topbar__meta{display:flex;align-items:center;gap:20px;white-space:nowrap}
.svmh-topbar__hours{display:inline-flex;align-items:center;gap:8px;color:rgba(255,255,255,.78)}
.svmh-topbar__hours svg{width:15px;height:15px;color:var(--svmh-gold)}
.svmh-topbar__social{display:inline-flex;align-items:center;gap:6px}
.svmh-topbar__social a{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;color:rgba(255,255,255,.85);transition:background .15s ease,color .15s ease}
.svmh-topbar__social a:hover{background:var(--svmh-gold);color:var(--svmh-navy-deep)}
.svmh-topbar__social svg{width:15px;height:15px}

/* ---- Main bar — soft white, fixed height (no scroll resize) ---- */
.svmh-mainbar{position:relative;background:var(--svmh-bg)}
.svmh-mainbar__inner{display:flex;align-items:center;gap:20px;padding:10px 0}

/* ---- Logo ---- */
.svmh-logo{display:inline-flex;align-items:center;gap:13px;margin-right:8px;flex:0 1 auto;min-width:0}
.svmh-logo__img{height:60px;width:auto;max-width:100%;flex:0 0 auto;display:block;transition:transform .25s ease}
.svmh-logo:hover .svmh-logo__img{transform:translateY(-2px)}
.svmh-logo__text{display:flex;flex-direction:column;line-height:1;min-width:0}
.svmh-logo__name{font-family:var(--svmh-font-display);font-weight:800;font-size:21px;letter-spacing:-.02em;color:var(--svmh-ink)}
.svmh-logo__sub{font-size:11px;font-weight:600;letter-spacing:.32em;color:var(--svmh-gold);margin-top:4px}

/* ===== Primary navigation — styles WordPress wp_nav_menu() output ===== */
.svmh-nav{margin-left:auto}
.svmh-nav .svmh-menu-list{display:flex;align-items:center;gap:4px}
.svmh-nav .menu-item{position:relative}
.svmh-nav .menu-item>a{position:relative;display:inline-flex;align-items:center;gap:7px;padding:11px 14px;border-radius:10px;font-size:15px;line-height:1.4;font-weight:600;color:var(--svmh-ink);white-space:nowrap;transition:color .15s ease,background .15s ease}
.svmh-nav .menu-item>a:hover{color:var(--svmh-navy);background:var(--svmh-soft)}
.svmh-nav .current-menu-item>a,.svmh-nav .current_page_item>a,.svmh-nav .current-menu-ancestor>a{color:var(--svmh-navy)}
/* gold underline indicator on the top-level items only */
.svmh-nav .svmh-menu-list>.menu-item>a::before{content:"";position:absolute;left:14px;right:14px;bottom:4px;height:2px;border-radius:2px;background:var(--svmh-gold);transform:scaleX(0);transition:transform .22s ease}
.svmh-nav .svmh-menu-list>.menu-item>a:hover::before,
.svmh-nav .svmh-menu-list>.current-menu-item>a::before,
.svmh-nav .svmh-menu-list>.current_page_item>a::before,
.svmh-nav .svmh-menu-list>.current-menu-ancestor>a::before{transform:scaleX(1)}
.svmh-nav .menu-item-has-children>a::after{content:"";width:7px;height:7px;margin-top:-2px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);opacity:.6;transition:transform .2s ease,margin-top .2s ease}
.svmh-nav .menu-item-has-children:hover>a::after,.svmh-nav .menu-item-has-children:focus-within>a::after{transform:rotate(-135deg);margin-top:2px}
.svmh-nav .sub-menu{position:absolute;top:calc(100% + 12px);left:0;min-width:250px;background:var(--svmh-white);border:1px solid var(--svmh-line);border-top:3px solid var(--svmh-gold);border-radius:14px;box-shadow:var(--svmh-shadow);padding:10px;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .2s ease,transform .2s ease,visibility .2s;z-index:20}
.svmh-nav .sub-menu::before{content:"";position:absolute;top:-14px;left:0;right:0;height:14px}
.svmh-nav .menu-item-has-children:hover>.sub-menu,.svmh-nav .menu-item-has-children:focus-within>.sub-menu{opacity:1;visibility:visible;transform:translateY(0)}
.svmh-nav .sub-menu a{display:flex;align-items:center;gap:11px;padding:11px 13px;border-radius:10px;font-size:14.5px;font-weight:500;color:var(--svmh-body);transition:background .14s ease,color .14s ease}
.svmh-nav .sub-menu a::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--svmh-gold);flex:0 0 auto}
.svmh-nav .sub-menu a:hover{background:var(--svmh-soft);color:var(--svmh-navy)}

/* ---- Actions ---- */
.svmh-actions{display:flex;align-items:center;gap:10px;flex:0 0 auto;margin-left:8px}
.svmh-btn{display:inline-flex;align-items:center;gap:9px;padding:13px 20px;border-radius:12px;font-size:14.5px;font-weight:700;line-height:1;transition:transform .15s ease,box-shadow .2s ease,background .15s ease}
.svmh-btn svg{width:17px;height:17px}
/* gold CTA with dark-navy label — the "premium highlight" of the header */
.svmh-btn--primary{background:var(--svmh-gold);box-shadow:0 10px 22px -12px rgba(199,154,45,.9)}
.svmh-btn--primary:hover{background:var(--svmh-gold-dark);transform:translateY(-2px);box-shadow:0 14px 28px -12px rgba(199,154,45,.95)}
/* hold the Book Appointment label + icon in dark navy over any theme styles */
#svmh-header .svmh-btn--primary,
#svmh-header .svmh-btn--primary:link,
#svmh-header .svmh-btn--primary:visited,
#svmh-header .svmh-btn--primary:hover,
#svmh-header .svmh-btn--primary:focus,
#svmh-header .svmh-btn--primary:active{color:var(--svmh-navy-deep) !important}
#svmh-header .svmh-btn--primary svg{color:var(--svmh-navy-deep) !important;stroke:var(--svmh-navy-deep) !important}

/* burger + drawer close share one identical navy/gold treatment */
.svmh-burger{display:none;width:46px;height:46px;border-radius:12px;place-items:center}
#svmh-header .svmh-burger,
#svmh-header .svmh-drawer__close{background:var(--svmh-navy);color:#fff;transition:background .15s ease,color .15s ease}
#svmh-header .svmh-burger:hover,
#svmh-header .svmh-drawer__close:hover{background:var(--svmh-gold);color:var(--svmh-navy-deep)}
.svmh-burger svg{width:24px;height:24px}

/* ---- Mobile overlay + drawer ---- */
.svmh-overlay{position:fixed;inset:0;background:rgba(16,42,67,.5);backdrop-filter:blur(2px);opacity:0;transition:opacity .3s ease;z-index:9995}
#svmh-header.svmh-nav-open .svmh-overlay{opacity:1}
.svmh-drawer{position:fixed;top:0;right:0;height:100%;width:min(380px,88vw);background:var(--svmh-bg);z-index:10000;transform:translateX(105%);transition:transform .34s cubic-bezier(.4,0,.1,1);display:flex;flex-direction:column;box-shadow:-20px 0 50px -25px rgba(14,58,114,.5)}
#svmh-header.svmh-nav-open .svmh-drawer{transform:translateX(0)}
.svmh-drawer__head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border-bottom:1px solid var(--svmh-line)}
.svmh-drawer__head .svmh-logo__img{height:46px}
.svmh-drawer__close{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;flex:0 0 auto}
.svmh-drawer__close svg{width:22px;height:22px}
.svmh-drawer__body{flex:1;overflow-y:auto;padding:16px 16px 8px}
.svmh-drawer__search{display:flex;align-items:center;gap:10px;background:var(--svmh-soft);border:1px solid var(--svmh-line);border-radius:12px;padding:0 12px;margin-bottom:14px}
.svmh-drawer__search svg{width:18px;height:18px;color:var(--svmh-body)}
.svmh-drawer__search input{flex:1;height:46px;border:0;background:none;outline:none;font:500 15px/1 var(--svmh-font-body);color:var(--svmh-ink)}

/* drawer nav (same WordPress menu, vertical + accordions) */
.svmh-drawer__nav .menu-item{position:relative}
.svmh-drawer__nav .menu-item>a{display:block;padding:14px;border-radius:12px;font-size:16px;font-weight:600;color:var(--svmh-ink)}
.svmh-drawer__nav .menu-item>a:hover{background:var(--svmh-soft);color:var(--svmh-navy)}
.svmh-acc-toggle{position:absolute;top:3px;right:0;width:48px;height:48px;display:grid;place-items:center;border-radius:11px;color:var(--svmh-body)}
.svmh-acc-toggle:hover{color:var(--svmh-navy)}
.svmh-acc-toggle svg{width:18px;height:18px;transition:transform .25s ease}
.svmh-drawer__nav .menu-item-has-children.is-open>.svmh-acc-toggle svg{transform:rotate(180deg)}
.svmh-drawer__nav .menu-item-has-children.is-open>a{color:var(--svmh-navy)}
.svmh-drawer__nav .sub-menu{max-height:0;overflow:hidden;transition:max-height .32s ease}
.svmh-drawer__nav .menu-item-has-children.is-open>.sub-menu{max-height:640px}
.svmh-drawer__nav .sub-menu a{display:block;padding:11px 14px 11px 28px;border-radius:10px;font-size:14.5px;font-weight:500;color:var(--svmh-body)}
.svmh-drawer__nav .sub-menu a:hover{background:var(--svmh-soft);color:var(--svmh-navy)}

.svmh-drawer__foot{padding:16px 16px 22px;border-top:1px solid var(--svmh-line);display:flex;flex-direction:column;gap:10px}
.svmh-drawer__foot .svmh-btn{justify-content:center;width:100%}
.svmh-drawer__contact{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:6px;font-size:13px;color:var(--svmh-body)}
.svmh-drawer__contact a{display:inline-flex;align-items:center;gap:7px;color:var(--svmh-body)}
.svmh-drawer__contact svg{width:14px;height:14px;color:var(--svmh-navy)}

/* ===== Header responsive ===== */
@media (max-width:1200px){
  .svmh-logo__img{height:54px}
  .svmh-nav .svmh-menu-list{gap:2px}
  .svmh-nav .menu-item>a{padding:10px 11px;font-size:14.5px}
  .svmh-nav .svmh-menu-list>.menu-item>a::before{left:11px;right:11px}
}
@media (max-width:1024px){
  .svmh-nav,.svmh-appoint{display:none}
  .svmh-burger{display:grid}
  .svmh-actions{margin-left:auto}
  .svmh-logo__img{height:50px}
}
@media (max-width:880px){
  .svmh-topbar__email{display:none}
}
@media (max-width:768px){
  .svmh-logo__img{height:46px}
  .svmh-topbar__hours{display:none}
}
@media (max-width:560px){
  .svmh-bar__inner{padding:0 16px}
  .svmh-logo__img{height:44px}
}
@media (max-width:480px){
  .svmh-topbar__social{display:none}
  .svmh-topbar__inner{justify-content:center}
}
@media (max-width:400px){
  .svmh-logo__img{height:40px}
}

/* =========================================================================
   FOOTER
   ========================================================================= */
#svmh-footer,#svmh-footer *,#svmh-footer *::before,#svmh-footer *::after{box-sizing:border-box}
#svmh-footer{
  --f-bg:#102A43;        /* Dark Navy — same ink as the header headings */
  --f-bg2:#0B1F33;       /* deeper navy for the legal bar              */
  --f-navy:#0E3A72;      /* Deep Navy — primary brand                  */
  --f-head:#ffffff;
  --f-text:rgba(255,255,255,.78);
  --f-line:rgba(255,255,255,.12);
  --f-accent:#C79A2D;    /* Gold — premium highlight                   */
  --f-emergency:#FF6B6B;
  font-family:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  background:var(--f-bg);color:var(--f-text);
  /* same guard as the header — the theme's global line-height is unusable */
  line-height:1.5;
}
#svmh-footer a{color:inherit;text-decoration:none}
#svmh-footer ul{list-style:none;margin:0;padding:0}
#svmh-footer svg{display:block}

.svmh-foot__main{border-top:3px solid var(--f-accent);padding:58px 0 42px}
.svmh-foot__grid{display:grid;grid-template-columns:1.7fr 1fr 1fr 1.5fr;gap:44px}

.svmh-foot__logo{display:inline-block;line-height:0}
.svmh-foot__logo img{height:96px;width:auto;max-width:100%;display:block}
.svmh-foot__about{margin:18px 0 0;font-size:14.5px;line-height:1.7;color:var(--f-text);max-width:340px}
.svmh-foot__social{display:flex;gap:10px;margin-top:22px}
.svmh-foot__social a{width:40px;height:40px;display:grid;place-items:center;border-radius:10px;background:rgba(255,255,255,.08);color:#fff;transition:background .15s ease,transform .15s ease}
.svmh-foot__social a:hover{background:var(--f-accent);color:#102A43;transform:translateY(-2px)}
.svmh-foot__social svg{width:18px;height:18px}

#svmh-footer .svmh-foot__col h3{margin:0 0 20px;font-family:"Plus Jakarta Sans",system-ui,sans-serif;font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#fff !important}
.svmh-foot__menu{display:flex;flex-direction:column;gap:12px}
.svmh-foot__menu a{display:inline-flex;align-items:center;gap:10px;font-size:14.5px;color:#fff;transition:color .15s ease,padding-left .15s ease}
.svmh-foot__menu a::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--f-accent);opacity:.65;flex:0 0 auto;transition:opacity .15s ease}
.svmh-foot__menu a:hover{color:#fff;padding-left:3px}
.svmh-foot__menu a:hover::before{opacity:1}

.svmh-foot__contact{display:flex;flex-direction:column;gap:15px}
.svmh-foot__contact li{display:flex;align-items:flex-start;gap:12px;font-size:14.5px;line-height:1.55;color:#fff}
.svmh-foot__contact svg{width:18px;height:18px;color:var(--f-accent);flex:0 0 auto;margin-top:1px}
.svmh-foot__contact a{transition:color .15s ease}
.svmh-foot__contact a:hover{color:#fff}
.svmh-foot__emergency{display:inline-flex;align-items:center;gap:12px;margin-top:20px;padding:11px 16px;border-radius:13px;background:rgba(255,107,107,.12);border:1px solid rgba(255,107,107,.42);color:#fff;transition:background .15s ease}
.svmh-foot__emergency:hover{background:rgba(255,107,107,.2)}
.svmh-foot__emergency svg{width:20px;height:20px;color:#fff;flex:0 0 auto}
.svmh-foot__emergency-text{display:flex;flex-direction:column;line-height:1.15}
.svmh-foot__emergency-text small{font-size:10.5px;font-weight:500;letter-spacing:.07em;text-transform:uppercase;color:rgba(255,255,255,.72)}
.svmh-foot__emergency-text strong{font-size:18px;font-weight:800;color:#fff;letter-spacing:.01em}

.svmh-foot__bar{background:var(--f-bg2);border-top:1px solid var(--f-line)}
.svmh-foot__barinner{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:18px 0;font-size:13px;color:rgba(255,255,255,.62)}
.svmh-foot__legal{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.svmh-foot__legal a{color:rgba(255,255,255,.62);transition:color .15s ease}
.svmh-foot__legal a:hover{color:#fff}
.svmh-totop{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:10px;border:0;cursor:pointer;font:600 13px/1 "Inter",system-ui,sans-serif;color:#fff;background:rgba(255,255,255,.07);transition:background .15s ease,color .15s ease}
.svmh-totop:hover{background:var(--f-accent);color:#102A43}
.svmh-totop svg{width:15px;height:15px}

/* ===== Footer responsive ===== */
@media (max-width:980px){
  .svmh-foot__grid{grid-template-columns:1fr 1fr;gap:34px 40px}
  .svmh-foot__brand{grid-column:1 / -1}
  .svmh-foot__about{max-width:none}
}
@media (max-width:600px){
  .svmh-foot__grid{grid-template-columns:1fr;gap:30px}
  .svmh-foot__main{padding:44px 0 34px}
  .svmh-foot__barinner{flex-direction:column;align-items:flex-start;gap:14px}
}

/* ===== Reduced motion ===== */
@media (prefers-reduced-motion:reduce){
  #svmh-header *,#svmh-footer *,.svmh-overlay,.svmh-drawer{transition:none !important;animation:none !important}
}