/* =====================================================================
   PELLE MH — differenze di GALLURA OGGI (caricato dopo skin.css solo per questa testata).
   I colori stanno in skins/mh/config/galluraoggi.php (variabili --mh-* inline).
   Qui solo ciò che il Customizer della testata (work\galluraoggi\custom-css.txt), le opzioni MH
   (mh_newsdesk_options) e functions.php aggiungono rispetto alla famiglia.
   ===================================================================== */

/* Titoli delle colonne del footer: color_5 #4b4a4d (default MH #464646) */
.footer-widgets .widget-title { background: #4b4a4d; }

/* Newsletter nel footer: iframe alto 430px (stile inline del widget block-4) */
.oggi-newsletter-embed iframe { display: block; width: 100%; height: 430px; border: 0; background: #fff; }

/* Barre fisse ADV: bordo grigio come i placement gallu- (custom-css "banner fisso top/bottom") */
.tu-slot--top-header-fisso { border-bottom: 2px solid #4d4e50; }
.tu-slot--footer-fisso { border-top: 2px solid #4d4e50; background-color: #fff; }

/* Spazi "sponsor" centrati con titolo a sinistra (custom-css ".gallu-widget") */
.mh-block--slot { text-align: center; }
.mh-block--slot .widget-title { text-align: left; }

/* Home, fascia home-2 | home-3: i banner wg-h2 e wg-h4 sotto i due "Primo Piano" restano allineati
   anche se i sommari hanno altezze diverse (functions.php 485-517, "Flex fix" del 24/02/2026).
   Qui con flex al posto di grid+subgrid: stesso effetto, nessun problema con il clearfix della riga. */
@media (min-width: 768px) {
  .mh-home-row.home-2-3 { display: flex; align-items: stretch; }
  .mh-home-row.home-2-3 > .mh-home-col { display: flex; flex-direction: column; float: none; }
  .mh-home-row.home-2-3 > .mh-home-col > .mh-block--posts { flex: 1 0 auto; display: flex; flex-direction: column; }
  .mh-home-row.home-2-3 > .mh-home-col > .mh-block--posts > .mh-cp-widget { flex: 1 0 auto; display: flex; flex-direction: column; }
  .mh-home-row.home-2-3 > .mh-home-col > .mh-block--posts > .mh-cp-widget > hr.mh-separator { margin-top: auto; }
}