.tiger-language-switch{display:inline-flex;align-items:center;gap:5px;min-height:34px;padding:4px 8px;border:1px solid rgba(16,31,154,.18);border-radius:999px;background:rgba(255,255,255,.96);box-shadow:0 5px 16px rgba(20,28,50,.08);color:#687080;font-size:.72rem;font-weight:850;white-space:nowrap;z-index:90}
.tiger-language-switch button{border:0;padding:5px 7px;border-radius:999px;background:transparent;color:#596171;font:inherit;cursor:pointer}
.tiger-language-switch button.active{background:#101f9a;color:#fff}
.site-header .tiger-language-switch{margin-left:9px}
.admin-topbar .tiger-language-switch{margin-right:4px}
.tiger-language-switch.tiger-language-floating{position:fixed;top:12px;right:12px;z-index:1600}
@media(max-width:900px){.nav-shell>.tiger-language-switch{position:absolute;right:66px;top:50%;transform:translateY(-50%)}}
@media(max-width:720px){.admin-topbar .tiger-language-switch{position:fixed;right:12px;bottom:12px;z-index:1200}}

/* TIGER TRIBE MINI LANGUAGE UTILITY V12.2
   Loaded after styles.css so bilingual header fit wins even if the
   browser/custom domain still has an older copy of the main stylesheet. */
@media (min-width:781px) {
  .site-header .nav-shell {
    width:min(1500px,calc(100% - 22px));
    min-height:70px;
    gap:7px;
  }

  .site-header .brand {
    flex:0 0 auto;
  }

  .site-header .brand img {
    width:56px;
    height:56px;
  }

  .site-header nav {
    flex:1 1 auto;
    min-width:0;
    justify-content:flex-end;
    gap:1px;
  }

  .site-header nav a {
    flex:0 0 auto;
    white-space:nowrap !important;
    font-size:clamp(.68rem,.74vw,.80rem);
    line-height:1;
    padding:9px 7px;
  }

  .site-header nav .nav-cta {
    white-space:nowrap !important;
    padding:10px 13px;
    border-radius:999px;
  }

  .site-header .tiger-language-switch {
    position:static;
    flex:0 0 auto;
    min-width:63px;
    min-height:28px;
    height:28px;
    margin-left:5px;
    padding:2px 4px;
    gap:1px;
    border-color:rgba(255,255,255,.18);
    background:rgba(255,255,255,.96);
    box-shadow:none;
    font-size:.58rem;
    font-weight:900;
    line-height:1;
  }

  .site-header .tiger-language-switch button {
    min-width:23px;
    padding:4px 5px;
    line-height:1;
  }

  .site-header .tiger-language-switch span {
    font-size:.55rem;
    opacity:.58;
  }
}

@media (min-width:781px) and (max-width:1100px) {
  .site-header .nav-shell {
    width:calc(100% - 14px);
    gap:4px;
  }

  .site-header .brand img {
    width:49px;
    height:49px;
  }

  .site-header nav a {
    font-size:.65rem;
    padding:8px 5px;
  }

  .site-header nav .nav-cta {
    padding-inline:9px;
  }

  .site-header .tiger-language-switch {
    min-width:58px;
    margin-left:2px;
    font-size:.55rem;
  }
}

/* TIGER TRIBE CENTERED DESKTOP NAV V12.3
   Balanced desktop header:
   logo left | navigation centered | EN/ES right. */
@media (min-width:1101px) {
  .site-header .nav-shell {
    display:grid;
    grid-template-columns:72px minmax(0,1fr) 72px;
    align-items:center;
    column-gap:8px;
    width:min(1500px,calc(100% - 22px));
  }

  .site-header .brand {
    grid-column:1;
    justify-self:start;
  }

  .site-header .menu-toggle {
    display:none;
  }

  .site-header nav {
    grid-column:2;
    justify-self:center;
    width:max-content;
    max-width:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:2px;
  }

  .site-header .tiger-language-switch {
    grid-column:3;
    justify-self:end;
    margin-left:0;
  }
}

/* TIGER TROT SCHOOL BRAND V16
   Keep Tiger Tribe as the PTO brand in the header while placing the
   requested Gulf Gate School K-8 logo in the public/preview hero. */
.tt-logo-disc img{
  content:url('/assets/gulf-gate-school-logo.svg');
  width:82% !important;
  height:82% !important;
  object-fit:contain !important;
  border-radius:28px;
  background:#fff;
  padding:10px;
  box-shadow:0 12px 34px rgba(0,0,0,.22);
}