/*
Theme Name: Hello Elementor Child
Template: hello-elementor
Description: Child theme for Hello Elementor
Version: 1.0
*/

/* === FONT IMPORT === */
@import url('https://fonts.googleapis.com/css2?family=Quattrocento:wght@400;700&family=Lato:wght@300;400;700&display=swap');

/* === FONT FAMILY GLOBALE (tutto il sito) === */
h1, h2, h3, h4, h5,
.elementor-heading-title,
.elementor-image-box-title {
    font-family: 'Quattrocento', serif !important;
}

p, span, a, li, button,
.elementor-button,
.elementor-button-text,
.elementor-icon-list-text {
    font-family: 'Lato', sans-serif !important;
}

/* === FONT FAMILY - Titoli: Quattrocento (contenuto) === */
[data-elementor-type]:not([data-elementor-type="header"]):not([data-elementor-type="footer"]) h1,
[data-elementor-type]:not([data-elementor-type="header"]):not([data-elementor-type="footer"]) h2,
[data-elementor-type]:not([data-elementor-type="header"]):not([data-elementor-type="footer"]) h3,
[data-elementor-type]:not([data-elementor-type="header"]):not([data-elementor-type="footer"]) h4,
[data-elementor-type]:not([data-elementor-type="header"]):not([data-elementor-type="footer"]) h5,
[data-elementor-type]:not([data-elementor-type="header"]):not([data-elementor-type="footer"]) .elementor-heading-title,
[data-elementor-type]:not([data-elementor-type="header"]):not([data-elementor-type="footer"]) .elementor-image-box-title {
    font-family: 'Quattrocento', serif !important;
}

/* === FONT FAMILY - Corpo e CTA: Lato === */
[data-elementor-type]:not([data-elementor-type="header"]):not([data-elementor-type="footer"]) p,
[data-elementor-type]:not([data-elementor-type="header"]):not([data-elementor-type="footer"]) span,
[data-elementor-type]:not([data-elementor-type="header"]):not([data-elementor-type="footer"]) a,
[data-elementor-type]:not([data-elementor-type="header"]):not([data-elementor-type="footer"]) li,
[data-elementor-type]:not([data-elementor-type="header"]):not([data-elementor-type="footer"]) button,
[data-elementor-type]:not([data-elementor-type="header"]):not([data-elementor-type="footer"]) .elementor-button,
[data-elementor-type]:not([data-elementor-type="header"]):not([data-elementor-type="footer"]) .elementor-button-text {
    font-family: 'Lato', sans-serif !important;
}

/* === TESTI CONTENUTO - esclusi header e footer === */
[data-elementor-type]:not([data-elementor-type="header"]):not([data-elementor-type="footer"]) p,
[data-elementor-type]:not([data-elementor-type="header"]):not([data-elementor-type="footer"]) span {
    font-size: clamp(1rem, 0.9266rem + 0.3175vw, 1.375rem) !important;
    font-weight: 300 !important;
}

/* === HEADING CONTENUTO - dimensioni per livello === */
[data-elementor-type]:not([data-elementor-type="header"]):not([data-elementor-type="footer"]) h1 {
    font-size: clamp(2rem, 1.6rem + 1.7vw, 3rem) !important;
}

[data-elementor-type]:not([data-elementor-type="header"]):not([data-elementor-type="footer"]) h2 {
    font-size: clamp(1.5rem, 1.2rem + 1.3vw, 2.5rem) !important;
}

[data-elementor-type]:not([data-elementor-type="header"]):not([data-elementor-type="footer"]) h3 {
    font-size: clamp(1.25rem, 1.1rem + 0.65vw, 2rem) !important;
}

[data-elementor-type]:not([data-elementor-type="header"]):not([data-elementor-type="footer"]) h4 {
    font-size: clamp(1.125rem, 1rem + 0.55vw, 1.625rem) !important;
}

[data-elementor-type]:not([data-elementor-type="header"]):not([data-elementor-type="footer"]) h5 {
    font-size: clamp(1rem, 0.95rem + 0.2vw, 1.25rem) !important;
}

/* === ESCLUSIONE CLAMP: Sezione Valori + Storia === */
[data-elementor-type] #valori-storia h1,
[data-elementor-type] #valori-storia h2,
[data-elementor-type] #valori-storia h3,
[data-elementor-type] #valori-storia h4,
[data-elementor-type] #valori-storia h5,
[data-elementor-type] #valori-storia p,
[data-elementor-type] #valori-storia span,
[data-elementor-type] #valori-storia .elementor-heading-title,
[data-elementor-type] #valori-storia .elementor-image-box-title {
    font-size: unset !important;
    font-weight: unset !important;
}

/* === TITOLI PRODOTTI nella griglia === */
#testo-prodotti,
#testo-prodotti .elementor-heading-title {
    font-size: 16px !important;
    font-weight: 900 !important;
}

/* === FOOTER - tutto 1rem === */
[data-elementor-type="footer"] h1,
[data-elementor-type="footer"] h2,
[data-elementor-type="footer"] h3,
[data-elementor-type="footer"] h4,
[data-elementor-type="footer"] h5,
[data-elementor-type="footer"] p,
[data-elementor-type="footer"] span,
[data-elementor-type="footer"] a,
[data-elementor-type="footer"] li,
[data-elementor-type="footer"] .elementor-heading-title,
[data-elementor-type="footer"] .elementor-icon-list-text {
    font-size: 1rem !important;
}

/* === CAROUSEL IMMAGINI PRODOTTO - cover (immagini già quadrate) === */
/* Selettori con body per vincere su Elementor custom CSS */
body #imgcarusel .acf-image {
    background-size: cover !important;
}

body #imgcarusel .elementor-widget-container,
body #imgcarusel .dynamic-content-for-elementor-acf,
body #imgcarusel .acf-image,
body #imgcarusel .mask,
body #imgcarusel .wrap-filters {
    width: 100% !important;
    height: 100% !important;
}

body #imgcarusel .acf-image img,
body #imgcarusel .wrap-filters img,
body #imgcarusel .mask img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    display: block !important;
}