/*
Theme Name: Uncode Child
Description: Child theme for Uncode theme
Author: Undsgn™
Author URI: http://www.undsgn.com
Template: uncode
Version: 1.0.0
Text Domain: uncode
*/

/* --- Inizio Dichiarazione Famiglia Font 'DDT' --- */

/* DDT - Regular (400) */
@font-face {
  font-family: 'DDT';
  src: url('fonts/DDTRg-Regular.woff2') format('woff2'),
    url('fonts/DDTRg-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* DDT - Italic (400) */
@font-face {
  font-family: 'DDT';
  src: url('fonts/DDTRg-Italic.woff2') format('woff2'),
    url('fonts/DDTRg-Italic.woff') format('woff');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

/* DDT - Light (300) */
@font-face {
  font-family: 'DDT';
  src: url('fonts/DDTLt-Regular.woff2') format('woff2'),
    url('fonts/DDTLt-Regular.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

/* DDT - Light Italic (300) */
@font-face {
  font-family: 'DDT';
  src: url('fonts/DDTLt-Italic.woff2') format('woff2'),
    url('fonts/DDTLt-Italic.woff') format('woff');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

/* DDT - Bold (700) */
@font-face {
  font-family: 'DDT';
  src: url('fonts/DDTRg-Bold.woff2') format('woff2'),
    url('fonts/DDTRg-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* DDT - Bold Italic (700) */
@font-face {
  font-family: 'DDT';
  src: url('fonts/DDTRg-BoldItalic.woff2') format('woff2'),
    url('fonts/DDTRg-BoldItalic.woff') format('woff');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

/* DDT - Heavy (900) */
@font-face {
  font-family: 'DDT';
  src: url('fonts/DDTHv-Regular.woff2') format('woff2'),
    url('fonts/DDTHv-Regular.woff') format('woff');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

/* DDT - Heavy Italic (900) */
@font-face {
  font-family: 'DDT';
  src: url('fonts/DDTHv-Italic.woff2') format('woff2'),
    url('fonts/DDTHv-Italic.woff') format('woff');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

/* --- Fine Famiglia Font 'DDT' --- */


/* --- Inizio Dichiarazione Famiglie Aggiuntive --- */

/* DDT Book - Regular (400) */
@font-face {
  font-family: 'DDT Book';
  src: url('fonts/DDTBk-Regular.woff2') format('woff2'),
    url('fonts/DDTBk-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* DDT Book - Italic (400) */
@font-face {
  font-family: 'DDT Book';
  src: url('fonts/DDTBk-Italic.woff2') format('woff2'),
    url('fonts/DDTBk-Italic.woff') format('woff');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

/* DDT Extra Light - Regular (200) */
@font-face {
  font-family: 'DDT Extra';
  src: url('fonts/DDTEl-Regular.woff2') format('woff2'),
    url('fonts/DDTEl-Regular.woff') format('woff');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

/* DDT Extra Light - Italic (200) */
@font-face {
  font-family: 'DDT Extra';
  src: url('fonts/DDTEl-Italic.woff2') format('woff2'),
    url('fonts/DDTEl-Italic.woff') format('woff');
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

/* DDT Semi Bold - Regular (600) */
@font-face {
  font-family: 'DDT Semi';
  src: url('fonts/DDTSb-Regular.woff2') format('woff2'),
    url('fonts/DDTSb-Regular.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

/* DDT Semi Bold - Italic (600) */
@font-face {
  font-family: 'DDT Semi';
  src: url('fonts/DDTSb-Italic.woff2') format('woff2'),
    url('fonts/DDTSb-Italic.woff') format('woff');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

/* DDT Ultra Light - Regular (200) */
@font-face {
  font-family: 'DDT Ultra';
  src: url('fonts/DDTUl-Regular.woff2') format('woff2'),
    url('fonts/DDTUl-Regular.woff') format('woff');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

/* DDT Ultra Light - Italic (200) */
@font-face {
  font-family: 'DDT Ultra';
  src: url('fonts/DDTUl-Italic.woff2') format('woff2'),
    url('fonts/DDTUl-Italic.woff') format('woff');
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

/* --- Fine Famiglie Aggiuntive --- */


.otgs-development-site-front-end {
  display: none !important;
}


.Label_label__JE4q3 {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 28px;
  margin-bottom: 16px;
  padding: 2px 16px 0;
  overflow: hidden;
  border-radius: 16px;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.65;
  text-transform: uppercase;
  color: hsla(0, 0%, 97%, .5)
}

.Label_label__JE4q3:after,
.Label_label__JE4q3:before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 16px
}

.Label_label__JE4q3:before {
  inset: 1.5px;
  z-index: 3;
  background: #202020
}

.Label_label__JE4q3:after {
  z-index: 2;
  border: 1.5px solid hsla(0, 0%, 97%, .05);
  -webkit-mask-image: linear-gradient(170deg, #000, transparent 50%);
  mask-image: linear-gradient(170deg, #000, transparent 50%);
  pointer-events: none;
  opacity: .25
}

.Label_title__2VrQG {
  position: relative;
  z-index: 4;
  opacity: .8
}

.Label_circle___Rqq2 {
  position: absolute;
  top: calc(50% - 100px);
  left: calc(50% - 100px);
  z-index: 1;
  width: 200px;
  height: 200px
}

.Label_circle___Rqq2:after,
.Label_circle___Rqq2:before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%
}

.Label_circle___Rqq2:before {
  background: conic-gradient(from 180deg at 50% 51%, hsla(0, 0%, 100%, .01) 330deg, #fff 1turn);
  filter: blur(15px);
  animation: Label_button-circle__mi51P 3.6s linear infinite;
  transition: opacity .5s
}

.Label_circle___Rqq2:after {
  transform: scale(.5);
  inset: 30px;
  background: hsla(0, 0%, 97%, .12);
  -webkit-mask-image: radial-gradient(50% 50% at 50% 50%, #000, transparent);
  mask-image: radial-gradient(50% 50% at 50% 50%, #000, transparent);
  filter: blur(5px);
  opacity: 0;
  transition: all 1s
}

@keyframes Label_button-circle__mi51P {
  0% {
    transform: translateX(0) rotate(0)
  }

  25% {
    transform: translateX(-30px) rotate(90deg)
  }

  50% {
    transform: translateX(0) rotate(180deg)
  }

  75% {
    transform: translateX(30px) rotate(270deg)
  }

  to {
    transform: translateX(0) rotate(1turn)
  }
}

.timeline-section {
  position: relative;
  overflow: hidden;
}

.timeline-scroll {
  position: relative;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  padding: 2rem 1rem;
  border-bottom: 1px solid #eee;
  background: #fff;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  touch-action: pan-x;
}

/* Sfumature laterali */
.timeline-section::before,
.timeline-section::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 200px;
  pointer-events: none;
  z-index: 9999 !important;
  /* <-- molto importante */
  transition: opacity 0.4s ease;
}

/* Sfumatura sinistra */
.timeline-section::before {
  left: 0;
  background: linear-gradient(to right, #fff 0%, rgba(255, 255, 255, 0) 100%);
  opacity: 0;
  /* nascosta all'inizio */
}

/* Sfumatura destra */
.timeline-section::after {
  right: 0;
  background: linear-gradient(to left,
      #fff 0%,
      /* bianco pieno sul bordo */
      #fff 10%,
      /* mantiene bianco fino al 10% */
      rgba(255, 255, 255, 0.9) 25%,
      /* inizia a dissolvere */
      rgba(255, 255, 255, 0.6) 45%,
      rgba(255, 255, 255, 0.3) 70%,
      rgba(255, 255, 255, 0) 100%
      /* completamente trasparente verso l’interno */
    );
  opacity: 1;
}

/* Mostra sinistra quando NON siamo all'inizio */
.timeline-section.has-left-fade::before {
  opacity: 1;
}

/* Nascondi destra quando siamo a fine scroll */
.timeline-section.no-right-fade::after {
  opacity: 0;
}

/* 🎯 Responsive: sfumature più sottili su schermi piccoli */
@media (max-width: 768px) {

  .timeline-section::before,
  .timeline-section::after {
    width: 60px;
    /* invece di 120px */
  }


}

@media (max-width: 480px) {

  .timeline-section::before,
  .timeline-section::after {
    width: 40px;
    /* ancora più sottile su telefoni piccoli */
  }


}

.timeline-track {
  display: flex;
  gap: 3rem;
  min-width: 3600px;
  margin-bottom: 40px;
}

.timeline-event {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  border-right: 1px solid #ddd;
  padding-right: 1rem;
  min-width: 300px;
}

.timeline-event h3 {
  font-size: 1.1rem;
  text-wrap: auto;
  margin-bottom: 0.2rem;
  text-transform: uppercase;
}

.timeline-event .year {
  font-weight: bold;
  display: block;
  margin-bottom: 4rem;
}

.timeline-event p {
  font-size: 0.9rem;
  color: #555;
  white-space: normal;
  word-wrap: break-word;
  overflow-wrap: break-word;
  display: block;
  font-family: 'Plus Jakarta Sans' !important;
}

/* Gantt years setup */
.gantt-years {
  display: flex;
  justify-content: flex-start;
  gap: 6.66666%;
  font-size: 0.85rem;
  margin-top: 0.5rem;
  padding-left: 10px;
  min-width: 3600px;
}

.gantt-track {
  position: relative;
  height: 80px;
  margin-top: 2rem;
  background: #f2f2f2;
  min-width: 4138px;
}

/* Base unit: 1 year = 60px width */
.gantt-bar {
  position: absolute;
  top: 10px;
  height: 30px;
  background: #222;
  color: #fff;
  padding: 0.3rem 0.5rem;
  font-size: 0.8rem;
  border-radius: 4px;
  white-space: nowrap;
  text-transform: uppercase;
}

/* Custom positioning based on year */
.gantt-bar:nth-child(1) {
  left: 0px;
  width: 60px;
}

/* 2005 */
.gantt-bar:nth-child(2) {
  left: 180px;
  width: 60px;
}

/* 2008 */
.gantt-bar:nth-child(3) {
  left: 240px;
  width: 60px;
}

/* 2009 */
.gantt-bar:nth-child(4) {
  left: 300px;
  width: 60px;
}

/* 2010 */
.gantt-bar:nth-child(5) {
  left: 330px;
  width: 60px;
}

/* 2010 (altro) */
.gantt-bar:nth-child(6) {
  left: 360px;
  width: 60px;
}

/* 2011 */
.gantt-bar:nth-child(7) {
  left: 420px;
  width: 60px;
}

/* 2012 */
.gantt-bar:nth-child(8) {
  left: 480px;
  width: 60px;
}

/* 2013 */
.gantt-bar:nth-child(9) {
  left: 540px;
  width: 60px;
}

/* 2014 */
.gantt-bar:nth-child(10) {
  left: 600px;
  width: 60px;
}

/* 2015 */
.gantt-bar:nth-child(11) {
  left: 720px;
  width: 60px;
}

/* 2018 */
.gantt-bar:nth-child(12) {
  left: 780px;
  width: 60px;
}

/* 2019 */




.menu-container .menu-item>a {
  text-transform: uppercase;
}

.orbit-wrapper {
  position: relative;
  width: 100%;
  max-width: 600px;
  aspect-ratio: 1 / 1;
  margin: 0 auto;
}

.orbit-circle {
  position: absolute;
  inset: 0;
  border: 2px dashed rgba(255, 255, 255, 0.3);
  border-radius: 50%;
  z-index: 0;
}

/* contenitore orbita con dimensioni */
.orbit-container {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform-origin: center center;
  animation: orbit 12s linear infinite;
}

/* tutti i loghi ruotano insieme */
.item-1 {
  animation-delay: 0s;
}

.item-2 {
  animation-delay: 0s;
}

.item-3 {
  animation-delay: 0s;
}

/* wrapper per posizionare logo fuori centro */
.orbit-item-wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) translateX(40%);
}

/* dimensioni logo e rotazione inversa per tenerli dritti */
.orbit-item {
  width: clamp(40px, 6vw, 80px);
  height: auto;
  animation: counterspin 12s linear infinite;
  display: block;
}

.orbit-center-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  text-align: center;
  max-width: 90%;
}

@keyframes orbit {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

@keyframes counterspin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(-360deg);
  }
}

@media (min-width: 960px) {
  .menu-container:not(.menu-borders) .menu-sub-enhanced.menu-horizontal ul.menu-smart>li>ul:not(.uncode-woocommerce-sorting-dropdown) {
    border-top-width: 0px;
    border-top-style: none;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
  }
}

.uncode-rotating-wrap {
  display: block !important;
  /* Forza il blocco */
  width: 100%;
  /* Assicura che occupi tutta la larghezza */
}

/* ===== UNCODE – ROW 4x col-lg-3 -> 2 colonne tra 961–1200 ===== */
@media (min-width: 961px) and (max-width: 1200px) {

  /* Colonne di primo livello: 2 per riga, rispettando i padding */
  .custom-break-row .row-inner>.wpb_column.column_parent[class*="col-lg-"] {
    display: inline-block !important;
    /* override del table-cell Uncode */
    vertical-align: top !important;
    width: 50% !important;
    max-width: 50% !important;
    box-sizing: border-box !important;
    /* include i padding nella width */
    height: auto !important;
    float: none !important;
    clear: none !important;
  }

  /* Bug Chrome: Uncode impone height:0 alle col-lg-* >=960px */
  .chrome .custom-break-row .row-inner>.wpb_column[class*="col-lg-"] {
    height: auto !important;
    min-height: 1px !important;
  }

  /* Spazio VERTICALE tra righe, coerente con i gutter del backend */
  /* Se la row usa HALF gutter */
  .custom-break-row .row-parent.col-half-gutter .row-inner>.wpb_column.column_parent[class*="col-lg-"] {
    margin-bottom: 18px !important;
    /* half gutter verticale */
  }

  /* Se la row NON è half gutter (gutter standard) */
  .custom-break-row .row-parent:not(.col-half-gutter) .row-inner>.wpb_column.column_parent[class*="col-lg-"] {
    margin-bottom: 36px !important;
    /* gutter standard verticale */
  }
}

/* >1200px: layout nativo 4x25% (nessuna forzatura su padding) */
@media (min-width: 1201px) {
  .custom-break-row .row-inner>.wpb_column[class*="col-lg-"] {
    display: table-cell !important;
    width: 25% !important;
    max-width: 25% !important;
    height: auto !important;
  }
}

/* <960px: 1 colonna (lasciamo fare a Uncode, ma assicuriamo compatibilità) */
@media (max-width: 960px) {
  .custom-break-row .row-inner>.wpb_column[class*="col-lg-"] {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
  }
}

@media (max-width: 960px) {
  .logo-footer {
    display: flex;
    justify-content: center !important;
    text-align: center !important;
  }
}

footer .uncol.style-dark .heading-text a {
  color: inherit !important;
}

footer .uncol.style-dark .heading-text a:hover {
  color: #fff !important;
}

.wpml-ls-statics-shortcode_actions {
  display: none !important;
}

/* Nasconde il selettore lingua duplicato nel menu mobile/offcanvas */
.offcanvas-menu .wpml-ls-statics-shortcode_actions,
.menu-offcanvas .wpml-ls-statics-shortcode_actions {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  overflow: hidden !important;
}

/* ============================================================
   RESPONSIVE TYPOGRAPHY — Uncode Correct Version
   Gestisce classi .h1–.h6 e tag semantici
   Esclude gli elementi con .fontsize-* o font-size inline
===============================================================*/
/* Blocca lo scaling tipografico automatico di Uncode sui titoli */
/* @media (min-width: 1201px) {
  h1:not([class*="fontsize-"]), .h1:not([class*="fontsize-"]) { font-size: 32px !important; }
  h2:not([class*="fontsize-"]), .h2:not([class*="fontsize-"]) { font-size: 29px !important; }
  h3:not([class*="fontsize-"]), .h3:not([class*="fontsize-"]) { font-size: 24px !important; }
  h4:not([class*="fontsize-"]), .h4:not([class*="fontsize-"]) { font-size: 20px !important; }
  h5:not([class*="fontsize-"]), .h5:not([class*="fontsize-"]) { font-size: 16px !important; }
  h6:not([class*="fontsize-"]), .h6:not([class*="fontsize-"]) { font-size: 16px !important; }
} */


/* --- Desktop largo sotto 1368px --- */
@media (max-width: 1368px) {

  h1:not([class*="fontsize-"]),
  .h1:not([class*="fontsize-"]) {
    font-size: 38px !important;
  }

  h2:not([class*="fontsize-"]),
  .h2:not([class*="fontsize-"]) {
    font-size: 30px !important;
  }

  h3:not([class*="fontsize-"]),
  .h3:not([class*="fontsize-"]) {
    font-size: 24px !important;
  }

  h4:not([class*="fontsize-"]),
  .h4:not([class*="fontsize-"]) {
    font-size: 18px !important;
  }

  h5:not([class*="fontsize-"]),
  .h5:not([class*="fontsize-"]) {
    font-size: 16px !important;
  }

  h6:not([class*="fontsize-"]),
  .h6:not([class*="fontsize-"]) {
    font-size: 15px !important;
  }
}

/* --- Tablet Landscape sotto 1200px --- */
@media (max-width: 1200px) {

  h1:not([class*="fontsize-"]),
  .h1:not([class*="fontsize-"]) {
    font-size: 34px !important;
  }

  h2:not([class*="fontsize-"]),
  .h2:not([class*="fontsize-"]) {
    font-size: 27px !important;
  }

  h3:not([class*="fontsize-"]),
  .h3:not([class*="fontsize-"]) {
    font-size: 22px !important;
  }

  h4:not([class*="fontsize-"]),
  .h4:not([class*="fontsize-"]) {
    font-size: 17px !important;
  }

  h5:not([class*="fontsize-"]),
  .h5:not([class*="fontsize-"]) {
    font-size: 15.5px !important;
  }

  h6:not([class*="fontsize-"]),
  .h6:not([class*="fontsize-"]) {
    font-size: 14.5px !important;
  }
}

/* --- Tablet Portrait sotto 960px --- */
@media (max-width: 960px) {

  h1:not([class*="fontsize-"]),
  .h1:not([class*="fontsize-"]) {
    font-size: 30px !important;
  }

  h2:not([class*="fontsize-"]),
  .h2:not([class*="fontsize-"]) {
    font-size: 25px !important;
  }

  h3:not([class*="fontsize-"]),
  .h3:not([class*="fontsize-"]) {
    font-size: 20px !important;
  }

  h4:not([class*="fontsize-"]),
  .h4:not([class*="fontsize-"]) {
    font-size: 16px !important;
  }

  h5:not([class*="fontsize-"]),
  .h5:not([class*="fontsize-"]) {
    font-size: 14.5px !important;
  }

  h6:not([class*="fontsize-"]),
  .h6:not([class*="fontsize-"]) {
    font-size: 14px !important;
  }
}

/* --- Mobile sotto 768px --- */
@media (max-width: 768px) {

  /* Headings (Uncode .h1–.h6 + semantic tags) */
  h1:not([class*="fontsize-"]),
  .h1:not([class*="fontsize-"]) {
    font-size: 26px !important;
  }

  h2:not([class*="fontsize-"]),
  .h2:not([class*="fontsize-"]) {
    font-size: 22px !important;
  }

  h3:not([class*="fontsize-"]),
  .h3:not([class*="fontsize-"]) {
    font-size: 20px !important;
  }

  h4:not([class*="fontsize-"]),
  .h4:not([class*="fontsize-"]) {
    font-size: 18px !important;
  }

  h5:not([class*="fontsize-"]),
  .h5:not([class*="fontsize-"]) {
    font-size: 16px !important;
  }

  h6:not([class*="fontsize-"]),
  .h6:not([class*="fontsize-"]) {
    font-size: 14px !important;
  }

  /* Body text & base elements */
  body:not([class*="fontsize-"]):not([style*="font-size"]),
  p:not([class*="fontsize-"]):not([style*="font-size"]),
  li:not([class*="fontsize-"]):not([style*="font-size"]),
  dt:not([class*="fontsize-"]):not([style*="font-size"]),
  dd:not([class*="fontsize-"]):not([style*="font-size"]),
  dl:not([class*="fontsize-"]):not([style*="font-size"]),
  address:not([class*="fontsize-"]):not([style*="font-size"]),
  label:not([class*="fontsize-"]):not([style*="font-size"]),
  pre:not([class*="fontsize-"]):not([style*="font-size"]),
  code:not([class*="fontsize-"]):not([style*="font-size"]),
  .nav-tabs .tab-excerpt:not([class*="fontsize-"]):not([style*="font-size"]) {
    font-size: 13px !important;
  }
}

body:not(.menu-force-opacity):not(.navbar-hover) header#masthead.style-light-override.menu-transparent:not(.is_stuck:not(.menu-desktop-transparent)):not(.is_mobile_open) .menu-horizontal-inner>.nav>.menu-smart>li.active>a,
body:not(.menu-force-opacity):not(.navbar-hover) header#masthead.style-light-override.menu-transparent:not(.is_stuck:not(.menu-desktop-transparent)):not(.is_mobile_open) .menu-horizontal-inner>.nav>.menu-smart>li a.active,
body:not(.menu-force-opacity):not(.navbar-hover) header#masthead.style-light-override.menu-transparent:not(.is_stuck:not(.menu-desktop-transparent)):not(.is_mobile_open) .menu-horizontal-inner>.nav>.menu-smart>li.current-menu-parent>a,
body:not(.menu-force-opacity):not(.navbar-hover) header#masthead.style-light-override.menu-transparent:not(.is_stuck:not(.menu-desktop-transparent)):not(.is_mobile_open) .menu-horizontal-inner>.nav>.menu-smart>li.current-menu-ancestor>a,
body:not(.menu-force-opacity):not(.navbar-hover) header#masthead.style-light-override.menu-transparent:not(.is_stuck:not(.menu-desktop-transparent)):not(.is_mobile_open) .menu-horizontal-inner>.nav>.menu-smart>li.wpml-ls-current-language>a,
body:not(.menu-force-opacity):not(.navbar-hover) header#masthead.style-light-override.menu-transparent:not(.is_stuck:not(.menu-desktop-transparent)):not(.is_mobile_open) .menu-horizontal-inner>.nav>.menu-smart>li.current-menu-item:not(.menu-item-type-custom)>a {
  color: #000 !important;
  font-style: bold;
}


@media (min-width: 961px) {

  /* Transizione fluida generale */
  header.navbar .menu-container {
    transition: background-color 0.3s ease, backdrop-filter 0.3s ease;
  }

  /* 1️⃣ Quando la pagina è in cima (menu trasparente) */
  header.navbar.menu-transparent:not(.is_stuck):hover .menu-container,
  header.navbar.menu-transparent:not(.is_stuck) .menu-container:hover,
  header.navbar.menu-transparent:not(.is_stuck) .menu-container:has(.menu-item:hover),
  header.navbar.menu-transparent:not(.is_stuck) .menu-container:has(.drop-menu:hover) {
    background-color: #1b1b1b !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  /* 2️⃣ Quando la pagina è scrollata (menu sticky) */
  header.navbar.menu-transparent.is_stuck:hover .menu-container,
  header.navbar.menu-transparent.is_stuck .menu-container:hover,
  header.navbar.menu-transparent.is_stuck .menu-container:has(.menu-item:hover),
  header.navbar.menu-transparent.is_stuck .menu-container:has(.drop-menu:hover) {
    background-color: #1b1b1b !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  /* ✅ FIX dinamico per skin chiara/scura ----------------------------- */

  /* Se l'header è in modalità chiara (testo scuro → serve sfondo bianco) */
  header.navbar.style-light-override.menu-transparent .menu-container:hover,
  header.navbar.style-light-override.menu-transparent .menu-container:has(.menu-item:hover),
  header.navbar.style-light-override.menu-transparent .menu-container:has(.drop-menu:hover),
  header.navbar.style-light-override.menu-transparent.is_stuck .menu-container:hover,
  header.navbar.style-light-override.menu-transparent.is_stuck .menu-container:has(.menu-item:hover),
  header.navbar.style-light-override.menu-transparent.is_stuck .menu-container:has(.drop-menu:hover) {
    background-color: #ffffff !important;
  }

  /* Se l'header è in modalità scura (testo chiaro → serve sfondo scuro) */
  header.navbar.style-dark-override.menu-transparent .menu-container:hover,
  header.navbar.style-dark-override.menu-transparent .menu-container:has(.menu-item:hover),
  header.navbar.style-dark-override.menu-transparent .menu-container:has(.drop-menu:hover),
  header.navbar.style-dark-override.menu-transparent.is_stuck .menu-container:hover,
  header.navbar.style-dark-override.menu-transparent.is_stuck .menu-container:has(.menu-item:hover),
  header.navbar.style-dark-override.menu-transparent.is_stuck .menu-container:has(.drop-menu:hover) {
    background-color: #1b1b1b !important;
  }
}


/* Desktop base (da 960px a 1199px) */
@media (min-width: 960px) and (max-width: 1199px) {

  .limit-width,
  .row-menu.limit-width,
  .main-container.limit-width,
  .page-body.limit-width,
  .post-content.limit-width {
    max-width: 1024px !important;
  }
}

/* Desktop medio-grande (da 1200px a 1439px) */
@media (min-width: 1200px) and (max-width: 1439px) {

  .limit-width,
  .row-menu.limit-width,
  .main-container.limit-width,
  .page-body.limit-width,
  .post-content.limit-width {
    max-width: 1180px !important;
  }
}

/* Desktop wide (oltre 1680px) */
@media (min-width: 1680px) {

  .limit-width,
  .row-menu.limit-width,
  .main-container.limit-width,
  .page-body.limit-width,
  .post-content.limit-width {
    max-width: 1240px !important;
  }
}

/* Ultra-wide display (oltre 2560px) */
@media (min-width: 2560px) {

  .limit-width,
  .row-menu.limit-width,
  .main-container.limit-width,
  .page-body.limit-width,
  .post-content.limit-width {
    max-width: 1360px !important;
  }
}