/* SINTESA TKA DIGITAL — V4.12 shared website navigation.
   Scoped to main site header; invitation landing intentionally unchanged. */
body > header.site-header {
  box-sizing:border-box !important;
  width:min(1580px,calc(100% - 68px)) !important;
  min-height:94px !important;height:auto !important;
  margin:0 auto !important;padding:12px 0 !important;
  display:flex !important;align-items:center !important;
  justify-content:space-between !important;gap:20px !important;
  position:relative !important;background:transparent !important;
  border-bottom:0 !important;box-shadow:none !important;
}
body > header.site-header * {box-sizing:border-box}
body > header.site-header .brand {
  display:inline-flex !important;align-items:center !important;gap:10px !important;
  flex:0 0 auto !important;min-width:0 !important;text-decoration:none !important;color:#171717 !important;
}
body > header.site-header .brand-mark {
  flex:0 0 auto;width:46px !important;height:46px !important;
  display:grid !important;place-items:center !important;background:#ed1730 !important;
  border-radius:12px !important;color:white !important;font-size:35px !important;
  font-weight:800 !important;line-height:1 !important;
}
body > header.site-header .brand-name{display:flex !important;flex-direction:column !important;gap:2px !important;font-size:20px !important;line-height:1.08 !important}
body > header.site-header .brand-name b{font-weight:800 !important;color:#151515 !important}
body > header.site-header .brand-name span{font-size:12px !important;color:#171717 !important;letter-spacing:.9px !important}
body > header.site-header .nav-wrap{display:flex !important;align-items:center !important;gap:20px !important;min-height:0 !important;margin-left:auto !important;flex:0 1 auto !important;padding:0 !important}
body > header.site-header .main-nav{
  display:flex !important;flex-direction:row !important;flex-wrap:wrap !important;
  position:static !important;align-items:center !important;justify-content:flex-end !important;
  min-width:0 !important;width:auto !important;margin:0 !important;padding:0 !important;
  gap:5px 19px !important;background:transparent !important;border:none !important;
  box-shadow:none !important;border-radius:0 !important;
}
body > header.site-header .nav-link {
  display:inline-block !important;white-space:nowrap !important;text-align:center !important;
  color:#171717 !important;font-family:inherit !important;font-size:14px !important;
  font-weight:550 !important;line-height:1.35 !important;padding:8px 0 !important;
  border:0 !important;border-bottom:2px solid transparent !important;border-left:0 !important;
  background:transparent !important;cursor:pointer !important;text-decoration:none !important;
}
body > header.site-header .nav-link:hover,
body > header.site-header .nav-link.active,
body > header.site-header .nav-link[aria-current="page"]{color:#008C59 !important}
body > header.site-header .nav-link.active,
body > header.site-header .nav-link[aria-current="page"]{border-bottom-color:#008C59 !important;font-weight:750 !important}
body > header.site-header .product-group{position:relative !important;display:block !important}
body > header.site-header .product-menu{
  display:none !important;position:absolute !important;top:100% !important;left:0 !important;
  z-index:50 !important;min-width:190px !important;width:max-content !important;
  padding:7px !important;margin:0 !important;border:1px solid #CCE6D4 !important;
  border-radius:12px !important;background:#fff !important;box-shadow:0 9px 25px #0d3a2520 !important;
}
body > header.site-header .product-group.open .product-menu{display:grid !important}
body > header.site-header .product-menu a{display:block !important;padding:10px 13px !important;text-decoration:none !important;color:#173b2b !important;font-size:13px !important;white-space:nowrap !important;border-radius:8px !important}
body > header.site-header .product-menu a:hover{background:#F1F7ED !important;color:#008C59 !important}
body > header.site-header .auth-button{
  display:inline-flex !important;align-items:center !important;justify-content:center !important;
  flex:0 0 auto !important;white-space:nowrap !important;cursor:pointer !important;
  padding:10px 13px !important;min-height:37px !important;background:#fff !important;
  color:#008C59 !important;font-size:12px !important;font-weight:750 !important;
  border:1px solid #9BCFB9 !important;border-radius:12px !important;
}
body > header.site-header .menu-button{display:none !important}
body > header.site-header .nav-link[hidden],body > header.site-header .product-group[hidden]{display:none !important}
@media(max-width:1080px){
  body > header.site-header{width:calc(100% - 30px) !important;gap:10px !important}
  body > header.site-header .main-nav{gap:4px 11px !important}
  body > header.site-header .nav-link{font-size:12px !important}
  body > header.site-header .nav-wrap{gap:10px !important}
}
/* Tablet and HP use the same visible two-line (or wrapped) menu; no hamburger. */
@media(max-width:900px){
  body > header.site-header{
    width:calc(100% - 26px) !important;min-height:0 !important;
    display:grid !important;grid-template-columns:minmax(0,1fr) auto !important;
    grid-template-areas:"brand auth" "menu menu" !important;
    gap:9px 8px !important;padding:12px 0 14px !important;
  }
  body > header.site-header .brand{grid-area:brand !important}
  body > header.site-header .nav-wrap{display:contents !important}
  body > header.site-header .auth-button{grid-area:auth !important;justify-self:end !important}
  body > header.site-header .main-nav{
    grid-area:menu !important;position:static !important;display:flex !important;
    width:100% !important;flex-direction:row !important;flex-wrap:wrap !important;
    align-items:center !important;justify-content:center !important;
    gap:3px 15px !important;padding:4px 0 0 !important;
    background:transparent !important;border:0 !important;box-shadow:none !important;
  }
  body > header.site-header .nav-link{font-size:12px !important;padding:5px 0 !important;white-space:nowrap !important}
  body > header.site-header .product-menu{position:absolute !important;top:100% !important;left:50% !important;transform:translateX(-50%) !important;width:max-content !important;min-width:190px !important;max-width:calc(100vw - 32px) !important}
}
@media(max-width:580px){
  body > header.site-header .brand-mark{width:38px !important;height:38px !important;font-size:29px !important;border-radius:10px !important}
  body > header.site-header .brand-name{font-size:17px !important}
  body > header.site-header .brand-name span{font-size:10px !important}
  body > header.site-header .auth-button{font-size:11px !important;padding:7px 10px !important;min-height:34px !important}
  body > header.site-header .main-nav{gap:2px 11px !important}
  body > header.site-header .nav-link{font-size:11px !important;padding:5px 0 !important}
}
@media(max-width:360px){
  body > header.site-header .main-nav{gap:2px 9px !important}
  body > header.site-header .nav-link{font-size:10.5px !important}
}

/* Public release: no authentication UI until OAuth is deployed. */
body > header.site-header .auth-button{display:none!important}