/*
Theme Name: Popaian Soleil
Theme URI: https://popaian.fr
Author: Popaian
Description: Thème Popaïan basé sur la maquette Soleil : chaleur, soins et nature.
Version: 0.10.2
Requires at least: 6.0
Text Domain: popaian-soleil
*/

    :root{--ink:#211c18;--gold:#a66e34;--cream:#f6f0e8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Georgia,serif}a{color:inherit}.hero{min-height:94vh;position:relative;background:linear-gradient(0deg,rgba(9,23,32,.66),rgba(9,23,32,.04) 63%),url('assets/visuel-1.jpg') center center/cover;display:flex;flex-direction:column;color:white}.nav{display:flex;justify-content:space-between;align-items:center;padding:30px clamp(22px,5vw,80px);font:600 12px Arial,sans-serif;letter-spacing:.22em;text-transform:uppercase}.nav a{text-decoration:none}.brand{font:32px Georgia,serif;letter-spacing:.11em}.nav-links{display:flex;gap:30px}.hero-body{margin:auto 0 0 clamp(25px,8vw,135px);max-width:760px;padding:40px 20px 38px 0;text-shadow:0 2px 16px #15202b80}.eyebrow{font:600 12px Arial,sans-serif;letter-spacing:.3em;text-transform:uppercase}.hero h1{font-size:clamp(65px,11vw,154px);font-weight:normal;letter-spacing:.04em;line-height:.9;margin:25px 0}.hero p{font-size:clamp(20px,2.5vw,30px);line-height:1.4;margin:0 0 38px}.button{display:inline-block;padding:17px 28px;border:1px solid currentColor;text-decoration:none;text-transform:uppercase;letter-spacing:.14em;font:600 12px Arial,sans-serif;transition:.2s}.button:hover{background:#fff;color:#211c18}.hero-bottom{padding:25px;text-align:center;font:12px Arial,sans-serif;letter-spacing:.2em;text-transform:uppercase}.intro{text-align:center;padding:90px 20px 58px;max-width:850px;margin:auto}.intro img{width:250px;max-width:65%;height:135px;object-fit:contain}.intro h2{font-size:clamp(31px,4vw,52px);font-weight:normal;margin:10px 0 15px}.intro p{font-size:19px;line-height:1.6;color:#64554a}.choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;max-width:1220px;margin:0 auto;padding:0 24px 110px}.card{min-height:560px;padding:55px;display:flex;flex-direction:column;justify-content:flex-end}.card h3{font-size:clamp(35px,4vw,61px);font-weight:normal;line-height:1.05;margin:8px 0 18px}.card p{font:17px/1.55 Arial,sans-serif;max-width:410px;margin:0 0 27px}.card .button{align-self:flex-start}.sauna{background:#111;color:#e9bd77;position:relative;overflow:hidden}.sauna:before{content:"";position:absolute;inset:0;background:url('assets/visuel-2.png') center 10%/50% auto no-repeat;opacity:.92;pointer-events:none}.sauna>*{position:relative}.sauna h3{font-size:45px}.care{background:linear-gradient(155deg,#d8e2df,#e5ddd0 55%,#b6c9c6);color:#283d3d}.care .button{border-color:#283d3d}.care .button:hover{background:#283d3d;color:white}footer{padding:32px;text-align:center;border-top:1px solid #d9cfc2;font:13px Arial,sans-serif;color:#75685c}@media(max-width:760px){.hero{min-height:78vh;background-position:50% center}.nav{padding:22px}.brand{font-size:24px}.nav-links{gap:14px;font-size:10px}.hero-body{margin-left:25px}.intro{padding-top:55px}.choices{grid-template-columns:1fr;padding:0 14px 70px;gap:14px}.card{min-height:480px;padding:35px}.sauna:before{background-size:70% auto;background-position:center 8%}}
  
.admin-bar .hero{min-height:calc(94vh - 32px)}
.page-content{max-width:850px;margin:70px auto;padding:0 24px;font:18px/1.7 Georgia,serif}.page-content h1{font-weight:normal;font-size:clamp(38px,6vw,68px)}.page-header{background:#211c18;color:#fff}.page-header .nav{padding-top:25px;padding-bottom:25px}.page-footer{margin-top:50px}

/* Version 0.2 — Wild Sauna: typography only, no photographic/logo asset */
.sauna{background:radial-gradient(ellipse at 50% 12%,#242019 0%,#151412 50%,#101010 100%);color:#e8bf7d;justify-content:center;align-items:center;text-align:center;gap:0;padding:clamp(32px,5vw,64px) clamp(24px,4vw,55px);border:1px solid #382e21}
.sauna:before{content:none;display:none}
.sauna .sauna-symbol{display:flex;align-items:center;justify-content:center;gap:14px;width:100%;margin:0 auto 29px;opacity:.85}
.sauna-symbol-line{display:block;width:65px;max-width:23%;height:1px;background:linear-gradient(90deg,transparent,#b18a53)}
.sauna-symbol-line:last-child{transform:rotate(180deg)}
.sauna-symbol-sun{display:block;width:22px;height:22px;border:1px solid #b18a53;border-radius:50%}
.sauna h3{font:normal clamp(35px,4.6vw,65px)/1.08 Georgia,serif;letter-spacing:.13em;text-transform:uppercase;margin:0 0 16px;color:#edc58a}
.sauna .sauna-subtitle{font:600 10px/1.6 Arial,sans-serif;letter-spacing:.17em;text-transform:uppercase;color:#c69b60;margin:0 0 44px}
.sauna .eyebrow{font-size:11px;letter-spacing:.28em;color:#c69b60;margin-bottom:15px}
.sauna p{font:18px/1.65 Georgia,serif;color:#f1dfc5;max-width:420px;margin:0 auto 30px}
.sauna .button{align-self:center;border-color:#bb9156;color:#e8bf7d;padding:16px 25px}
.sauna .button:hover{background:#e8bf7d;color:#151412}
@media(max-width:760px){.sauna{min-height:450px;padding:48px 22px}.sauna h3{font-size:clamp(32px,9vw,50px)}.sauna .sauna-subtitle{margin-bottom:34px;font-size:9px}.sauna p{font-size:17px}.sauna-symbol-line{width:42px}}

/* Version 0.3 — Illustration vectorielle et composition fidèle à la proposition */
.sauna{min-height:610px;justify-content:center;align-items:center;text-align:center;padding:54px clamp(20px,3.2vw,46px);background:#100f0e;color:#e9bf7e;border:0}
.sauna .sauna-landscape{display:block;width:min(100%,390px);height:auto;margin:0 auto 22px;color:#d8a65c;flex-shrink:0}
.sauna h3{font:normal clamp(32px,3.35vw,53px)/1.08 Georgia,'Times New Roman',serif;white-space:nowrap;letter-spacing:.12em;text-transform:uppercase;margin:0 auto 13px;color:#ebc58d}
.sauna .sauna-by{font:italic 21px/1.5 Georgia,serif;color:#d8ae74;margin:0 0 15px}
.sauna .sauna-by span{display:block;font:normal 19px/1.3 Georgia,serif;letter-spacing:.28em;margin:4px 0 0}
.sauna .sauna-subtitle{font:normal clamp(9px,1.1vw,12px)/1.6 Georgia,serif;letter-spacing:.19em;margin:4px 0 37px;color:#dcb77d}
.sauna .eyebrow{font:600 11px/1.4 Arial,sans-serif;letter-spacing:.29em;margin:0 0 14px;color:#dcb77d}
.sauna p{font:17px/1.65 Georgia,serif;color:#f0dec2;max-width:420px;margin:0 auto 30px}
.sauna .button{align-self:center;border:1px solid #c69a5c;color:#e9bf7e;padding:16px 23px}
@media(max-width:760px){.sauna{min-height:510px;padding:42px 18px}.sauna .sauna-landscape{width:min(100%,290px);margin-bottom:19px}.sauna h3{font-size:clamp(26px,7.2vw,40px);letter-spacing:.08em}.sauna .sauna-by{font-size:18px}.sauna .sauna-by span{font-size:16px}.sauna .sauna-subtitle{font-size:9px;margin-bottom:30px}.sauna p{font-size:16px}}

/* v0.4 - dessin Wild Saunas original fourni par le client */
.sauna .sauna-landscape{display:block;width:min(100%,430px);height:auto;object-fit:contain;margin:0 auto 10px;filter:none}
@media(max-width:760px){.sauna .sauna-landscape{width:min(100%,360px);margin-bottom:10px}}

/* v0.5 : remonter uniquement le contenu Wild Sauna, sans modifier Les Soins */
@media (min-width:761px){.choices .sauna > *{transform:translateY(-38px)}}
@media (max-width:760px){.choices .sauna > *{transform:translateY(-18px)}}

/* v0.6 — menu, logo et accès réservation */
.nav{gap:28px;letter-spacing:.12em}.nav-links{list-style:none;margin:0;padding:0;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:22px}.nav-links a{display:block;padding:12px 0;line-height:1.5}.nav-links a:hover{text-decoration:underline;text-underline-offset:5px}.custom-logo-link{display:block;flex-shrink:0}.custom-logo{display:block;width:auto;max-width:180px;height:auto;max-height:90px}.hero .nav{background:linear-gradient(#09172080,transparent)}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.button-primary{background:var(--cream);color:var(--ink);text-shadow:none}.sauna-discover{display:block;margin-top:18px;font:14px Arial,sans-serif;text-underline-offset:5px}.mobile-menu{display:none}a:focus-visible,summary:focus-visible{outline:3px solid #dfae69;outline-offset:5px}.intro img{width:220px;height:125px}.desktop-menu{margin-left:auto}
@media(max-width:1050px){.desktop-menu{display:none}.mobile-menu{display:block;margin-left:auto;position:relative}.mobile-menu summary{cursor:pointer;padding:14px;list-style:none;border:1px solid currentColor}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu[open] summary{margin-bottom:10px}.mobile-menu .nav-links{position:absolute;right:0;top:100%;width:min(290px,80vw);display:flex;flex-direction:column;align-items:stretch;gap:0;padding:14px 22px;background:var(--cream);color:var(--ink);box-shadow:0 8px 28px #0003;z-index:20}.nav{align-items:center}.custom-logo{max-width:145px;max-height:70px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

/* Logo Popaïan fourni, conservé dans ses proportions originales. */
.brand-logo{display:block;flex-shrink:0;line-height:0}.brand-logo img{display:block;width:120px;height:120px;object-fit:contain;border-radius:50%}.custom-logo{max-height:120px;max-width:180px}.nav{padding-top:18px;padding-bottom:18px}
@media(max-width:760px){.brand-logo img{width:88px;height:88px}.custom-logo{max-height:88px;max-width:145px}}

/* Page soins */
.soins-page{--sage:#dce5df;--deep:#2b4441}.soins-hero,.soins-story,.soins-process,.soins-book,.soins-editor{max-width:1180px;margin:auto;padding:80px 30px}.soins-hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:65px}.soins-hero h1{font-size:clamp(46px,6vw,80px);font-weight:normal;line-height:1.05;margin:24px 0}.soins-lead{font-size:22px;line-height:1.6;color:#64554a}.soins-hero>img{width:100%;height:390px;object-fit:cover;border-radius:180px 180px 4px 4px}.soins-button{background:var(--deep);color:white;border-color:var(--deep);text-align:center}.soins-button:hover{background:#41625d;color:white}.soins-story{display:grid;grid-template-columns:1fr 1.5fr;gap:85px;align-items:center}.soins-page h2{font-size:clamp(30px,4vw,46px);font-weight:normal;line-height:1.2;margin:18px 0 24px}.soins-story p,.soins-editor{font-size:19px;line-height:1.75;color:#64554a}.soins-illustration{text-align:center;background:var(--sage);border-radius:180px 180px 4px 4px;padding:35px}.soins-illustration img{max-width:100%;height:340px;object-fit:contain}.soins-process{text-align:center}.soins-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:45px;text-align:left}.soins-steps article{border-top:1px solid #b6bfb4;padding-top:25px}.soins-steps span{font-size:16px;color:#92764f}.soins-steps h3{font-size:25px;font-weight:normal}.soins-steps p,.soins-book p{font-size:18px;line-height:1.7}.soins-book{text-align:center;background:var(--sage);margin:40px auto 80px;padding:55px 25px}.soins-contact{display:block;margin-top:22px;text-underline-offset:5px}.soins-editor{max-width:850px}
@media(max-width:760px){.soins-hero,.soins-story{grid-template-columns:1fr;gap:30px;padding:45px 24px}.soins-hero>img{height:260px}.soins-story .soins-illustration{order:2}.soins-illustration img{height:270px}.soins-process{padding:35px 24px}.soins-steps{grid-template-columns:1fr;gap:18px}.soins-book{margin:25px 14px 50px}.soins-lead{font-size:20px}}

.soins-hero>img{object-position:30% center}.soins-illustration{padding:0;border-radius:4px;overflow:hidden}.soins-illustration img{display:block;width:100%;height:auto}

.contact-page{max-width:1150px;margin:0 auto;padding:65px 28px 100px}.contact-page h1{font-weight:normal;font-size:clamp(48px,7vw,78px);margin:20px 0}.contact-intro{max-width:720px;font-size:22px;line-height:1.6;color:#64554a}.contact-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:40px 0}.contact-action{padding:32px 24px;background:#dce5df;color:#2b4441;text-decoration:none;border:1px solid #bbc9bf;display:flex;flex-direction:column;gap:16px;min-height:150px;justify-content:center}.contact-action strong{font-size:25px;font-weight:normal}.contact-action span{font:15px/1.5 Arial,sans-serif;overflow-wrap:anywhere}.contact-action:hover{background:#2b4441;color:white}.contact-note,.contact-existing{font-size:18px;line-height:1.7;max-width:800px}.contact-note{color:#64554a}.contact-existing{margin-top:45px}@media(max-width:760px){.contact-actions{grid-template-columns:1fr;gap:14px}.contact-action{min-height:110px;padding:25px}.contact-page{padding:40px 24px 70px}}

.soins-zoom{display:block;cursor:zoom-in;text-decoration:none}.soins-zoom span{display:block;padding:12px;text-align:center;font:14px Arial,sans-serif;color:#2b4441}.soins-lightbox{padding:0;border:0;background:#142b30;color:white;width:min(1024px,94vw);max-width:94vw;max-height:92dvh;overflow:auto}.soins-lightbox::backdrop{background:#000c}.soins-lightbox>img{display:block;width:100%;height:auto}.soins-close{position:sticky;top:0;display:block;margin:0 0 0 auto;min-height:48px;padding:12px 20px;background:#fff;color:#211c18;border:0;font:16px Arial,sans-serif;cursor:pointer}.soins-close:focus-visible{outline:3px solid #a66e34;outline-offset:-4px}

/* Illustration de la transformation : eau, exuvie et envol. */
.intro img{width:320px;height:auto;max-width:85%;aspect-ratio:420/230}

.intro img{width:240px;height:auto;max-width:70%;aspect-ratio:3/2;object-fit:contain}

.legal-links{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 24px;margin-top:22px;line-height:1.6}.legal-links a{text-underline-offset:4px}.page-content h2{font-size:28px;line-height:1.3;margin-top:40px}.page-content a{overflow-wrap:anywhere}

/* v0.10 — Deux expériences en bandes horizontales, sauna puis soins. */
.choices{grid-template-columns:minmax(0,1fr);gap:24px}
.choices .card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,72px);align-items:center;min-height:330px;padding:44px clamp(24px,4vw,58px)}
.choices .card>*{transform:none;min-width:0}
.choices .experience-identity{text-align:center}
.choices .experience-content{text-align:left}
.choices .sauna-landscape{width:min(100%,330px);margin:0 auto 18px}
.choices .sauna h3{font-size:clamp(28px,3.3vw,45px);white-space:normal;letter-spacing:.1em}
.choices .sauna .sauna-by{font-size:18px;margin-bottom:10px}
.choices .sauna .sauna-by span{font-size:16px}
.choices .sauna .sauna-subtitle{margin:12px 0 0;font-size:10px}
.choices .card p{max-width:480px;margin:0 0 24px}
.choices .card .button{max-width:100%;text-align:center;line-height:1.6}
.choices .sauna-discover{margin-top:20px}
.choices .care h3{font-size:clamp(36px,4.2vw,58px);margin-bottom:0}
.choices .care .eyebrow{margin-bottom:18px}
@media(max-width:760px){
 .choices{gap:18px}
 .choices .card{grid-template-columns:minmax(0,1fr);gap:28px;min-height:0;padding:34px 24px}
 .choices .experience-content{text-align:center}
 .choices .card p{margin-left:auto;margin-right:auto}
 .choices .sauna-landscape{width:min(100%,290px)}
 .choices .sauna h3{font-size:clamp(27px,8vw,40px)}
 .choices .sauna .sauna-subtitle{font-size:9px}
 .choices .care h3{font-size:clamp(35px,9vw,48px)}
}

/* v0.10.1 — Réduire le vide transparent autour du paysage sans modifier le dessin. */
.choices .sauna .sauna-landscape{aspect-ratio:4 / 1;height:auto;object-fit:cover;object-position:center;margin:0 auto 12px}