/* MShowTV V17.6.56 — Header layout correction
   Left: hamburger | Center: logo | Right: ES / EN
   Prevents logo from overlapping the language selector.
*/

.public-topbar-v1762{
  display:grid!important;
  grid-template-columns:minmax(70px,1fr) auto minmax(110px,1fr)!important;
  align-items:center!important;
  gap:14px!important;
  min-height:78px!important;
  padding-left:clamp(18px,4vw,76px)!important;
  padding-right:clamp(18px,4vw,76px)!important;
  position:relative!important;
  overflow:visible!important;
}

/* Hamburger stays on the far left. */
#publicMenuToggleV1762{
  grid-column:1!important;
  grid-row:1!important;
  justify-self:start!important;
  align-self:center!important;
  position:relative!important;
  inset:auto!important;
  margin:0!important;
  z-index:20!important;
}

/* Brand/logo is centered and never sits over ES/EN. */
.public-topbar-v1762 .brand{
  grid-column:2!important;
  grid-row:1!important;
  justify-self:center!important;
  align-self:center!important;
  position:relative!important;
  inset:auto!important;
  transform:none!important;
  margin:0!important;
  padding:0!important;
  min-width:0!important;
  max-width:min(190px,30vw)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  z-index:10!important;
}

.public-topbar-v1762 .brand .site-logo{
  position:relative!important;
  inset:auto!important;
  transform:none!important;
  display:block;
  width:auto!important;
  height:52px!important;
  max-width:160px!important;
  object-fit:contain!important;
  margin:0 auto!important;
}

.public-topbar-v1762 .brand .site-logo.hidden{
  display:none!important;
}

/* Text fallback when there is no image logo. */
#headerTextLogo{
  position:relative!important;
  inset:auto!important;
  transform:none!important;
  white-space:nowrap!important;
}

/* Language switch stays locked to the far right. */
#mshowLanguageSwitchV1757,
.mshow-language-switch-v1757{
  grid-column:3!important;
  grid-row:1!important;
  justify-self:end!important;
  align-self:center!important;
  position:relative!important;
  top:auto!important;
  right:auto!important;
  bottom:auto!important;
  left:auto!important;
  inset:auto!important;
  transform:none!important;
  margin:0!important;
  z-index:20!important;
  flex-shrink:0!important;
}

/* Old public nav remains hidden because V17.6.55 uses the hamburger drawer. */
.public-topbar-v1762 nav{
  display:none!important;
}

/* Tablet */
@media(max-width:900px){
  .public-topbar-v1762{
    grid-template-columns:60px 1fr 100px!important;
    gap:10px!important;
    padding-left:18px!important;
    padding-right:18px!important;
  }
  .public-topbar-v1762 .brand .site-logo{
    height:46px!important;
    max-width:135px!important;
  }
}

/* Phone */
@media(max-width:560px){
  .public-topbar-v1762{
    grid-template-columns:52px minmax(72px,1fr) 92px!important;
    gap:8px!important;
    min-height:70px!important;
    padding-left:12px!important;
    padding-right:12px!important;
  }

  #publicMenuToggleV1762{
    width:44px!important;
    height:44px!important;
  }

  .public-topbar-v1762 .brand{
    max-width:110px!important;
  }

  .public-topbar-v1762 .brand .site-logo{
    height:40px!important;
    max-width:100px!important;
  }

  .mshow-language-switch-v1757{
    max-width:92px!important;
  }

  .mshow-language-switch-v1757 button{
    min-width:38px!important;
    padding-left:8px!important;
    padding-right:8px!important;
  }
}

/* Very narrow phones: keep all three controls in their own cells. */
@media(max-width:380px){
  .public-topbar-v1762{
    grid-template-columns:46px minmax(54px,1fr) 84px!important;
    padding-left:8px!important;
    padding-right:8px!important;
    gap:5px!important;
  }
  .public-topbar-v1762 .brand .site-logo{
    height:34px!important;
    max-width:82px!important;
  }
  .mshow-language-switch-v1757 button{
    min-width:34px!important;
    padding:6px!important;
    font-size:12px!important;
  }
}