/* === HERO VIDEO — MOBILE LEFT BIAS + FULL SIZE === */
@media (max-width: 820px){
  .page-home .inset-hero .inset-hero__media > .hero-video{
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    object-fit: contain !important;        /* metti cover se vuoi riempire */
    object-position: 34% 50% !important;   /* sposta verso sinistra (32–40%) */
    background: transparent !important;
  }
}
/* === HERO PLACEHOLDER: centratura e dimensioni coerenti === */

/* Desktop: centrato con micro-shift a sinistra */
.page-home .inset-hero.is-placeholder .inset-hero__media picture > video{
  display:block !important;
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:50% 50% !important;
  transform: translateX(-0.5%) scale(1) !important; /* micro correzione desktop */
  transition: transform .25s ease;
}

/* Mobile: più a sinistra e un filo più grande */
@media (max-width: 820px){
  /* allarga leggermente il box hero su mobile se risulta “piccolo” */
  .page-home .inset-hero{
    width: min(96vw, 560px) !important;
  }

  .page-home .inset-hero.is-placeholder .inset-hero__media{
    display:grid !important;
    place-items:center !important;
  }

  .page-home .inset-hero.is-placeholder .inset-hero__media picture,
  .page-home .inset-hero.is-placeholder .inset-hero__media picture > video{
    width:100% !important;
    height:100% !important;
  }

  .page-home .inset-hero.is-placeholder .inset-hero__media picture > video{
    object-fit:contain !important;
    object-position:50% 50% !important;
    transform: translateX(-1%) scale(0.94) !important; /* sposta a sinistra e ingrandisci/riduci finché perfetto */
  }
}

/* opzionale: niente titolo/strap sopra il video placeholder */
.page-home .inset-hero.is-placeholder .inset-next-info{ display:none !important; }
/* === COMING SOON: alza l'hero e compatta gli spazi SOLO nel placeholder === */
.page-home.is-comingsoon .hero-countdown{
  /* se per sicurezza non vuoi nasconderlo, lo rendiamo super-compatto: */
  margin: 4px auto 2px !important;
  transform: translateY(-2px);
}

/* Mobile: sovrascrivo le variabili di spaziatura usate dall’hero */
@media (max-width: 820px){
  .page-home.is-comingsoon{
    /* toolbar → countdown / countdown → foto / foto → ticket */
    --gap-t:  6px;   /* prima 16px */
    --gap-cf: 2px;   /* prima 4px */
    --gap-ft: 4px;   /* ok tenerlo vicino ai ticket */
    --front-fold-h: 64vh; /* hero un filo più alto per riempire meglio */
  }

  .page-home.is-comingsoon .inset-hero{
    margin-top: 0 !important;          /* niente distacco sopra */
    margin-bottom: var(--gap-ft) !important;
    height: var(--front-fold-h) !important;
    max-height: var(--front-fold-h) !important;
  }
}
/* === Chip posizione: icona Maps + click full-pill === */
.chip--map{
  padding: 0 !important;              /* lascia padding al link interno */
}

.chip--map .chip__link{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 16px;
  border-radius: 999px;
  width: 100%;
  height: 100%;
  color: inherit;
  text-decoration: none;
}

.chip--map .chip__link:hover{
  text-decoration: none;
  filter: brightness(1.05);
}

.chip--map .chip__icon{
  display: inline-flex;
}

.chip--map .chip__icon svg{
  width: 16px;
  height: 16px;
}

/* opzionale: leggero underline solo al testo */
.chip--map .chip__text{
  text-decoration: underline;
  text-underline-offset: 2px;
}
/* Aumenta lo spazio tra la posizione (chip) e il footer */
.inset-strap {
  margin-bottom: 40px !important; /* aumentare il valore se vuoi */
}

/* se vuoi ancora più aria su mobile */
@media (max-width: 820px) {
  .inset-strap {
    margin-bottom: 60px !important;
  }
}