/*
Theme Name: Le Cabinet d’Aksana
Description: Intégration de la maquette validée, soins exclusivement au cabinet à Savagnier.
Version: 0.5.0
Requires at least: 6.5
Requires PHP: 8.0
Text Domain: aksana
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/
:root{--paper:#faf7f3;--ink:#292726;--muted:#62615e;--rose:#b35f68;--rose-dark:#954751;--sage:#7d866f;--line:#e7dfd6;--serif:Georgia,'Times New Roman',serif;--sans:'Segoe UI',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 var(--sans)}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:3px solid var(--sage);outline-offset:5px}svg{display:block;max-width:100%}.icon-library{position:absolute;width:0;height:0;overflow:hidden}.icon{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.container{width:min(1120px,calc(100% - 96px));margin:auto}.skip-link{position:fixed;top:-100px;left:12px;z-index:20;background:white;padding:12px}.skip-link:focus{top:12px}.header{background:var(--paper);border-bottom:1px solid #eee8e033}.header-inner{min-height:100px;display:flex;align-items:center;gap:44px}.brand{display:block;width:190px;flex-shrink:0}.brand svg{width:100%;height:auto}nav{display:flex;gap:34px;margin-left:auto;font-size:14px}nav a{padding:10px 0}nav a:hover{color:var(--rose)}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:15px 24px;border:1px solid var(--rose);border-radius:15px;background:var(--rose);color:#fff;font-weight:600;font-size:16px;line-height:1.3;transition:background .2s,transform .2s}.button:hover{background:var(--rose-dark);transform:translateY(-2px)}.button .icon{width:21px;height:21px}.button-small{font-size:14px;padding:12px 20px;border-radius:30px}.button-outline{color:var(--ink);background:transparent;border-color:var(--sage)}.button-outline .icon{color:var(--sage)}.button-outline:hover{background:#eaece4}.hero{position:relative;isolation:isolate;overflow:hidden}.hero-image{position:absolute;top:0;right:0;width:50%;height:100%;z-index:-1}.hero-image svg{width:100%;height:100%;object-fit:cover}.hero-image:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,var(--paper),transparent 26%)}.hero-inner{padding-top:68px;padding-bottom:45px}.hero-copy{width:57%;position:relative}.eyebrow{display:flex;align-items:center;gap:15px;text-transform:uppercase;letter-spacing:1.7px;font-size:12px;font-weight:500;color:var(--muted);margin:0 0 16px}.eyebrow:after{content:'';height:1px;width:68px;background:linear-gradient(90deg,#be8466,transparent)}h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.12;margin:0}h1{font-size:clamp(38px,4.1vw,58px);letter-spacing:-1.3px}h1 em{font-style:normal;color:var(--rose)}.intro{max-width:455px;margin:22px 0 26px;color:#454442}.actions{display:flex;gap:18px;flex-wrap:wrap}.benefits{display:flex;gap:35px;margin:54px 0 0;padding:0;list-style:none;width:72%}.benefits li{display:flex;align-items:center;gap:16px;font-size:14px;line-height:1.5}.benefits .icon{width:35px;height:35px;color:var(--sage)}.benefits li:last-child .icon{color:#bd7750}.section{padding:54px 0;scroll-margin-top:20px}.services{background:#f3ede780}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:36px}.section-heading>p{font-size:14px;max-width:340px;color:var(--muted);margin:0 0 3px}.section-heading .eyebrow{color:#b68670}h2{font-size:clamp(30px,3.1vw,42px);letter-spacing:-.7px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.card{border-radius:7px;overflow:hidden;background:var(--paper);border:1px solid #efe8e2}.card-image{aspect-ratio:1.65}.card-image svg{width:100%;height:100%}.card-body{padding:24px 22px 22px}.card-title{display:flex;justify-content:space-between;gap:12px;align-items:baseline}h3{font-size:20px}.price{font-size:17px;font-weight:600;color:var(--rose);white-space:nowrap}.card ul{padding-left:18px;font-size:14px;margin:24px 0 0}.card li{padding-left:4px}.card li::marker{color:var(--rose)}.service-note{background:#eee7df99;padding:16px 22px;display:flex;align-items:center;gap:20px;font-size:13px;border-radius:10px;margin:18px 0 0}.service-note>span{font-size:29px;color:#b77855;line-height:1}.gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.gallery svg{width:100%;height:auto;aspect-ratio:1.19;border-radius:7px;overflow:hidden}.image-note{font-size:12px;color:var(--muted);margin:12px 0 0}.contact-section{background:#f5eee84d}.contact-grid{display:grid;grid-template-columns:1.35fr 1fr .85fr;gap:40px;align-items:center}.contact-grid>div>p:not(.eyebrow){font-size:15px;margin:18px 0 22px;max-width:390px}.contact-details{font-style:normal;border-left:1px solid var(--line);padding-left:30px;font-size:14px;display:grid;gap:26px}.contact-details>div{display:flex;align-items:center;gap:20px}.contact-details .icon{color:#b77855;width:29px;height:29px}.map-card{min-height:230px;background:repeating-linear-gradient(34deg,transparent 0 40px,#fff9 41px 45px,transparent 46px 85px),repeating-linear-gradient(-39deg,#e5e9de 0 50px,#fff 51px 55px,#ede8e2 56px 105px);display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:8px;border:1px solid var(--line);text-align:center}.map-card .icon{width:44px;height:44px;color:var(--rose);margin-bottom:12px}.map-card strong,.map-card span{background:#faf7f3e8;padding:2px 10px}.map-card span{font-size:13px;text-decoration:underline;text-underline-offset:4px}.map-card:hover{border-color:var(--rose)}footer{border-top:1px solid var(--line);padding:24px 0 14px}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:13px;color:var(--muted)}footer .brand{width:155px}.prototype-note{font-size:12px;color:var(--muted);text-align:center;margin:16px 24px 0}
@media(min-width:1440px){.hero-image{width:calc(50% + 30px)}}
@media(max-width:1100px){.container{width:calc(100% - 56px)}.header-inner{gap:25px}nav{gap:22px}.brand{width:165px}.header-phone{font-size:12px;padding:12px 14px}.hero-inner{padding-top:48px}.benefits{width:80%;gap:24px}.card-title{flex-wrap:wrap;gap:8px}.contact-grid{gap:25px}.contact-details{padding-left:22px}}
@media(max-width:760px){html{scroll-padding-top:20px}.container{width:calc(100% - 40px)}.header-inner{flex-wrap:wrap;justify-content:space-between;gap:10px;padding-top:14px;padding-bottom:12px;min-height:0}.brand{width:150px}.header-phone{font-size:12px;gap:8px;padding:10px 14px}.header-phone .icon{width:17px;height:17px}nav{order:3;justify-content:space-between;width:100%;margin:4px 0 0;gap:12px;font-size:13px}.hero{display:flex;flex-direction:column}.hero-inner{padding-top:33px;padding-bottom:27px}.hero-copy{width:100%}h1{font-size:clamp(35px,7.3vw,50px);letter-spacing:-.9px}.eyebrow{font-size:10px;gap:10px;letter-spacing:1.3px}.hero-copy .eyebrow:after{width:35px}.intro{font-size:15px;max-width:none}.button{padding:14px 18px;font-size:14px}.actions{gap:12px}.hero-image{position:relative;order:2;width:100%;height:auto;aspect-ratio:1.35;max-height:380px}.hero-image svg{height:100%;width:100%}.hero-image:before{background:linear-gradient(180deg,var(--paper),transparent 15%)}.benefits{width:100%;gap:18px;justify-content:space-between;margin-top:30px}.benefits li{flex-direction:column;text-align:center;gap:10px;font-size:11px;flex:1}.benefits .icon{width:28px;height:28px}.section{padding:38px 0}.section-heading{display:block;margin-bottom:25px}.section-heading>p{margin-top:18px;max-width:none}h2{font-size:32px}.cards{grid-template-columns:1fr;gap:22px}.card-body{padding:24px}.card-title{flex-wrap:nowrap}h3{font-size:21px}.card ul{font-size:15px;margin-top:20px}.card-image{aspect-ratio:1.85}.service-note{align-items:flex-start;font-size:12px;padding:17px;gap:13px}.gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.contact-grid{grid-template-columns:1fr;gap:30px}.contact-details{border-left:0;border-top:1px solid var(--line);padding:25px 0 0;gap:22px}.map-card{min-height:190px}.footer-inner{flex-wrap:wrap;justify-content:center;text-align:center;gap:14px 24px}.footer-inner p{margin:0}footer .brand{width:140px}.prototype-note{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}


/* Approved brand symbol */
.brand{display:inline-flex;align-items:center;gap:10px;width:235px;line-height:1}
.brand-symbol{display:block;width:80px;height:80px;object-fit:contain;flex-shrink:0;mix-blend-mode:multiply}
.brand-name{display:flex;flex-direction:column;gap:5px;white-space:nowrap;color:var(--ink);font-family:var(--serif);font-size:23px}
.brand-signature{color:var(--rose-dark);font-size:33px;font-style:italic;letter-spacing:-1px}
.header-inner{min-height:112px}
footer .brand{width:210px}
footer .brand-symbol{width:68px;height:68px}
footer .brand-name{font-size:20px}
footer .brand-signature{font-size:28px}
@media(max-width:1100px){.brand{width:205px;gap:6px}.brand-symbol{width:68px;height:68px}.brand-name{font-size:21px}.brand-signature{font-size:30px}.header-inner{gap:20px}}
@media(max-width:760px){.brand{width:180px;gap:5px}.brand-symbol{width:60px;height:60px}.brand-name{font-size:18px}.brand-signature{font-size:27px}.header-inner{min-height:0;gap:10px}footer .brand{width:200px}footer .brand-symbol{width:64px;height:64px}}


/* Isolated photo regions */
:root{--paper:#fffcf8}
.photo-crop{position:relative;display:block;width:100%;overflow:hidden;isolation:isolate}
.photo-crop img{position:absolute;display:block;max-width:none;height:auto}
.hero-image{display:grid;align-items:center;overflow:hidden}
.hero-image:before{z-index:1;pointer-events:none;background:linear-gradient(90deg,var(--paper),transparent 24%)}
.hero-image .photo-crop{align-self:center}
.hero-copy{z-index:2}
.benefits{position:relative;z-index:2}
.card-image{aspect-ratio:auto;overflow:hidden}
.gallery>.photo-crop{border-radius:7px}
.brand-symbol{filter:brightness(1.06);mix-blend-mode:multiply}
.services{background:#fcf6f0}
.contact-section{background:#fffcf8}
@media(max-width:760px){.hero-image{height:auto;max-height:none;aspect-ratio:auto}.hero-image .photo-crop{max-height:none}.hero-image:before{background:linear-gradient(180deg,var(--paper),transparent 12%)}.card-image{aspect-ratio:auto}}


/* Temporary hero photo brief */
.hero-image.hero-placeholder{display:flex;align-items:center;justify-content:center;padding:35px 35px 35px 100px}
.hero-placeholder:before{display:none}
.photo-placeholder{width:100%;max-width:420px;min-height:320px;padding:35px 28px;border:1px dashed #c6b7a6;border-radius:12px;background:#f6efe6;color:var(--muted);text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}
.placeholder-camera{width:46px;height:46px;color:var(--sage);margin-bottom:20px;flex-shrink:0}
.placeholder-label{margin:0 0 12px;font-size:11px;letter-spacing:1.8px;text-transform:uppercase;color:var(--sage)}
.placeholder-title{margin:0 0 14px;font:28px/1.2 var(--serif);color:var(--ink)}
.placeholder-description{font-size:14px;line-height:1.65;max-width:300px;margin:0}
.placeholder-detail{font-size:11px;margin:22px 0 0;padding-top:16px;border-top:1px solid var(--line)}
@media(max-width:760px){.hero-image.hero-placeholder{padding:0 20px 30px;max-height:none}.photo-placeholder{min-height:280px;padding:28px 22px}.placeholder-title{font-size:26px}}


/* Photo briefs for services and gallery */
.photo-placeholder-small{max-width:none;min-height:0;min-width:0;padding:24px 18px;gap:0;border-radius:6px}
.photo-placeholder-small .placeholder-camera{width:30px;height:30px;margin-bottom:12px}
.photo-placeholder-small .placeholder-label{font-size:10px;margin-bottom:8px;letter-spacing:1.3px}
.photo-placeholder-small .placeholder-title{font-size:22px;margin-bottom:8px}
.photo-placeholder-small .placeholder-description{font-size:12px;line-height:1.5;max-width:260px}
.card-image .photo-placeholder{aspect-ratio:1.65;min-height:200px;border-width:0 0 1px;border-radius:0}
.gallery>.photo-placeholder{min-height:210px;height:100%;padding:24px 16px}
.gallery .placeholder-title{font-size:21px}
@media(max-width:760px){.card-image .photo-placeholder{min-height:200px}.gallery>.photo-placeholder{min-height:220px;padding:20px 12px}.gallery .placeholder-title{font-size:19px}.gallery .placeholder-label{font-size:9px;letter-spacing:1px}}

/* Hero placeholder icon size */
.hero-placeholder .placeholder-camera{width:46px;height:46px;flex-shrink:0}

/* WordPress integration */
.wp-page{padding-block:60px;min-height:55vh;max-width:820px}
.wp-page h1{margin-bottom:30px}.wp-page h2{margin-top:30px}
.wp-page a:not(.button){text-decoration:underline;text-underline-offset:3px}
.wp-page img{max-width:100%;height:auto}
.hero-image.hero-photo{display:block;padding:0}
.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:center}
.hero-photo:before{display:block;background:linear-gradient(90deg,var(--paper),transparent 26%)}
.footer-links{display:flex;gap:16px;flex-wrap:wrap}
.card-image img{display:block;width:100%;height:auto;aspect-ratio:1.65;object-fit:cover}
.gallery-item{margin:0;min-width:0}.gallery-item>img{display:block;width:100%;height:auto;aspect-ratio:1.19;object-fit:cover;border-radius:7px}
.gallery-item figcaption{font-size:13px;margin-top:8px;color:var(--muted)}
.gallery-item .photo-placeholder{height:100%;min-height:210px}
.gallery .photo-placeholder .placeholder-camera,.card-image .photo-placeholder .placeholder-camera{width:30px;height:30px}
.service-group{display:grid;grid-template-columns:210px minmax(0,1fr);gap:32px;margin-top:34px;padding-top:34px;border-top:1px solid var(--line);scroll-margin-top:30px}
.service-group-heading h3{font-size:29px;line-height:1.15;letter-spacing:-.4px}
.service-group-heading p{font-size:14px;color:var(--muted);margin:12px 0 0;max-width:200px}
.service-group .cards{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
.service-group .card-title h4{font:400 20px/1.2 var(--serif);margin:0}
.service-group-empty{margin:0;padding:26px 28px;border:1px solid var(--line);border-radius:7px;background:var(--paper);color:var(--muted);font-size:15px;align-self:start}
.service-booking-button{margin-top:22px;font-size:14px;padding:12px 18px}
.booking-demo-note{padding:22px 26px;margin-bottom:30px;border-left:4px solid var(--rose);background:#f6efe6;border-radius:6px;font-size:14px}.booking-demo-note p{margin:8px 0 0}
.booking-widget{margin-block:30px}.wp-page:has(.booking-widget){max-width:1120px}
.booking-widget #amelia-container{--am-c-primary:#b35f68!important;--am-c-btn-prim:#b35f68!important;--am-c-sb-bgr:#626b54!important;--am-font-family:var(--sans)!important}
.booking-widget .am-button--primary{background-color:var(--rose)!important;border-color:var(--rose)!important;color:#fff!important}.booking-widget .am-button--primary:hover{background-color:var(--rose-dark)!important}
@media(max-width:760px){.service-group{display:block;margin-top:28px;padding-top:28px}.service-group-heading{margin-bottom:20px}.service-group-heading h3{font-size:27px}.service-group-heading p{max-width:none;margin-top:8px}.service-group .cards{grid-template-columns:1fr}.service-group .card-title h4{font-size:21px}.service-group-empty{padding:22px}}
@media(max-width:760px){.hero-image.hero-photo{height:300px;aspect-ratio:auto}.hero-photo:before{background:linear-gradient(180deg,var(--paper),transparent 18%)}.wp-page{padding-block:35px}}

/* One horizontal row per category, with consistent card dimensions. */
.service-carousel{min-width:0}
.service-carousel-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:44px;margin-bottom:15px}
.service-carousel-count{margin:0;color:var(--muted);font-size:13px}
.service-carousel-controls{display:flex;gap:8px}.service-carousel-controls[hidden]{display:none}
.carousel-arrow{width:44px;height:44px;border:1px solid #c8b9ab;border-radius:50%;background:var(--paper);color:var(--ink);cursor:pointer;font:30px/1 var(--serif);display:grid;place-items:center;padding:0}
.carousel-arrow:hover:not(:disabled){background:var(--rose);border-color:var(--rose);color:#fff}.carousel-arrow:disabled{opacity:.35;cursor:default}
.service-group .cards.service-track{display:grid;grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:340px;gap:22px;align-items:stretch;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:1px;padding:2px 1px 16px;scrollbar-width:thin;scrollbar-color:#bd9496 #eee4da}
.service-track::-webkit-scrollbar{height:7px}.service-track::-webkit-scrollbar-thumb{background:#bd9496;border-radius:8px}.service-track::-webkit-scrollbar-track{background:#eee4da;border-radius:8px}
.service-track:focus-visible,.carousel-arrow:focus-visible,.service-more:focus-visible,.service-dialog-close:focus-visible{outline:3px solid var(--sage);outline-offset:3px}
.service-track .card{height:500px;display:flex;flex-direction:column;min-width:0;scroll-snap-align:start;scroll-snap-stop:normal}
.service-track .card-image{height:200px;flex:0 0 200px}
.service-track .card-image img{height:100%;aspect-ratio:auto;object-fit:cover}
.service-track .card-image .photo-placeholder{height:100%;min-height:0;aspect-ratio:auto;padding:20px 18px}
.service-track .card-image .placeholder-camera{width:26px;height:26px;margin-bottom:8px}
.service-track .card-image .placeholder-title{font-size:22px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.service-track .card-image .placeholder-description{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.service-track .card-body{padding:22px;display:flex;flex-direction:column;min-height:0;flex:1}
.service-track .card-title{flex-wrap:nowrap;align-items:flex-start;gap:12px;min-height:48px}
.service-track .card-title h4{flex:1;min-width:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:24px;max-height:48px}
.service-track .card-title .price{font-size:16px;padding-top:1px}
.service-description{height:112px;flex:0 0 112px;overflow:auto;margin-top:16px;position:relative;font-size:14px;line-height:1.5}
.service-description ul{font-size:inherit;line-height:inherit;margin:0;padding-left:18px}
.service-carousel.is-enhanced .service-description{overflow:hidden}
.service-description.is-clipped:after{content:'';position:absolute;inset:auto 0 0;height:16px;background:linear-gradient(transparent,var(--paper));pointer-events:none}
.service-card-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;margin-top:auto;padding-top:14px}
.service-card-actions .service-booking-button{margin:0;padding:12px 14px;font-size:13px;white-space:nowrap;margin-left:auto}
.service-more{font:600 13px/1.4 var(--sans);color:var(--rose-dark);border:0;background:transparent;padding:10px 0;text-decoration:underline;text-underline-offset:4px;cursor:pointer;white-space:nowrap}
.service-more[hidden]{display:none}
.service-dialog{width:min(580px,calc(100% - 32px));max-height:calc(100dvh - 48px);padding:36px;border:1px solid var(--line);border-radius:14px;background:var(--paper);color:var(--ink);box-shadow:0 24px 100px #29272635;overflow:auto}
.service-dialog::backdrop{background:#29272680}
.service-dialog-close{position:sticky;top:0;float:right;margin:-20px -20px 0 12px;z-index:2;width:40px;height:40px;border:1px solid var(--line);border-radius:50%;background:var(--paper);color:var(--ink);font-size:28px;cursor:pointer}
.service-dialog .eyebrow{margin-right:36px;font-size:10px}.service-dialog h2{font-size:34px;margin-right:24px;overflow-wrap:anywhere}
.service-dialog-price{margin:18px 0 24px}.service-dialog-content ul{padding-left:20px;margin:0;line-height:1.7}.service-dialog-content li{padding-left:4px;margin-bottom:8px}.service-dialog-content li::marker{color:var(--rose)}
.service-dialog-actions{margin-top:28px}.service-dialog-actions:empty{display:none}.service-dialog-actions .service-booking-button{margin-top:0}
.service-detail-open{overflow:hidden}
@media(max-width:760px){.service-group .cards.service-track{grid-auto-columns:min(300px,calc(100vw - 72px));gap:16px}.service-carousel-toolbar{margin-bottom:12px}.service-track .card-body{padding:20px}.service-dialog{padding:30px 24px}.service-dialog h2{font-size:29px}}
