/* =========================
   NASCONDI ELEMENTI (Jetpack + Most)
   ========================= */
#jp-relatedposts,
.ms-rp--ttr,
.ms-rp--top img,
.post-meta__author,
.ms-p--ttr,
.post-meta-footer a img{
  display:none !important;
}

/* =========================
   SPAZIATURE POST
   ========================= */
.post-navigation{ margin-bottom:60px; }

.ms-single-post{
  margin-top:0 !important;
  padding-top:30px;
}

/* =========================
   TYPO H1 (fix media query)
   ========================= */
/* Tablet */
@media (max-width:1024px){
  h1{ font-size:42px !important; }
}
/* Mobile (deve stare DOPO, così sovrascrive) */
@media (max-width:767px){
  h1{ font-size:20px !important; }
}

/* ================================
   CARD ARTICOLI (widget ms_posts)
   ================================ */
.ms-posts--wrap article.grid-item{
  background-color:var(--color-contrast-lower) !important;
  color:var(--color-contrast-higher) !important;
  border-radius:12px;
  border:1px solid var(--color-contrast-low);
  transition: background-color .3s ease, color .3s ease, border-color .3s ease;
}

.ms-posts--wrap article.grid-item .grid-item__content,
.ms-posts--wrap article.grid-item .post-content,
.ms-posts--wrap article.grid-item .row{
  background-color:transparent !important;
}

.ms-posts--wrap article.grid-item h2,
.ms-posts--wrap article.grid-item p,
.ms-posts--wrap article.grid-item a,
.ms-posts--wrap article.grid-item .post-meta__date,
.ms-posts--wrap article.grid-item .post-category__list a{
  color:var(--color-contrast-higher) !important;
}

.ms-posts--wrap article.grid-item:hover{
  background-color:var(--color-contrast-low) !important;
  border-color:var(--color-contrast-medium);
}

/* =========================
   BOX TITOLO "ARTICOLO IN EVIDENZA"
   (meglio usare classi, ma lascio l'ID come hai fatto)
   ========================= */
.elementor-element-44a53d7{
  background-color:var(--color-contrast-lower) !important;
  border-radius:12px;
  padding:.75rem 1.5rem;
  transition: background-color .3s ease, color .3s ease;
}
.elementor-element-44a53d7 .elementor-heading-title{
  color:var(--color-contrast-higher) !important;
}

/* =========================
   CONTENITORI: evidenza + più letti
   ========================= */
.elementor-element-1b36cd0,
.elementor-element-f86e30a,
.elementor-element-f83b29b{
  background-color:var(--color-bg-light);
  color:var(--color-contrast-higher);
  border-radius:16px;
  transition: background-color .3s ease, color .3s ease;
}

.elementor-element-1b36cd0 .e-con-inner,
.elementor-element-f86e30a .e-con-inner,
.elementor-element-f83b29b .e-con-inner{
  background-color:transparent !important;
}

/* =========================
   FIX FOOTER (scegline UNO: questo è “safe”)
   ========================= */
footer,
.ms-footer-template,
.elementor-location-footer,
.site-footer{
  position:relative !important;
  z-index:10 !important; /* 9999 spesso crea problemi con overlay/menu */
}

/* Evita taglio in fondo su mobile (safe-area) */
@media (max-width:767px){
  body{
    padding-bottom: env(safe-area-inset-bottom);
  }
}

/* =========================
   FIX SOVRAPPOSIZIONE GALLERY vs NEWS
   ========================= */
.bwc-gallery-fix{
  position:relative;
  z-index:1;
  margin-bottom:32px !important;
}

.bwc-news-fix{
  position:relative;
  z-index:3;
  margin-top:32px !important;
  padding-top:20px !important;
  clear:both;
}

.bwc-news-fix,
.bwc-gallery-fix{
  overflow:visible;
}
/* =========================
   FIX MENU MOBILE: header sopra tutte le hero/overlay
   ========================= */
header,
.site-header,
.main-header,
.main-header__layout,
.elementor-location-header{
  position: relative !important;
  z-index: 999999 !important;
}

/* Se l'header è sticky/fixed nel tema */
.main-header__layout{
  top: 0;
}

/* La hero custom non deve mai bloccare click sull’header */
.rzv5-root,
.rzv5-scrollspace,
.rzv5-stage{
  position: relative;
  z-index: 0 !important;
}

/* Se la hero ha layer che potrebbero "prendere" tap, rendili click-through */
.rzv5-hud,
.rzv5-scrollFx,
.rzv5-vignette,
.rzv5-glitchLayer{
  pointer-events: none !important;
}

/* Il video wrapper è già pointer-events:none nel tuo codice,
   ma ribadiamo per sicurezza */
.rzv5-videoWrap,
.rzv5-viewport,
.rzv5-video{
  pointer-events: none !important;
}
@media (max-width:1024px){
  .main-header__nav.is_mobile .sub-menu{ display:none; }
  .main-header__nav.is_mobile .menu-item-has-children.is-open > .sub-menu{ display:block; }
}