/*
 Theme Name: Houzez Child
 Theme URI: https://www.lastabile.it
 Description: Tema figlio per Houzez
 Author: Mailo
 Author URI: https://www.lastabile.it
 Template: houzez
 Version: 1.0
*/

/* =============================================================================
   PERSONALIZZAZIONI CSS CHILD THEME
   Aggiungi qui le personalizzazioni CSS
   ============================================================================= */


/* =============================================================================
   IMMAGINE BANNER HOMEPAGE — pagina Elementor ID 18855
   Sovrascrive il background-image del banner principale con l'immagine
   corretta su lastabile.it (migrata da prova.lastabile.it)
   ============================================================================= */
.elementor-18855 .elementor-element.elementor-element-b147f27:not(.elementor-motion-effects-element-type-background),
.elementor-18855 .elementor-element.elementor-element-b147f27 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    background-image: url("https://lastabile.it/wp-content/uploads/2026/03/villa_panoramica_3-1.webp");
}


/* =============================================================================
   FONT-DISPLAY SWAP — houzez-iconfont
   Sovrascrive il @font-face del tema padre aggiungendo font-display: swap.
   Evita il blocco del rendering mentre il font icone viene scaricato (58KB).
   Il browser mostra subito il testo con font di sistema e sostituisce
   con le icone Houzez quando il font è pronto.
   ============================================================================= */
@font-face {
    font-family: 'houzez-iconfont';
    src: url('../houzez/fonts/houzez-iconfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* Override font-display per houzez-iconfont */
@font-face {
    font-family: 'houzez-icon';
    src: url('../houzez/fonts/houzez-iconfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* Dimensioni esplicite logo — previene CLS warning Lighthouse */
.logo img,
.logo-mobile img {
    width: 175px;
    height: 46px;
    object-fit: contain;
}
/* =============================================================================
   FIX CLS DESKTOP — altezza banner hero
   Houzez applica .top-banner-wrap{height:600px} tramite CSS inline generato
   dinamicamente, causando CLS 0.849 su desktop perché il browser ricalcola
   l'altezza dopo il primo rendering. Anticipiamo qui la regola per evitarlo.
   ============================================================================= */
@media (min-width: 768px) {
    .top-banner-wrap {
        height: 600px;
    }
}