/*
 Theme Name:    Jolie-Playa
 Theme URI:      https://divi.com
 Description:    Thème enfant inspiré de Jolie Playa Webflow
 Author:         DiviPaulo
 Template:       Divi
 Version:        1.0.0
*/

/* ==========================================================================
   1. Imports et Reset de base pour le look "Webflow"
   ========================================================================== */

:root {
    --color-sand: #fdfcf8; /* Couleur de fond typique style Webflow */
    --color-dark: #1a1a1a;
    --font-main: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

body {
    background-color: var(--color-sand);
    color: var(--color-dark);
    -webkit-font-smoothing: antialiased; /* Rendu de police plus net comme sur Webflow */
}

/* Supprimer les ombres par défaut de Divi pour un look "Flat/Clean" */
.et_pb_section, .et_pb_row, .et_pb_module {
    box-shadow: none !important;
}

/* Typographie fluide (très utilisé sur Webflow) */
h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-main);
    letter-spacing: -0.03em; /* Le kerning serré moderne */
    line-height: 1.1;
}

h1 {
    font-size: clamp(3rem, 5vw, 6rem); /* Taille adaptative */
}

/* Customisation des boutons pour ressembler à ceux du site exemple */
.et_pb_button {
    border-radius: 0px; /* Boutons carrés */
    border: 1px solid var(--color-dark);
    background: transparent;
    color: var(--color-dark);
    padding: 15px 30px;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.et_pb_button:hover {
    background: var(--color-dark);
    color: var(--color-sand);
    padding-left: 30px; /* Annule le saut par défaut de Divi */
}