:root {



    /* =====================================================

       AMMANAURA - PALETTE CHAMPAGNE PREMIUM

    ====================================================== */

    .navigation-list,

.navigation-list li {

    list-style: none !important;

    padding-left: 0;

}



    /* Champagne principal */

    --color-primary: #C49A5A;



    /* Champagne foncé

       Titres, footer, zones fortes */

    --color-primary-dark: #6F5231;



    /* Champagne doux */

    --color-secondary: #D8B77C;



    /* Champagne lumineux

       Détails, hover, petites décorations */

    --color-accent: #E5C995;



    /* Rose poudré très discret */

    --color-rose: #D7A59A;





    /* =====================================================

       FONDS

    ====================================================== */



    --color-background: #F8F3EB;



    --color-surface: #FFFDF9;





    /* =====================================================

       TEXTES

    ====================================================== */



    --color-text: #352E27;



    --color-text-light: #756A5F;





    /* =====================================================

       BORDURES

    ====================================================== */



    --color-border: rgba(196, 154, 90, 0.22);





    /* =====================================================

       TYPOGRAPHIES

    ====================================================== */



    --font-title: "Cormorant Garamond", Georgia, serif;



    --font-body: "Montserrat", Arial, sans-serif;





    /* =====================================================

       DIMENSIONS

    ====================================================== */



    --container-width: 1200px;



    --header-height: 88px;





    /* =====================================================

       ARRONDIS

    ====================================================== */



    --border-radius-small: 8px;



    --border-radius-medium: 16px;



    --border-radius-large: 28px;





    /* =====================================================

       OMBRES

    ====================================================== */



    --shadow-soft:

        0 18px 45px rgba(111, 82, 49, 0.10);





    /* =====================================================

       TRANSITIONS

    ====================================================== */



    --transition-fast: 0.2s ease;



    --transition-normal: 0.35s ease;

}

/* =========================================================

   FINITION HEADER PREMIUM

========================================================= */



.navigation-list,

.navigation-list li {

    list-style: none !important;

    padding-left: 0;

}





.navigation-list li::marker {

    content: "";

}





.site-header a,

.main-navigation a,

.navigation-link,

.dropdown-toggle,

.dropdown-menu a {

    text-decoration: none !important;

    border-bottom: 0 !important;

}





.navigation-link::before,

.navigation-link::after,

.main-navigation a::before,

.main-navigation a::after {

    display: none !important;

    content: none !important;

}





.navigation-link {

    line-height: 1.2;

    white-space: nowrap;

}





.navigation-link.active {

    color: var(--color-primary-dark);



    text-decoration: none !important;



    background:

        rgba(196, 154, 90, 0.15);

}





.navigation-link:hover {

    color: var(--color-primary-dark);



    text-decoration: none !important;



    background:

        rgba(196, 154, 90, 0.10);

}


/* =========================================================
   LISIBILITÉ GLOBALE PREMIUM
========================================================= */

body {
    font-size: 16.5px;
    line-height: 1.75;
}


/* TEXTE COURANT */

p,
li,
a,
button,
input,
textarea,
select {
    font-size: 1rem;
}


/* PARAGRAPHES DES SECTIONS */

.section-container p,
.service-introduction p,
.about-story-content p,
.about-philosophy-content p,
.individual-intro-text p,
.contact-form-introduction p,
.precautions-card p,
.faq-list p,
.business-intro-text p {
    font-size: 1.02rem;
    line-height: 1.85;
}


/* PETITS TEXTES DE SURTITRE */

.section-eyebrow,
.page-hero-eyebrow,
.hero-eyebrow,
.card-label,
.service-card-category {
    font-size: 0.82rem;
    line-height: 1.4;
}


/* NAVIGATION */

.navigation-link {
    font-size: 0.95rem;
    font-weight: 500;
}


/* MENU DÉROULANT */

.dropdown-menu a {
    font-size: 0.92rem;
}


/* BOUTONS */

.button,
.header-whatsapp-button {
    font-size: 0.92rem;
}


/* CARTES */

.service-card-content p,
.individual-service-content p,
.business-benefit-card p,
.business-service-card p,
.about-value-card p,
.about-philosophy-list p {
    font-size: 0.96rem;
    line-height: 1.75;
}


/* FAQ */

.faq-list summary,
.pricing-faq summary,
.business-faq-list summary,
.contact-faq-list summary {
    font-size: 1.15rem;
}


/* FOOTER */

.footer-column p,
.footer-column a {
    font-size: 0.9rem;
}


/* =========================================================
   MEILLEURE LISIBILITÉ SUR GRAND ÉCRAN
========================================================= */

@media (min-width: 1200px) {

    body {
        font-size: 17px;
    }

    .section-container p {
        font-size: 1.04rem;
    }

    .navigation-link {
        font-size: 0.96rem;
    }

    .button,
    .header-whatsapp-button {
        font-size: 0.94rem;
    }
}


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

@media (max-width: 700px) {

    body {
        font-size: 16px;
    }

    p,
    li {
        font-size: 0.98rem;
    }

    .section-container p {
        font-size: 1rem;
        line-height: 1.75;
    }
}


/* =========================================================
   TYPOGRAPHIE ÉDITORIALE PREMIUM
   Largeur et rythme de lecture
========================================================= */


/* Paragraphes principaux */

.section-heading > p:not(.section-eyebrow) {
    max-width: 680px;
    margin-left: auto;
    margin-right: auto;
}


/* Sections avec texte aligné à gauche */

.service-introduction .section-heading > p:not(.section-eyebrow),
.about-story-content p,
.about-philosophy-content p,
.individual-intro-text p,
.business-intro-text p,
.contact-form-introduction > p {
    max-width: 680px;
}


/* Paragraphes des Hero */

.page-hero-content > p:not(.page-hero-eyebrow),
.service-hero-grid > div:first-child > p:not(.page-hero-eyebrow),
.hero-content > p:not(.hero-eyebrow) {
    max-width: 620px;
    line-height: 1.75;
}


/* Titres de sections */

.section-heading h2 {
    max-width: 820px;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.08;
}


/* Titres dans les sections alignées à gauche */

.service-introduction .section-heading h2 {
    max-width: 760px;
}


/* Espacement propre entre titre et texte */

.section-heading h2 + p {
    margin-top: 18px;
}


/* Paragraphes successifs */

.section-container p + p {
    margin-top: 14px;
}


/* =========================================================
   CARTES
========================================================= */

.service-card-content p,
.individual-service-content p,
.business-benefit-card p,
.business-service-card p,
.about-value-card p {
    max-width: 46ch;
}


/* =========================================================
   GRAND ÉCRAN
========================================================= */

@media (min-width: 1200px) {

    .section-heading > p:not(.section-eyebrow) {
        max-width: 700px;
    }

    .page-hero-content > p:not(.page-hero-eyebrow),
    .service-hero-grid > div:first-child > p:not(.page-hero-eyebrow) {
        max-width: 640px;
    }
}


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

@media (max-width: 700px) {

    .section-heading > p:not(.section-eyebrow),
    .service-introduction .section-heading > p:not(.section-eyebrow),
    .page-hero-content > p:not(.page-hero-eyebrow),
    .service-hero-grid > div:first-child > p:not(.page-hero-eyebrow) {
        max-width: 100%;
    }
}

/* =========================================================
   LISIBILITÉ GLOBALE - VERSION PLUS GRANDE
========================================================= */

body {
    font-size: 18px;
    line-height: 1.75;
}


/* TEXTE COURANT */

p,
li,
a,
button,
input,
textarea,
select {
    font-size: 1.05rem;
}


/* PARAGRAPHES PRINCIPAUX */

.section-container p,
.service-introduction p,
.about-story-content p,
.about-philosophy-content p,
.individual-intro-text p,
.contact-form-introduction p,
.precautions-card p,
.business-intro-text p,
.session-grid p,
.benefits-grid p,
.why-grid p,
.faq-list p {
    font-size: 1.12rem !important;
    line-height: 1.8;
}


/* SOUS-TITRES / PETITS LABELS */

.section-eyebrow,
.page-hero-eyebrow,
.hero-eyebrow,
.card-label,
.service-card-category {
    font-size: 0.9rem !important;
    line-height: 1.4;
}


/* NAVIGATION */

.navigation-link {
    font-size: 1rem !important;
}


/* MENU DÉROULANT */

.dropdown-menu a {
    font-size: 0.98rem !important;
}


/* BOUTONS */

.button,
.header-whatsapp-button {
    font-size: 1rem !important;
}


/* TEXTES DANS LES CARTES */

.service-card-content p,
.individual-service-content p,
.business-benefit-card p,
.business-service-card p,
.about-value-card p,
.about-philosophy-list p,
.benefits-grid p,
.why-grid p,
.session-steps p {
    font-size: 1.05rem !important;
    line-height: 1.75;
}


/* TITRES DES CARTES */

.service-card h3,
.individual-service-content h3,
.business-benefit-card h3,
.business-service-card h3,
.benefits-grid h3,
.why-grid h3,
.session-steps h3 {
    font-size: 1.8rem;
}


/* FAQ */

.faq-list summary,
.pricing-faq summary,
.business-faq-list summary,
.contact-faq-list summary {
    font-size: 1.25rem !important;
}


/* FOOTER */

.footer-column p,
.footer-column a {
    font-size: 0.98rem !important;
}


/* =========================================================
   GRAND ÉCRAN
========================================================= */

@media (min-width: 1200px) {

    body {
        font-size: 18px;
    }

    .section-container p {
        font-size: 1.12rem !important;
    }

    .navigation-link {
        font-size: 1rem !important;
    }

    .button,
    .header-whatsapp-button {
        font-size: 1rem !important;
    }
}


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

@media (max-width: 700px) {

    body {
        font-size: 17px;
    }

    p,
    li {
        font-size: 1rem;
    }

    .section-container p {
        font-size: 1.03rem !important;
        line-height: 1.75;
    }

    .navigation-link {
        font-size: 1rem !important;
    }
}