/* ==================================================
   LA CLE DU LIEN - PREMIUM HOME DESIGN
   Astra + Elementor
   ================================================== */

@media (max-width: 767px) {
  body.single-post .site-content > .ast-container {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  body.single-post #primary {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  body.single-post .ast-article-single {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body.single-post .entry-content {
    width: 100% !important;
    max-width: 100% !important;
  }
}


/* VARIABLES DESIGN */
:root {
    --couleur-principale: #7A8F7B;
    --couleur-secondaire: #D8C6B8;
    --couleur-fond: #FAF8F5;
    --couleur-texte: #3E3E3E;
    --ombre-douce: 0 20px 50px rgba(0,0,0,0.08);
    --radius: 24px;
}


/* GLOBAL */
body {
    color: var(--couleur-texte);
    background: var(--couleur-fond);
    -webkit-font-smoothing: antialiased;
}


/* ESPACEMENT DES SECTIONS ELEMENTOR */
.elementor-section {
    position: relative;
}

.elementor-container {
    max-width: 1180px;
}


/* TITRES */
.elementor-widget-heading h1,
.elementor-widget-heading h2 {
    letter-spacing: -0.03em;
    line-height: 1.15;
    font-weight: 500;
}


/* H1 HERO */
.elementor-widget-heading h1 {
    font-size: clamp(38px, 5vw, 62px);
}


/* SOUS-TITRES */
.elementor-widget-heading h3 {
    font-weight: 500;
    letter-spacing: -0.01em;
}


/* ==================================================
   HERO SECTION
   ================================================== */


.hero-home {
    min-height: 85vh;
    display:flex;
    align-items:center;
}


.hero-home::after {
    content:"";
    position:absolute;
    width:420px;
    height:420px;
    background:rgba(216,198,184,.25);
    border-radius:50%;
    right:-120px;
    top:80px;
    filter:blur(10px);
    z-index:0;
}


/* Image principale */
.hero-home img {
    border-radius:40px;
    box-shadow:var(--ombre-douce);
}


/* ==================================================
   BOUTONS APPEL RENDEZ-VOUS
   ================================================== */


.elementor-button,
.wp-element-button {
    border-radius:50px!important;
    padding:16px 34px!important;
    font-weight:600!important;
    letter-spacing:.02em;
    transition:all .3s ease;
    box-shadow:0 12px 25px rgba(122,143,123,.25);
}


.elementor-button:hover {
    transform:translateY(-3px);
    box-shadow:0 18px 35px rgba(122,143,123,.35);
}


/* bouton principal */
.btn-rdv .elementor-button {
    background:var(--couleur-principale)!important;
    color:white!important;
}



/* ==================================================
   CARTES SERVICES / ACCOMPAGNEMENTS
   ================================================== */


.card-service,
.elementor-widget-container .service-card {

    background:white;
    border-radius:var(--radius);
    padding:35px;
    box-shadow:0 10px 40px rgba(0,0,0,.06);
    transition:.35s ease;
}


.card-service:hover {
    transform:translateY(-8px);
    box-shadow:var(--ombre-douce);
}



/* ==================================================
   SECTION TEMOIGNAGES
   ================================================== */


.temoignages {
    background:white;
    border-radius:40px;
}


.temoignages blockquote {
    font-size:20px;
    line-height:1.7;
    font-style:italic;
}


/* ==================================================
   SECTION PRISE DE CONTACT
   ================================================== */


.contact-home {
    background:
    linear-gradient(
        135deg,
        rgba(122,143,123,.95),
        rgba(122,143,123,.75)
    );
    border-radius:40px;
    padding:60px;
    color:white;
}


.contact-home h2,
.contact-home p {
    color:white;
}


/* ==================================================
   FORMULAIRE ELEMENTOR
   ================================================== */


.elementor-form input,
.elementor-form textarea {
    border-radius:16px!important;
    border:1px solid #ddd!important;
    padding:16px!important;
    background:#fff!important;
}


.elementor-form input:focus,
.elementor-form textarea:focus {
    border-color:var(--couleur-principale)!important;
}



/* ==================================================
   ANIMATIONS DOUCES
   ================================================== */


.fade-up {
    animation:fadeUp .8s ease forwards;
}


@keyframes fadeUp {
    from {
        opacity:0;
        transform:translateY(25px);
    }

    to {
        opacity:1;
        transform:none;
    }
}



/* ==================================================
   MOBILE
   ================================================== */


@media(max-width:767px){

.hero-home {
    min-height:auto;
    padding-top:50px;
    padding-bottom:50px;
}

.elementor-widget-heading h1 {
    font-size:38px;
}


.contact-home {
    padding:35px 25px;
}


.elementor-button {
    width:100%;
}


}