/* Reserved for scoped adjustments after visual quality assurance. */

@media screen {
 #area-cookie {display:none!important;}
}

/* Desktop: only the horizontal menu; hide all mobile menu variants */
@media screen and (min-width:800px) {
 #menu-mobile,
 #menu-mobile-links,
 #menu-mobile-pulsanti,
 .menu-burger-box,
 .menu-burger-nav {
  display:none!important;
  visibility:hidden!important;
 }

 /* Templates use #menu-orizzontale1-43; cached CSS only styles #menu-orizzontale */
 #menu-orizzontale1-43 {
  position: relative;
  margin: auto;
  width: 100%;
  text-align: center;
  font-weight: bold;
  padding-bottom: 2px;
  background-color: #000000;
 }
 #menu-orizzontale1-43 ul {
  display: table-row;
 }
 #menu-orizzontale1-43 ul li {
  line-height: 13px;
  z-index: 3;
 }

 /*
  Dropdowns: on inner pages a 2nd menu row (ISCRIZIONE…) sits under the
  first row and steals hover, so the panel closes before the cursor reaches it.
  Elevate the open item above that second row and keep a hover bridge.
 */
 #menu-orizzontale,
 #menu-orizzontale1-43,
 nav.menu-orizzontale {
  overflow: visible !important;
  position: relative;
  z-index: 100;
 }
 #testa,
 #testa-interna {
  overflow: visible !important;
 }
 .menu-orizzontale-riga {
  position: relative;
  z-index: 1;
 }
 .menu-orizzontale-riga:first-child {
  z-index: 3;
 }
 .menu-orizzontale-riga:nth-child(2) {
  z-index: 1;
 }
 /* While a top-row item is open, ignore the 2nd row under the cursor */
 #menu-orizzontale:has(.menu-orizzontale-tasto:hover) .menu-orizzontale-riga:nth-child(2),
 #menu-orizzontale:has(.menu-orizzontale-tasto-attivo:hover) .menu-orizzontale-riga:nth-child(2),
 #menu-orizzontale1-43:has(.menu-orizzontale-tasto:hover) .menu-orizzontale-riga:nth-child(2),
 #menu-orizzontale1-43:has(.menu-orizzontale-tasto-attivo:hover) .menu-orizzontale-riga:nth-child(2),
 nav.menu-orizzontale:has(.menu-orizzontale-tasto:hover) .menu-orizzontale-riga:nth-child(2),
 nav.menu-orizzontale:has(.menu-orizzontale-tasto-attivo:hover) .menu-orizzontale-riga:nth-child(2) {
  pointer-events: none;
 }
 .menu-orizzontale-tasto,
 .menu-orizzontale-tasto-attivo {
  position: relative;
  z-index: 1;
 }
 .menu-orizzontale-tasto:hover,
 .menu-orizzontale-tasto-attivo:hover {
  z-index: 200 !important;
 }
 .menu-orizzontale-tendina {
  top: 100% !important;
  left: 0;
  margin-top: 0 !important;
  z-index: 201 !important;
  pointer-events: auto !important;
 }
 .menu-orizzontale-tendina::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: -24px;
  height: 24px;
 }
 .menu-orizzontale-tasto:hover > .menu-orizzontale-tendina,
 .menu-orizzontale-tasto-attivo:hover > .menu-orizzontale-tendina {
  display: block !important;
  visibility: visible !important;
 }

 #colonna-home img {
  max-width: 100%;
  height: auto;
 }

 /*
  Sponsor box: clip the strip so only one slide is visible.
  Works with modern .tab01-corpo markup (not only legacy .tab01-corpo-cx).
 */
 .box-sponsor .tab01-corpo,
 .box-sponsor .tab01-corpo-cx,
 .box-sponsor .tab01.tab-nudo {
  overflow: hidden !important;
  max-width: 100%;
  box-sizing: border-box;
 }
 .box-sponsor [id^="scorrimento"] {
  overflow: hidden !important;
  max-width: 100% !important;
  width: 100% !important;
  box-sizing: border-box;
  margin-left: 0 !important;
 }
 .box-sponsor [id^="scorrimento"] > .tab02,
 .box-sponsor [id^="scorrimento"] > article.tab02 {
  float: none !important;
  clear: both !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  box-sizing: border-box;
  text-align: center;
 }
 /* Before JS rotator runs, only the first slide is visible */
 .box-sponsor [id^="scorrimento"] > .tab02 ~ .tab02,
 .box-sponsor [id^="scorrimento"] > article.tab02 ~ article.tab02 {
  display: none;
 }
 .box-sponsor .condivisioni {
  display: none !important;
 }
 .box-sponsor .tab02-area-foto,
 .box-sponsor .tab02-area-foto .immagine,
 .box-sponsor .tab02-area-foto img {
  max-width: 100%;
  height: auto;
 }
}

/* Full desktop: classic 3-column widths (menu | content | sidebar) */
@media screen and (min-width:950px) {
 #corpo-contenuto-paginainterna #menu {
  width: 230px;
  max-width: 230px;
 }
 #corpo-contenuto-paginainterna #contenuti {
  width: 480px;
  max-width: 480px;
 }
 #corpo-contenuto-paginainterna #colonna-home {
  width: 220px;
  max-width: 220px;
 }
}

@media screen and (max-width:799px) {
 #menu-orizzontale,
 #menu-orizzontale1-43 {
  display: none !important;
  visibility: hidden !important;
 }
}