/* SHABOSS LIGHT — Custom CSS v4
   RÈGLE : pas d'override de propriétés exposées dans l'UI Elementor
   (font-family, font-size, color, text-transform : réglés dans les widgets) */

@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&family=Lato:wght@300;400;700&display=swap");

/* Hello Elementor header reset — structural, pas une propriété widget */
.site-header { padding: 0 !important; min-height: 0 !important; }

/* Hero image proportions — classe utilitaire, pas un contrôle widget */
.shaboss-hero-img img {
    aspect-ratio: 4/5;
    object-fit: cover;
    max-width: 260px;
}

/* Divider centré (le widget divider n'a pas de contrôle text-align) */
.shaboss-divider-gold .elementor-divider-separator {
    width: 48px;
    max-width: 48px;
    display: block;
    margin: 0 auto;
}
.shaboss-divider-gold .elementor-divider { text-align: center; }

/* Hover card structurel (pas de couleur définie dans Elementor UI) */
.elementor-element:hover > .elementor-widget-wrap[data-hover-animation],
.shaboss-card-hover:hover { cursor: pointer; }

/* Variant cards product page - selected state via JS not possible, border via CSS */
.elementor-element .elementor-container:focus-within { outline: none; }