/* Shared header + footer for every page of tryplasticsurgery.com.
   Loaded after each page's own <style>, so these rules win. Source of the
   markup: scripts/site_chrome.py. */
:root{--c-bg:#071628;--c-bg-alt:#0A1E33;--c-surface:#0E2A44;--c-primary:#45E3FF;--c-text:#F2F8FB;--c-text-2:#9FC3D2;--c-text-3:#6E8C9B;--c-border:#1A3A57}

nav.site-nav{position:sticky;top:0;left:auto;right:auto;z-index:100;background:rgba(7,22,40,.88);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid var(--c-border);padding:0 24px;font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif}
nav.site-nav .nav-inner{max-width:1100px;margin:0 auto;display:flex;align-items:center;height:64px;gap:14px}
nav.site-nav .brand{display:flex;align-items:center;gap:10px;color:var(--c-text);font-weight:600;font-size:1rem;text-decoration:none;white-space:nowrap;flex-shrink:0}
nav.site-nav .brand img{width:32px;height:32px;border-radius:8px;display:block}
nav.site-nav .brand span{font-weight:600;font-size:1rem;color:var(--c-text);letter-spacing:0}
nav.site-nav .nav-menu{display:flex;align-items:center;gap:14px;flex:1;min-width:0}
nav.site-nav .nav-link{color:var(--c-text-2);text-decoration:none;font-size:.88rem;font-weight:600;padding:8px 14px;border-radius:10px;transition:color .18s,background .18s;white-space:nowrap}
nav.site-nav .nav-link:hover{color:var(--c-text);background:rgba(255,255,255,.06)}
nav.site-nav .nav-link[aria-current="page"]{color:var(--c-text)}
nav.site-nav .nav-cta{margin-left:auto;display:inline-flex;align-items:center;background:linear-gradient(135deg,#45E3FF,#19A7CE);color:#071628;padding:9px 18px;border-radius:11px;font-size:.86rem;font-weight:700;text-decoration:none;box-shadow:0 4px 18px rgba(69,227,255,.22);transition:transform .15s,box-shadow .2s;white-space:nowrap}
nav.site-nav .nav-cta:hover{transform:translateY(-1px);box-shadow:0 7px 24px rgba(69,227,255,.34);color:#071628}
nav.site-nav .nav-lang{position:relative;display:flex;align-items:center;margin-left:auto}
nav.site-nav .nav-lang + .nav-cta{margin-left:0}
nav.site-nav .nav-lang .globe{position:absolute;left:11px;width:15px;height:15px;color:var(--c-text-2);pointer-events:none}
nav.site-nav .lang-select{appearance:none;-webkit-appearance:none;background:rgba(255,255,255,.05) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239FC3D2' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 11px center/13px;color:var(--c-text);border:1px solid var(--c-border);border-radius:10px;padding:8px 30px 8px 33px;font:inherit;font-size:.83rem;font-weight:600;cursor:pointer}
nav.site-nav .lang-select:hover,nav.site-nav .lang-select:focus-visible{border-color:var(--c-primary);outline:none}
html[dir="rtl"] nav.site-nav .lang-select{padding:8px 33px 8px 30px;background-position:left 11px center}
html[dir="rtl"] nav.site-nav .nav-lang .globe{left:auto;right:11px}
nav.site-nav .nav-toggle{display:none;margin-left:auto;width:42px;height:42px;border:1px solid var(--c-border);border-radius:10px;background:rgba(255,255,255,.04);cursor:pointer;padding:0;align-items:center;justify-content:center;flex-direction:column;gap:5px}
nav.site-nav .nav-toggle span{display:block;width:18px;height:2px;background:var(--c-text);border-radius:2px;transition:transform .2s,opacity .2s}
nav.site-nav .nav-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
nav.site-nav .nav-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
nav.site-nav .nav-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

@media (max-width:760px){
  nav.site-nav .nav-toggle{display:flex}
  nav.site-nav .nav-menu{display:none;position:absolute;left:0;right:0;top:64px;flex-direction:column;align-items:stretch;gap:4px;padding:12px 16px 16px;background:rgba(7,22,40,.97);border-bottom:1px solid var(--c-border);box-shadow:0 20px 40px rgba(0,0,0,.4)}
  nav.site-nav .nav-menu.open{display:flex}
  nav.site-nav .nav-link{padding:12px 14px;font-size:1rem}
  nav.site-nav .nav-lang{margin:6px 0 4px;width:100%}
  nav.site-nav .lang-select{width:100%}
  nav.site-nav .nav-cta{margin:8px 0 0;justify-content:center;padding:12px 18px;font-size:.95rem}
  nav.site-nav .brand span{font-size:.95rem}
}

footer.site-footer{background:var(--c-bg-alt);border-top:1px solid var(--c-border);padding:40px 24px 34px;text-align:center;margin-top:0;font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif}
footer.site-footer .flinks{display:flex;gap:6px 22px;justify-content:center;margin-bottom:22px;flex-wrap:wrap}
footer.site-footer .flinks a{color:var(--c-text-2);font-size:.88rem;text-decoration:none;transition:color .18s}
footer.site-footer .flinks a:hover{color:var(--c-primary)}
footer.site-footer .fbadges{display:flex;justify-content:center;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:22px}
footer.site-footer .fbadges img{display:block;height:54px;width:auto}
footer.site-footer .fcopy{color:var(--c-text-3);font-size:.8rem;margin:0}
footer.site-footer .fdisc{margin-top:8px;font-size:.72rem}