/*
Theme Name:   Nextawards Child
Description:  Tema figlio di Nextawards, creato per personalizzazioni e per proteggere le modifiche dagli aggiornamenti
Author:       Sara Gauna
Template:     nextawards
Version:      1.0.0
Text Domain:  nextawards-child
*/

/* ========================================
   01. HERO HOMEPAGE
   Adattamento responsive della copertina
   ======================================== */

@media screen and (max-width: 767px) {

  /* Altezza della hero adattata ai contenuti */
  .metrica-hero.wp-block-cover {
    min-height: 0 !important;
    height: auto !important;
  }

  /* Riduzione spazi sopra e sotto i contenuti */
  .metrica-hero .metrica-hero-spazio {
    height: 60px !important;
  }

}
/* ========================================
   02. BLOCCHI MEDIA E TESTO
   Ottimizzazione della visualizzazione mobile
   ======================================== */

@media screen and (max-width: 600px) {

  /* Distanza verticale tra immagine e testo */
  .wp-block-media-text.is-stacked-on-mobile {
    row-gap: 32px;
  }

  /* Contenitore dell'immagine */
  .wp-block-media-text.is-stacked-on-mobile
  > .wp-block-media-text__media {
    padding: 0 !important;
    min-width: 0;
  }

  /* Immagine ridimensionata e centrata */
  .wp-block-media-text.is-stacked-on-mobile
  > .wp-block-media-text__media img {
    display: block;
    width: 84% !important;
    max-width: 84% !important;
    height: auto;
    left: 8% !important;
  }

}

/* ========================================
   03. ANTEPRIME ARTICOLI
   Margini laterali nella visualizzazione mobile
   ======================================== */

@media screen and (max-width: 767px) {

  .metrica-anteprime-articoli {
    padding-left: 8% !important;
    padding-right: 8% !important;
    box-sizing: border-box;
  }

}