/* Menu e footer per dispositivo (inc/viste.php). File generato da sviluppo/genera_viste_css.py: modificare lì. */
.sbusto-subtoggle{display:none;align-items:center;justify-content:center;padding:0;border:0;border-radius:10px;background:transparent;color:var(--sb-text);cursor:pointer}
.sbusto-subtoggle:hover,.sbusto-subtoggle:focus-visible{background:#1A1920}
.sbusto-subtoggle svg{transition:transform .22s ease}
li.is-sub-open>.sbusto-subtoggle svg{transform:rotate(180deg)}
.sbusto-menu li.is-sub-open>.sub-menu{animation:sbSubIn .22s ease}
@keyframes sbSubIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}

/* menu – tel (max-width:767px) – menu ☰ */
@media (max-width:767px){
	body.sbm-tel-col .sbusto-menu>li,body.sbm-tel-fisa .sbusto-menu>li{align-self:stretch}
	body.sbm-tel-col .sbusto-menu .sub-menu{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:12px;box-sizing:border-box;width:100%}
	body.sbm-tel-col .sbusto-menu .sub-menu a{padding:9px 6px 9px 0;line-height:1.3;overflow-wrap:anywhere}
	body.sbm-tel-fisa .sbusto-menu>li.menu-item-has-children{position:relative}
	body.sbm-tel-fisa .sbusto-menu>li.menu-item-has-children>a::after{content:none}
	body.sbm-tel-fisa .sbusto-menu>li.menu-item-has-children>a{padding-right:56px}
	body.sbm-tel-fisa .sbusto-menu li:not(.is-sub-open)>.sub-menu{display:none!important}
	body.sbm-tel-fisa:not(.sbm-tel-col) .sbusto-menu li.is-sub-open>.sub-menu{display:block!important}
	body.sbm-tel-fisa .sbusto-subtoggle{display:inline-flex;position:absolute;top:0;right:0;width:48px;height:41px}
}
/* menu – tab (min-width:768px) and (max-width:900px) – menu ☰ */
@media (min-width:768px) and (max-width:900px){
	body.sbm-tab-col .sbusto-menu>li,body.sbm-tab-fisa .sbusto-menu>li{align-self:stretch}
	body.sbm-tab-col .sbusto-menu .sub-menu{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:12px;box-sizing:border-box;width:100%}
	body.sbm-tab-col .sbusto-menu .sub-menu a{padding:9px 6px 9px 0;line-height:1.3;overflow-wrap:anywhere}
	body.sbm-tab-fisa .sbusto-menu>li.menu-item-has-children{position:relative}
	body.sbm-tab-fisa .sbusto-menu>li.menu-item-has-children>a::after{content:none}
	body.sbm-tab-fisa .sbusto-menu>li.menu-item-has-children>a{padding-right:56px}
	body.sbm-tab-fisa .sbusto-menu li:not(.is-sub-open)>.sub-menu{display:none!important}
	body.sbm-tab-fisa:not(.sbm-tab-col) .sbusto-menu li.is-sub-open>.sub-menu{display:block!important}
	body.sbm-tab-fisa .sbusto-subtoggle{display:inline-flex;position:absolute;top:0;right:0;width:48px;height:41px}
}
/* menu – tab (min-width:901px) and (max-width:1024px) – menu orizzontale */
@media (min-width:901px) and (max-width:1024px){
	body.sbm-tab-col:not(.sbhdr-minimale) .sbusto-menu li:hover>.sub-menu,body.sbm-tab-col:not(.sbhdr-minimale) .sbusto-menu li:focus-within>.sub-menu,body.sbm-tab-col:not(.sbhdr-minimale) .sbusto-menu li.is-sub-open>.sub-menu{display:grid;grid-template-columns:repeat(2,minmax(190px,max-content));gap:2px 10px}
	body.sbm-tab-col:not(.sbhdr-minimale) .sbusto-menu .sub-menu{min-width:0;width:max-content;max-width:calc(100vw - 32px);box-sizing:border-box;padding:12px}
	body.sbm-tab-col:not(.sbhdr-minimale) .sbusto-menu .sub-menu a{white-space:normal;overflow-wrap:break-word;padding:11px 16px}
	body.sbm-tab-fisa:not(.sbhdr-minimale) .sbusto-menu>li.menu-item-has-children>a::after{content:none}
	body.sbm-tab-fisa:not(.sbhdr-minimale) .sbusto-menu li:not(.is-sub-open)>.sub-menu{display:none!important}
	body.sbm-tab-fisa:not(.sbhdr-minimale):not(.sbm-tab-col) .sbusto-menu li.is-sub-open>.sub-menu{display:block}
	body.sbm-tab-fisa:not(.sbhdr-minimale) .sbusto-subtoggle{display:inline-flex;width:28px;height:28px;margin-left:2px;vertical-align:middle}
	body.sbm-tab-col.sbhdr-minimale .sbusto-menu>li,body.sbm-tab-fisa.sbhdr-minimale .sbusto-menu>li{align-self:stretch}
	body.sbm-tab-col.sbhdr-minimale .sbusto-menu .sub-menu{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:12px;box-sizing:border-box;width:100%}
	body.sbm-tab-col.sbhdr-minimale .sbusto-menu .sub-menu a{padding:9px 6px 9px 0;line-height:1.3;overflow-wrap:anywhere}
	body.sbm-tab-fisa.sbhdr-minimale .sbusto-menu>li.menu-item-has-children{position:relative}
	body.sbm-tab-fisa.sbhdr-minimale .sbusto-menu>li.menu-item-has-children>a::after{content:none}
	body.sbm-tab-fisa.sbhdr-minimale .sbusto-menu>li.menu-item-has-children>a{padding-right:56px}
	body.sbm-tab-fisa.sbhdr-minimale .sbusto-menu li:not(.is-sub-open)>.sub-menu{display:none!important}
	body.sbm-tab-fisa.sbhdr-minimale:not(.sbm-tab-col) .sbusto-menu li.is-sub-open>.sub-menu{display:block!important}
	body.sbm-tab-fisa.sbhdr-minimale .sbusto-subtoggle{display:inline-flex;position:absolute;top:0;right:0;width:48px;height:41px}
}
/* menu – pc (min-width:1025px) – menu orizzontale */
@media (min-width:1025px){
	body.sbm-pc-col:not(.sbhdr-minimale) .sbusto-menu li:hover>.sub-menu,body.sbm-pc-col:not(.sbhdr-minimale) .sbusto-menu li:focus-within>.sub-menu,body.sbm-pc-col:not(.sbhdr-minimale) .sbusto-menu li.is-sub-open>.sub-menu{display:grid;grid-template-columns:repeat(2,minmax(190px,max-content));gap:2px 10px}
	body.sbm-pc-col:not(.sbhdr-minimale) .sbusto-menu .sub-menu{min-width:0;width:max-content;max-width:calc(100vw - 32px);box-sizing:border-box;padding:12px}
	body.sbm-pc-col:not(.sbhdr-minimale) .sbusto-menu .sub-menu a{white-space:normal;overflow-wrap:break-word;padding:11px 16px}
	body.sbm-pc-fisa:not(.sbhdr-minimale) .sbusto-menu>li.menu-item-has-children>a::after{content:none}
	body.sbm-pc-fisa:not(.sbhdr-minimale) .sbusto-menu li:not(.is-sub-open)>.sub-menu{display:none!important}
	body.sbm-pc-fisa:not(.sbhdr-minimale):not(.sbm-pc-col) .sbusto-menu li.is-sub-open>.sub-menu{display:block}
	body.sbm-pc-fisa:not(.sbhdr-minimale) .sbusto-subtoggle{display:inline-flex;width:28px;height:28px;margin-left:2px;vertical-align:middle}
	body.sbm-pc-col.sbhdr-minimale .sbusto-menu>li,body.sbm-pc-fisa.sbhdr-minimale .sbusto-menu>li{align-self:stretch}
	body.sbm-pc-col.sbhdr-minimale .sbusto-menu .sub-menu{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:12px;box-sizing:border-box;width:100%}
	body.sbm-pc-col.sbhdr-minimale .sbusto-menu .sub-menu a{padding:9px 6px 9px 0;line-height:1.3;overflow-wrap:anywhere}
	body.sbm-pc-fisa.sbhdr-minimale .sbusto-menu>li.menu-item-has-children{position:relative}
	body.sbm-pc-fisa.sbhdr-minimale .sbusto-menu>li.menu-item-has-children>a::after{content:none}
	body.sbm-pc-fisa.sbhdr-minimale .sbusto-menu>li.menu-item-has-children>a{padding-right:56px}
	body.sbm-pc-fisa.sbhdr-minimale .sbusto-menu li:not(.is-sub-open)>.sub-menu{display:none!important}
	body.sbm-pc-fisa.sbhdr-minimale:not(.sbm-pc-col) .sbusto-menu li.is-sub-open>.sub-menu{display:block!important}
	body.sbm-pc-fisa.sbhdr-minimale .sbusto-subtoggle{display:inline-flex;position:absolute;top:0;right:0;width:48px;height:41px}
}

/* footer: il titolo della colonna diventa un pulsante (assets/viste.js); fuori dalla fisarmonica sembra un titolo normale */
.sbusto-footer__cols button.sbusto-footer__h{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;margin:0 0 4px;padding:0;border:0;background:none;color:inherit;font:inherit;font-family:var(--sb-display);font-weight:700;font-size:13px;text-align:left;cursor:default}
.sbusto-footer__cols button.sbusto-footer__h svg{display:none;flex:none;transition:transform .22s ease}
.sbusto-footer__cols nav.is-open button.sbusto-footer__h svg{transform:rotate(180deg)}
@media (max-width:767px){
	body.sbf-tel-col .sbusto-footer__cols .sbusto-footer__menu{display:grid;grid-template-columns:repeat(2,minmax(0,max-content));gap:9px 28px}
	body.sbf-tel-fisa .sbusto-footer__cols nav{--sbf-fisa:1}
	body.sbf-tel-fisa .sbusto-footer__cols button.sbusto-footer__h{cursor:pointer;margin:0;padding:12px 0}
	body.sbf-tel-fisa .sbusto-footer__cols button.sbusto-footer__h svg{display:block}
	body.sbf-tel-fisa .sbusto-footer__cols nav:not(.is-open) .sbusto-footer__menu{display:none}
	body.sbf-tel-fisa .sbusto-footer__cols nav.is-open .sbusto-footer__menu{padding-bottom:12px;animation:sbSubIn .22s ease}
	body.sbf-tel-fisa .sbusto-footer__cols nav{flex:1 1 100%;gap:0;border-bottom:1px solid var(--sb-line)}
	body.sbf-tel-fisa .sbusto-footer__cols{row-gap:0}
	body.sbf-tel-fisa .sbusto-footer__brand{margin-bottom:24px}
}
@media (min-width:768px) and (max-width:1024px){
	body.sbf-tab-col .sbusto-footer__cols .sbusto-footer__menu{display:grid;grid-template-columns:repeat(2,minmax(0,max-content));gap:9px 28px}
	body.sbf-tab-fisa .sbusto-footer__cols nav{--sbf-fisa:1}
	body.sbf-tab-fisa .sbusto-footer__cols button.sbusto-footer__h{cursor:pointer;margin:0;padding:12px 0}
	body.sbf-tab-fisa .sbusto-footer__cols button.sbusto-footer__h svg{display:block}
	body.sbf-tab-fisa .sbusto-footer__cols nav:not(.is-open) .sbusto-footer__menu{display:none}
	body.sbf-tab-fisa .sbusto-footer__cols nav.is-open .sbusto-footer__menu{padding-bottom:12px;animation:sbSubIn .22s ease}
	body.sbf-tab-fisa .sbusto-footer__cols nav{gap:0;min-width:140px}
}
@media (min-width:1025px){
	body.sbf-pc-col .sbusto-footer__cols .sbusto-footer__menu{display:grid;grid-template-columns:repeat(2,minmax(0,max-content));gap:9px 28px}
	body.sbf-pc-fisa .sbusto-footer__cols nav{--sbf-fisa:1}
	body.sbf-pc-fisa .sbusto-footer__cols button.sbusto-footer__h{cursor:pointer;margin:0;padding:12px 0}
	body.sbf-pc-fisa .sbusto-footer__cols button.sbusto-footer__h svg{display:block}
	body.sbf-pc-fisa .sbusto-footer__cols nav:not(.is-open) .sbusto-footer__menu{display:none}
	body.sbf-pc-fisa .sbusto-footer__cols nav.is-open .sbusto-footer__menu{padding-bottom:12px;animation:sbSubIn .22s ease}
	body.sbf-pc-fisa .sbusto-footer__cols nav{gap:0;min-width:140px}
}
@media (prefers-reduced-motion:reduce){.sbusto-menu li.is-sub-open>.sub-menu,.sbusto-footer__cols nav.is-open .sbusto-footer__menu{animation:none!important}.sbusto-subtoggle svg,.sbusto-footer__cols button.sbusto-footer__h svg{transition:none}}
