/* Full-height mobile navigation; the desktop menu keeps its normal layout. */
.sg-menu-close-icon{display:none}
.menu-toggle[aria-expanded=true] .sg-menu-open-icon{display:none}
.menu-toggle[aria-expanded=true] .sg-menu-close-icon{display:block}
@media(max-width:900px){
 html.sg-mobile-menu-open{overflow:hidden;overscroll-behavior:none}
 body.sg-mobile-menu-open{position:fixed;inset-inline:0;top:var(--sg-page-offset,0px);width:100%;overflow:hidden}
 .seggiole-teatri.sg-mobile-menu-open .theatre-header{position:fixed;inset:var(--sg-menu-top,0px) 0 0;height:calc(100vh - var(--sg-menu-top,0px));height:calc(100dvh - var(--sg-menu-top,0px));z-index:2147483647;display:flex;flex-direction:column;flex-wrap:nowrap;align-items:stretch;justify-content:flex-start;gap:0;overflow:hidden;background:var(--paper);padding-inline:clamp(20px,6vw,48px)}
 .seggiole-teatri.sg-mobile-menu-open .header-identity{flex:0 0 auto;width:100%;padding-block:18px;gap:15px}
 .seggiole-teatri.sg-mobile-menu-open .theatre-header .brand{flex:0 1 200px;min-width:0;top:0}
 .seggiole-teatri.sg-mobile-menu-open .theatre-header .brand img{width:200px;max-height:74px}
 .seggiole-teatri.sg-mobile-menu-open .theatre-header .menu-toggle{flex-shrink:0;min-height:46px;padding-inline:12px;font-size:13px;gap:9px}
 .seggiole-teatri.sg-mobile-menu-open .theatre-header .site-nav.is-open{display:flex;flex:1 1 auto;flex-direction:column;flex-wrap:nowrap;align-items:stretch;min-height:0;width:100%;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:18px 0 max(30px,env(safe-area-inset-bottom));gap:0}
 .seggiole-teatri.sg-mobile-menu-open .theatre-header .menu-list{flex:0 0 auto;width:100%;font-size:clamp(21px,4.7vw,28px);gap:0}
 .seggiole-teatri.sg-mobile-menu-open .theatre-header .menu-list>li>a{padding-block:18px;min-height:62px;line-height:1.4;white-space:normal}
 .seggiole-teatri.sg-mobile-menu-open .theatre-header .menu-list .sub-menu{padding:0 0 16px 18px}
 .seggiole-teatri.sg-mobile-menu-open .theatre-header .menu-list .sub-menu a{display:inline-flex;align-items:center;min-height:44px;font-size:17px}
 .seggiole-teatri.sg-mobile-menu-open .theatre-header .menu-list>.menu-item-ticket>a{font-size:18px;min-height:55px;margin:24px 0 4px;padding:14px 20px}
 .seggiole-teatri.sg-mobile-menu-open .theatre-header .site-nav>.nav-tickets{flex:0 0 auto;margin:24px 0 0;min-height:55px;font-size:18px}
 .seggiole-teatri.sg-mobile-menu-open .theatre-header .site-nav>a:not(.button){padding:18px 0;min-height:62px;font-size:24px;white-space:normal}
}