/* UGCHost Global Responsive V1
   Header + footer only. Prevents horizontal bleed and moves navigation into the compact menu before crowding occurs. */

#ugcGlobalHeader,#ugcGlobalFooter{max-width:100vw!important;overflow-x:clip}
#ugcGlobalHeader .ugh-shell,#ugcGlobalFooter .ugcf-inner{max-width:100%!important;box-sizing:border-box}
#ugcGlobalHeader .ugh-top-inner,#ugcGlobalHeader .ugh-nav-inner,
#ugcGlobalFooter .ugcf-command,#ugcGlobalFooter .ugcf-directory,#ugcGlobalFooter .ugcf-capabilities,#ugcGlobalFooter .ugcf-bottom,
#ugcGlobalFooter .ugcf-links,#ugcGlobalFooter .ugcf-hero-copy,#ugcGlobalFooter .ugcf-brand-lockup,#ugcGlobalFooter .ugcf-actions{min-width:0!important}
#ugcGlobalHeader a,#ugcGlobalHeader button,#ugcGlobalHeader select,
#ugcGlobalFooter a,#ugcGlobalFooter button,#ugcGlobalFooter p,#ugcGlobalFooter h2,#ugcGlobalFooter h3,#ugcGlobalFooter small,#ugcGlobalFooter span{overflow-wrap:anywhere}
#ugcGlobalFooter img,#ugcGlobalFooter svg,#ugcGlobalFooter video{max-width:100%;height:auto}

/* Wide displays: stay centered instead of stretching into empty space. */
@media (min-width:1800px){
  #ugcGlobalHeader .ugh-shell{width:min(1640px,calc(100% - 72px))!important}
  #ugcGlobalFooter .ugcf-inner{width:min(1540px,calc(100% - 96px))!important}
}

/* Laptop range: keep a useful breathing zone around utilities and translated labels. */
@media (min-width:981px) and (max-width:1280px){
  #ugcGlobalHeader .ugh-shell{width:calc(100% - 24px)!important}
  #ugcGlobalHeader .ugh-top-inner{gap:12px!important}
  #ugcGlobalHeader .ugh-nav-inner{gap:5px!important}
  #ugcGlobalHeader .ugh-menu-link,#ugcGlobalHeader .ugh-more-button{padding-left:8px!important;padding-right:8px!important}
  #ugcGlobalHeader .ugh-nav-actions{gap:5px!important;padding-left:6px!important}
  #ugcGlobalHeader .ugh-secondary-cta{padding-left:9px!important;padding-right:9px!important}
}

/* Tablet and compact-laptop breakpoint. Collapse BEFORE content can jam. */
@media (max-width:980px){
  #ugcGlobalHeader .ugh-shell{width:calc(100% - 28px)!important}
  #ugcGlobalHeader .ugh-top-inner{display:flex!important;align-items:center!important;min-height:70px!important;gap:12px!important}
  #ugcGlobalHeader .ugh-brand{flex:1 1 auto!important;min-width:0!important}
  #ugcGlobalHeader .ugh-brand-tag{display:none!important}
  #ugcGlobalHeader .ugh-search,#ugcGlobalHeader .ugh-nav{display:none!important}
  #ugcGlobalHeader .ugh-utilities{display:flex!important;flex:0 0 auto!important;align-items:center!important;margin-left:auto!important;gap:7px!important}
  #ugcGlobalHeader .ugh-utilities>*:not(.ugh-mobile-toggle){display:none!important}
  #ugcGlobalHeader .ugh-mobile-toggle{display:grid!important;place-items:center!important;flex:0 0 auto!important}
  #ugcGlobalHeader .ugh-mobile.is-open{display:block!important;max-height:calc(100vh - 70px);overflow-y:auto;overscroll-behavior:contain}
  #ugcGlobalHeader .ugh-mobile .ugh-shell{width:calc(100% - 28px)!important}
  #ugcGlobalHeader .ugh-mobile-search{display:flex!important}
  #ugcGlobalHeader .ugh-mobile-links{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px 14px!important}
  #ugcGlobalHeader .ugh-mobile-links a{min-width:0!important;white-space:normal!important;line-height:1.35!important}
  #ugcGlobalHeader .ugh-mobile-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}

  #ugcGlobalFooter .ugcf-inner{width:calc(100% - 32px)!important;padding-top:44px!important}
  #ugcGlobalFooter .ugcf-command{grid-template-columns:1fr!important;gap:28px!important}
  #ugcGlobalFooter .ugcf-actions{grid-column:auto!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;max-width:440px}
  #ugcGlobalFooter .ugcf-directory{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0!important;row-gap:34px!important}
  #ugcGlobalFooter .ugcf-links{padding:0 20px!important;border-right:1px solid rgba(255,255,255,.07)!important}
  #ugcGlobalFooter .ugcf-links:nth-child(odd){padding-left:0!important}
  #ugcGlobalFooter .ugcf-links:nth-child(even){padding-right:0!important;border-right:0!important}
  #ugcGlobalFooter .ugcf-workspace{grid-column:1/-1!important;margin:0!important;padding:22px!important;border-right:1px solid rgba(230,180,42,.2)!important}
  #ugcGlobalFooter .ugcf-bottom{grid-template-columns:1fr!important;gap:13px!important;padding:22px 0!important}
  #ugcGlobalFooter .ugcf-bottom-links{flex-wrap:wrap!important;row-gap:10px!important}
  #ugcGlobalFooter .ugcf-bottom>small{grid-column:auto!important;padding-bottom:0!important}
}

/* Phones and narrow tablets. */
@media (max-width:640px){
  #ugcGlobalHeader .ugh-shell,#ugcGlobalHeader .ugh-mobile .ugh-shell{width:calc(100% - 20px)!important}
  #ugcGlobalHeader .ugh-top-inner{min-height:64px!important;gap:8px!important}
  #ugcGlobalHeader .ugh-brand{gap:8px!important}
  #ugcGlobalHeader .ugh-brand-mark{width:38px!important;height:38px!important;font-size:19px!important;border-radius:10px!important}
  #ugcGlobalHeader .ugh-brand-name{font-size:23px!important}
  #ugcGlobalHeader .ugh-mobile-toggle{width:40px!important;height:40px!important}
  #ugcGlobalHeader .ugh-mobile-links{grid-template-columns:1fr!important;gap:0!important}
  #ugcGlobalHeader .ugh-mobile-actions{grid-template-columns:1fr!important}

  #ugcGlobalFooter .ugcf-inner{width:calc(100% - 24px)!important;padding:36px 0 18px!important}
  #ugcGlobalFooter .ugcf-command{gap:24px!important;padding-bottom:30px!important}
  #ugcGlobalFooter .ugcf-hero-copy h2{font-size:clamp(34px,11vw,43px)!important;line-height:.98!important}
  #ugcGlobalFooter .ugcf-actions{grid-template-columns:1fr!important;max-width:none!important}
  #ugcGlobalFooter .ugcf-capabilities{grid-template-columns:1fr!important}
  #ugcGlobalFooter .ugcf-capabilities>div{min-height:auto!important;padding:18px 0!important;border-right:0!important;border-bottom:1px solid var(--ugcf-line)!important}
  #ugcGlobalFooter .ugcf-directory{grid-template-columns:1fr!important;row-gap:25px!important;padding:34px 0!important}
  #ugcGlobalFooter .ugcf-links,#ugcGlobalFooter .ugcf-links:nth-child(n){padding:0!important;border-right:0!important}
  #ugcGlobalFooter .ugcf-workspace{padding:20px!important}
  #ugcGlobalFooter .ugcf-logo{max-width:100%!important}
  #ugcGlobalFooter .ugcf-watermark{right:-34px!important;font-size:clamp(150px,58vw,230px)!important;top:105px!important}
}

@media (max-width:380px){
  #ugcGlobalHeader .ugh-shell,#ugcGlobalHeader .ugh-mobile .ugh-shell{width:calc(100% - 14px)!important}
  #ugcGlobalHeader .ugh-brand-name{font-size:21px!important}
  #ugcGlobalHeader .ugh-mobile-toggle{width:38px!important;height:38px!important}
  #ugcGlobalFooter .ugcf-inner{width:calc(100% - 18px)!important}
  #ugcGlobalFooter .ugcf-bottom-links{gap:10px!important}
}

/* Translation can create much longer words than English. Never let chrome expand the viewport. */
#ugcGlobalHeader .ugh-menu-link>span,#ugcGlobalHeader .ugh-panel a>span,#ugcGlobalHeader .ugh-mobile-links a,
#ugcGlobalFooter .ugcf-links a,#ugcGlobalFooter .ugcf-brand-note,#ugcGlobalFooter .ugcf-bottom-brand{max-width:100%;overflow-wrap:anywhere;word-break:normal}