/* WordPress integration for the HTML reference layout. */
.ac11-top a{color:inherit}.ac11-wp-brand{flex:0 1 230px}.ac11-wp-brand .custom-logo-link{display:flex;align-items:center}.ac11-wp-brand .custom-logo{width:auto;max-width:220px;max-height:68px;object-fit:contain}.ac11-wp-name{font-weight:800;color:#17465a;font-size:21px}.ac11-menu ul{display:flex;align-items:center;list-style:none;margin:0;padding:0;gap:24px}.ac11-menu li{position:relative}.ac11-menu .sub-menu{display:none;position:absolute;top:100%;left:0;min-width:190px;background:white;padding:15px;border:1px solid #d8e4e6;box-shadow:0 12px 25px #17465a1a}.ac11-menu li:hover>.sub-menu,.ac11-menu li:focus-within>.sub-menu{display:block}.ac11-menu .sub-menu li+li{margin-top:10px}.ac11-menu .current-menu-item>a{color:#00808a;text-decoration:underline;text-underline-offset:8px}.ac11-menu.is-open{display:flex}.ac11-hero-photo img{object-position:center 24%}.ac11-card .card-image{height:215px;aspect-ratio:auto;background:#e6f0f1}.ac11-card .card-image>img{height:100%;width:100%;object-fit:cover}.ac11-card .card-image .compare{height:100%}.ac11-card .card-image .compare img{width:100%;height:100%;object-fit:cover}.ac11-card .card-summary p{margin:0 0 16px}.audrey-card-booking{margin-top:18px!important}.audrey-card-booking .ac11-button{padding:9px 14px}.audrey-banner-wrap{padding-top:48px;padding-bottom:70px}.ac11-foot-wrap strong{font-size:20px;color:white}.ac11-foot-wrap ul{display:block}.ac11-foot-wrap ul li{margin:.25rem 0}.entry-content{line-height:1.8;color:#52717b}.entry-content img{height:auto}.entry-content a{text-decoration:underline}.entry-content p{max-width:760px}.audrey-home-content h2{color:#113b4d}.audrey-approach{margin:26px 0 65px;gap:16px}.audrey-approach>.wp-block-column{background:#fff;border:1px solid #d8e4e6;border-radius:15px;padding:22px;box-shadow:none}.audrey-approach h3{font-size:16px;color:#113b4d}.audrey-approach p{font-size:13px;line-height:1.6;color:#617880}.contact-form label{color:#17465a}.ac11-info .contact-form p{margin:0 0 1rem}.ac11-info .contact-notice{padding:1rem;border-left:4px solid #5e9292;background:#fff}.ac11-info .contact-error{border-color:#9a4e38}.woocommerce .ac11-wrap{color:#113b4d}
@media(max-width:800px){.ac11-menu ul{flex-direction:column;align-items:stretch;gap:12px}.ac11-menu .sub-menu{position:static;box-shadow:none;margin-top:8px}.ac11-menu.is-open{display:flex}.ac11-hero-photo img{object-position:center 25%}.audrey-approach{flex-wrap:wrap}.audrey-approach>.wp-block-column{min-width:200px}}
@media(max-width:540px){.audrey-approach{display:block}.audrey-approach>.wp-block-column{margin-bottom:15px}.ac11-wp-brand .custom-logo{max-width:180px;max-height:56px}}
.audrey-confidence{margin-top:55px;background:#f1f6f7;padding:36px;border-radius:18px}.audrey-confidence figure,.audrey-about figure{margin:0}.audrey-confidence img,.audrey-about img{width:100%;height:380px;object-fit:cover;border-radius:20px}.audrey-confidence ul,.audrey-about ul{list-style:none;padding:0}.audrey-confidence li,.audrey-about li{margin:12px 0}.audrey-confidence li:before,.audrey-about li:before{content:'✓';color:#0c7b75;font-weight:900;margin-right:10px}@media(max-width:800px){.audrey-confidence{padding:24px}.audrey-confidence img,.audrey-about img{height:300px}}
.ac11-foot-brand .custom-logo-link,.ac11-foot-brand>a{display:inline-flex;align-items:center}.ac11-foot-brand img.custom-logo{max-width:220px;max-height:80px;width:auto;height:auto;object-fit:contain}.ac11-foot-brand strong{font-size:20px;color:#fff}
.audrey-product-price{font-size:15px;font-weight:800;color:#17465a;margin:0 0 10px}
/* Restrict inline icon SVGs in the reported areas; never constrain the booking engine. */
.ac11-foot svg,.ac11-nav svg,.audrey-contact svg:not(.avs-rdv svg),.audrey-approach svg:not(.avs-rdv svg),.ac11-card svg,.audrey-home-content .wp-block-social-links svg,.audrey-home-content .wp-block-navigation svg{width:1.35em;height:1.35em;max-width:32px!important;max-height:32px!important;vertical-align:middle;flex:none}
/* Existing page content can include Elementor's Font Awesome SVGs without their original icon CSS. */
#contenu svg.e-font-icon-svg:not(.avs-rdv svg),#contenu .elementor-icon svg:not(.avs-rdv svg),#contenu .elementor-button-icon svg:not(.avs-rdv svg),#contenu .elementor-icon-list-icon svg:not(.avs-rdv svg),.ac11-foot svg.e-font-icon-svg{width:1.25em!important;height:1.25em!important;max-width:32px!important;max-height:32px!important;vertical-align:middle}
/* Raw Font Awesome SVGs from the old demo can arrive without Elementor's icon styles. */
.audrey-home-content svg[aria-hidden="true"][viewBox="0 0 512 512"]:not(.avs-rdv svg),.audrey-contact svg[aria-hidden="true"][viewBox="0 0 512 512"]:not(.avs-rdv svg){width:1.25em!important;height:1.25em!important;max-width:32px!important;max-height:32px!important;vertical-align:middle}
/* The two homepage sections shown in the reference, as editable WordPress blocks. */
.audrey-home-content .audrey-approach>.wp-block-column{position:relative;padding-left:55px}
.audrey-home-content .audrey-approach>.wp-block-column:before{content:'✓';position:absolute;left:22px;top:20px;font-size:20px;font-weight:800;color:#257d83}
.audrey-home-content .audrey-confidence{width:100vw;max-width:none;margin:78px calc(50% - 50vw) -78px;padding:78px max(24px,calc((100vw - 1152px)/2));border-radius:0;background:#f1f6f7;display:grid}
@media(max-width:800px){.audrey-home-content .audrey-confidence{margin-top:55px;margin-bottom:-55px;padding:55px 24px}}
/* Remove raw decorative 512px demo icons in the affected page bodies, never AVS booking icons. */
.audrey-home-content svg[aria-hidden="true"][viewBox="0 0 512 512"]:not(.avs-rdv svg),.audrey-contact svg[aria-hidden="true"][viewBox="0 0 512 512"]:not(.avs-rdv svg){display:none!important}

/* ===== 2026-11-07 — Avant / Après sur chaque soin, comme la maquette HTML ===== */
/* AVANT à gauche du séparateur, APRÈS à droite (la feuille de référence faisait l'inverse de la légende). */
.ac11-compare-layer.after{clip-path:none}
.ac11-compare-layer.before{clip-path:inset(0 calc(100% - var(--position)) 0 0)}
.ac11-compare-layer img{display:block}
.ac11-card>.ac11-comparison{aspect-ratio:auto;height:215px;border:0;border-radius:0}
.ac11-card .ac11-comparison img{height:100%;width:100%;object-fit:cover}
.ac11-card .ac11-compare-thumb{padding:8px;font-size:13px}
.ac11-card .ac11-compare-legend{bottom:10px;left:10px;right:10px}
.ac11-card>img{display:block;width:100%;height:215px;object-fit:cover}
.ac11-card .card-no-image{height:215px;background:linear-gradient(135deg,#e6f0f1,#d3e5e5)}
@media(max-width:540px){.ac11-card>.ac11-comparison,.ac11-card>img{height:200px}}
/* Photo d'Audrey : petite photo d'origine (207 px), on la garde nette au lieu de l'étirer. */
.audrey-hero-portrait{display:flex;align-items:center;justify-content:center}
.audrey-hero-portrait img{width:auto!important;max-width:100%;height:auto!important;max-height:440px;border-radius:24px;box-shadow:0 18px 40px #17465a2e}
/* Pied de page comme la maquette : marque en texte, coordonnées. */
.ac11-foot .ac11-brand{color:#fff;text-decoration:none;margin-bottom:14px}
.ac11-foot .ac11-brand small{color:#9fc4c9;border:0;margin-top:6px;padding:0}
.ac11-foot .ac11-brand-mark{color:#17465a}
.audrey-cities{font-size:13px!important}
/* Contact */
.audrey-contact-intro{max-width:760px;margin:0 0 28px;color:#52717b;line-height:1.8}
.audrey-contact .wpcf7 input:not([type=submit]),.audrey-contact .wpcf7 textarea{width:100%;padding:11px 12px;border:1px solid #c8dadd;border-radius:10px;font:inherit}
.audrey-contact .wpcf7 label{display:block;color:#17465a;font-weight:600;font-size:14px}
.audrey-contact .wpcf7 input[type=submit]{background:#17465a;color:#fff;border:0;border-radius:10px;padding:13px 22px;font-weight:700;cursor:pointer}
/* Filet de sécurité : aucune icône SVG géante dans le contenu, jamais dans le moteur de réservation. */
#contenu svg:not(.avs-rdv svg){max-width:48px;max-height:48px}

/* 2026-11-08 — logo blanc du pied de page */
.ac11-foot .ac11-brand{display:inline-block;background:#fff;border-radius:8px;padding:10px 14px}.ac11-foot .audrey-footer-logo{display:block;width:190px;max-width:100%;height:auto}

/* 2026-11-08 — pages en blocs (Accueil et Contact modifiables dans Pages) : même apparence que la maquette HTML */
.audrey-blocks figure{margin:0}
.audrey-blocks .wp-block-columns{margin-bottom:0}
.audrey-blocks .ac11-hero .ac11-wrap{margin-bottom:0}
.audrey-blocks .ac11-hero-copy{padding:56px 0}
.audrey-blocks .ac11-hero-copy>*{margin-top:0}
.audrey-blocks .audrey-trust{font-size:12px!important;font-weight:700;color:#315c67!important;white-space:pre-wrap;margin-top:22px}
.audrey-blocks .audrey-hero-portrait{display:flex;align-items:center;justify-content:center}
.audrey-blocks .wp-block-buttons.ac11-actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0}
.audrey-blocks .wp-block-button .wp-block-button__link{border:1px solid var(--ac-deep);background:var(--ac-deep);color:#fff;padding:14px 22px;border-radius:10px;font-weight:700;font-size:14px;line-height:1.3;box-shadow:0 6px 16px #17465a1d;text-decoration:none;transition:transform .15s,background .15s}
.audrey-blocks .wp-block-button .wp-block-button__link:hover{transform:translateY(-2px);background:#0c3748;color:#fff}
.audrey-blocks .wp-block-button.is-style-outline .wp-block-button__link{background:#fff;color:var(--ac-deep);border:1px solid var(--ac-deep)}
.audrey-blocks .wp-block-button.is-style-outline .wp-block-button__link:hover{background:#f6fbfc;color:var(--ac-deep)}
.audrey-blocks .audrey-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:32px}
.audrey-blocks .audrey-section-head h2{margin-bottom:0}
.audrey-blocks .audrey-section-head>.wp-block-column{align-self:flex-end}
.audrey-blocks .ac11-banner>.wp-block-column{align-self:center}
.audrey-blocks .audrey-section-head .ac11-intro{margin:0}
.audrey-blocks .ac11-feature-grid,.audrey-blocks .ac11-split{display:grid}
.audrey-blocks .ac11-feature{display:block}
.audrey-blocks .ac11-feature .sym{font-size:27px;line-height:1;color:#257d83;margin:0 0 10px}
.audrey-blocks .ac11-checks{padding:0}
.audrey-blocks .audrey-banner-wrap{padding-top:48px;padding-bottom:70px}
.audrey-blocks .ac11-banner{display:flex}
.audrey-blocks .ac11-banner>.wp-block-column.audrey-banner-action{flex:0 0 auto;flex-grow:0;flex-basis:auto}
.audrey-blocks .ac11-banner h2{color:#fff}
.audrey-blocks .ac11-banner .wp-block-buttons.ac11-actions{margin:0}
.audrey-blocks .ac11-banner .wp-block-button .wp-block-button__link{background:#fff;color:var(--ac-deep);border-color:#fff}
.audrey-blocks .ac11-pagehero .ac11-wrap>*,.audrey-blocks .ac11-pagehero .wp-block-group__inner-container>*{margin-top:0}
.audrey-contact .ac11-wrap.audrey-contact-intro{max-width:1200px;margin:0 auto;padding-top:64px}
.audrey-contact .audrey-contact-intro p{max-width:760px;color:#52717b;line-height:1.8}
.audrey-contact .audrey-contact-intro+.ac11-section,.audrey-contact .audrey-blocks+.ac11-section{padding-top:28px}
@media(max-width:800px){.audrey-blocks .audrey-section-head{display:block}.audrey-blocks .ac11-hero-copy{padding:40px 24px 20px}.audrey-blocks .ac11-banner{flex-direction:column;align-items:flex-start}}

/* Réseaux sociaux (pied de page) et vie privée (Loi 25) */
.ac11-foot .audrey-social{display:flex;gap:10px;list-style:none;margin:14px 0 0;padding:0}
.ac11-foot .audrey-social a{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#ffffff1a;color:#fff;transition:background .2s}
.ac11-foot .audrey-social a:hover,.ac11-foot .audrey-social a:focus-visible{background:#5e9292}
.audrey-privacy{max-width:820px;padding-block:3rem}
.audrey-rp-form{background:#f1f6f7;border:1px solid #d8e4e6;border-radius:10px;padding:1.4rem 1.6rem;margin:1rem 0 2rem}
.audrey-rp-form label{font-weight:650;color:#17465a}
.audrey-rp-form input[type=text],.audrey-rp-form input[type=email],.audrey-rp-form select,.audrey-rp-form textarea{width:100%;max-width:560px;padding:.6rem .7rem;border:1px solid #b9cfd3;border-radius:6px;background:#fff;font-weight:400;margin-top:.3rem}
.audrey-rp-form .audrey-rp-hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.audrey-rp-form .ac11-button{border:0;cursor:pointer}
.audrey-rp-note{font-size:.88rem;color:#536b73}
.audrey-rp-ok{background:#e6f4ea;border-left:4px solid #2e7d4f;padding:.8rem 1rem;margin:0}
.audrey-rp-err{background:#fdecea;border-left:4px solid #b32d2e;padding:.8rem 1rem}
.audrey-privacy h2{font-size:clamp(1.3rem,2vw,1.6rem);margin:2rem 0 .6rem}
