/*
Theme Name: Maison Cély
Author: Agence Cély
Description: Thème Maison Cély — escapades cocooning dans le Var. Autonome (sans Divi).
Version: 1.0
Text Domain: maison-cely
*/
:root{
--sauge-100:#E9ECE1;--sauge-300:#B4BEA2;--sauge-500:#6E7A5E;--sauge-700:#55604A;
--olive-900:#2F3528;--olive-700:#4A5241;--olive-500:#6F7566;
--lin-50:#FFFCF7;--lin-100:#FAF5EC;--lin-200:#F3EBDD;--lin-300:#E6DAC7;
--nude-100:#F8EEE8;--miel-100:#FBF1DC;--miel-200:#F4E0B2;--miel-500:#D4A04A;
--terracotta-500:#C47B5B;--terracotta-700:#95513A;--brun-900:#3A2B20;
}
*{box-sizing:border-box}
body{margin:0;background:var(--lin-100);color:var(--olive-700);font:400 16px/1.55 "Jost",sans-serif;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
h1,h2,h3,h4{font-family:"Arapey",Georgia,serif;font-weight:400;color:var(--olive-900);letter-spacing:-.01em;line-height:1.08;margin:0;text-wrap:balance}
h1{font-size:56px}h2{font-size:44px}h3{font-size:26px}
a{color:var(--terracotta-700)}a:hover{color:var(--olive-900)}
.wrap{max-width:1200px;margin:0 auto;padding:0 24px}
.sec{padding:96px 0}
.g2,.g3,.g4{display:grid;gap:32px}.g2{grid-template-columns:repeat(2,minmax(0,1fr));gap:64px;align-items:center}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}
.bg-lin{background:var(--lin-200)}.bg-nude{background:var(--nude-100)}.bg-sauge{background:var(--sauge-700);color:var(--lin-50)}.bg-sauge h2,.bg-sauge h3{color:var(--lin-50)}
.script{font-family:"Great Vibes",cursive;font-size:1.3em;line-height:.8;color:var(--sauge-500)}.bg-sauge .script,.script--miel{color:var(--miel-200)}
.eyebrow{font:500 12px/1.2 "Jost",sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--terracotta-700);margin:0 0 14px}
.lead{font-size:19px;font-weight:300;line-height:1.55;margin:0;text-wrap:pretty}
.btn{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:16px 28px;font:500 16px/1 "Jost",sans-serif;letter-spacing:.02em;text-decoration:none;background:var(--terracotta-700);color:var(--lin-50);transition:transform .2s,background .2s}
.btn:hover{background:var(--terracotta-500);color:var(--lin-50);transform:translateY(-2px)}
.btn--sm{padding:11px 20px;font-size:15px}.btn--clair{background:var(--lin-50);color:var(--olive-900)}.btn--clair:hover{background:var(--lin-200);color:var(--olive-900)}
.tlink{font-weight:500;font-size:15px;color:var(--terracotta-700);text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:2px}
.badge{display:inline-flex;align-items:center;height:26px;padding:0 12px;border-radius:999px;background:var(--miel-200);color:var(--olive-900);font:500 12px/1 "Jost",sans-serif;letter-spacing:.06em}
.head{position:sticky;top:0;z-index:30;background:rgba(250,245,236,.94);backdrop-filter:blur(10px);border-bottom:1px solid var(--lin-300)}
.head .wrap{display:flex;align-items:center;gap:28px;height:64px}.head img{height:44px;width:auto}
.head nav{display:flex;gap:28px;flex:1;justify-content:flex-end}.head nav a{color:var(--olive-900);text-decoration:none;font-size:17px;padding-bottom:3px;border-bottom:1.5px solid transparent}.head nav a:hover{border-color:var(--terracotta-500)}
.head .proprio{font-size:14px;color:var(--olive-500);text-decoration:none}
.burger{display:none;margin-left:auto;background:none;border:0;font:500 16px "Jost";color:var(--olive-900);padding:10px}
.hero{position:relative;height:680px;background:var(--sauge-300) center/cover}
.hero-card{position:absolute;left:24px;bottom:56px;max-width:560px;background:var(--lin-50);border-radius:32px;padding:44px;box-shadow:0 24px 60px rgba(62,56,40,.18)}
.hero-card h1{margin:20px 0 18px}.hero-card .lead{margin-bottom:28px}.hero-card small{color:var(--olive-500);margin-left:12px}
.pains p{margin:0;padding:22px 0;border-bottom:1px solid var(--lin-300);font:400 21px/1.35 "Arapey",serif;color:var(--olive-900)}.pains{border-top:1px solid var(--lin-300)}
.sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:44px}.sec-head h2{max-width:620px}
.incl .dot{width:48px;height:48px;border-radius:50%;background:var(--miel-200);margin-bottom:16px}.incl h3{font-size:22px;margin-bottom:8px}.incl p{margin:0;color:var(--olive-500)}
.card img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:999px 999px 24px 24px;margin-bottom:18px}
.card h3{margin:8px 0 6px}.card p{margin:0 0 12px}.card .meta{font-size:13px;color:var(--olive-500)}
.arche{border-radius:999px 999px 24px 24px;object-fit:cover;width:100%;height:560px}
.sig{font:400 44px/1 "Great Vibes",cursive;color:var(--sauge-500);margin:20px 0 24px}
.quote{border:1px solid var(--sauge-500);border-radius:24px;padding:28px;background:rgba(255,252,247,.06);display:flex;flex-direction:column;gap:16px;justify-content:space-between}.quote p{margin:0;font:italic 400 21px/1.4 "Arapey",serif}.quote span{font-size:14px;color:var(--sauge-300)}
.art img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:24px;margin-bottom:14px}.art h3{font-size:22px}.art a{text-decoration:none}
.faq details{border-bottom:1px solid var(--lin-300);padding:20px 0}.faq summary{cursor:pointer;font:500 17px/1.35 "Jost";color:var(--olive-900)}.faq p{margin:12px 0 0}
.g-side{display:grid;grid-template-columns:1fr 1.6fr;gap:64px}
.foot{background:var(--brun-900);color:var(--lin-300)}.foot .wrap{padding-top:56px;padding-bottom:32px}.foot .top{display:grid;grid-template-columns:1fr 1fr;gap:40px}.foot img{height:80px;width:auto;margin-bottom:12px}.foot a{color:var(--lin-50);text-decoration:none;margin-right:22px;font-size:14px}.foot .owner{display:block;margin:18px 0 0;color:var(--miel-200);text-decoration:underline;text-underline-offset:3px}.foot .legal{border-top:1px solid #5a4636;margin-top:32px;padding-top:18px;font-size:12px;color:#B9A98F}
.page-wrap{max-width:820px;margin:0 auto;padding:72px 24px 96px}.page-wrap h1{margin-bottom:28px}.page-wrap p,.page-wrap li{font-size:18px}.page-wrap img{border-radius:24px;height:auto}
.enbref{background:var(--miel-100);border-radius:24px;padding:28px;font-size:20px;color:var(--olive-900)}
.cta-m{display:none}
@media(max-width:960px){.g4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){
.sec{padding:56px 0}h1{font-size:40px}h2{font-size:32px}
.g2,.g3,.g4,.g-side,.foot .top{grid-template-columns:minmax(0,1fr);gap:28px}
.head nav,.head .proprio,.head .btn{display:none}.burger{display:block}.head.open nav{display:flex;position:absolute;top:64px;left:0;right:0;flex-direction:column;gap:18px;padding:20px 24px 28px;background:var(--lin-100);border-bottom:1px solid var(--lin-300)}
.hero{height:auto;background:none}.hero-photo{position:relative!important;height:380px}.hero-card{position:relative;left:0;bottom:0;margin:-64px 24px 0;padding:28px}
.arche{height:420px}body{padding-bottom:72px}
.cta-m{display:block;position:fixed;left:0;right:0;bottom:0;z-index:40;padding:12px 16px;background:rgba(250,245,236,.95);border-top:1px solid var(--lin-300)}.cta-m .btn{width:100%;justify-content:center}
}

.crumbs{font-size:14px;color:var(--olive-500);margin:0 0 28px}.crumbs a{color:inherit}
.meta{font-size:13px;color:var(--olive-500)}
.mcard{background:var(--lin-50);border:1.5px solid var(--lin-300);border-radius:24px;padding:32px}.mcard h3{font-size:24px;margin-bottom:8px}.mcard p{margin:0 0 12px;color:var(--olive-500)}
.steps{list-style:none;margin:0;padding:0}.steps li{display:grid;grid-template-columns:64px minmax(0,1fr);gap:16px;padding:24px 0;border-bottom:1px solid var(--lin-300)}.steps b{font:italic 400 36px/1 "Arapey",serif;color:var(--terracotta-500)}.steps h3{font-size:24px;margin-bottom:6px}.steps p{margin:0;color:var(--olive-500)}
.num{display:block;font:italic 400 44px/1 "Arapey",serif;color:var(--terracotta-500);margin-bottom:14px}.g4 h3{font-size:24px;margin-bottom:8px}.g4 p{margin:0;font-size:14px;color:var(--olive-500)}
.rule{border-top:1.5px solid var(--olive-900);padding-top:18px}.rule h3{font:500 17px/1.3 "Jost",sans-serif!important}
.btn--dark{background:var(--olive-900)}.btn--dark:hover{background:var(--olive-700)}
.gallery{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr);grid-template-rows:260px 260px;gap:14px;margin-bottom:56px}.gallery img{width:100%;height:100%;object-fit:cover;border-radius:24px}.gallery img.arche{height:100%}
.g-detail{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(320px,1fr);gap:64px;align-items:start}
.infos{display:flex;gap:8px 20px;flex-wrap:wrap;margin:0 0 28px;color:var(--olive-500)}
.pills{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 48px}.pills span{padding:8px 14px;border-radius:999px;border:1px solid var(--lin-300);font-size:14px}
.h2s{font-size:30px;margin:0 0 20px}.ticks{list-style:none;margin:0 0 48px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 32px}.ticks li::before{content:"✓ ";color:var(--sauge-700);font-weight:600}
.book{position:sticky;top:90px;background:var(--lin-50);border-radius:28px;padding:28px;box-shadow:0 0 0 6px var(--lin-50),0 0 0 7px var(--sauge-300),0 16px 40px rgba(62,56,40,.10)}
.badge--sauge{background:var(--sauge-100);color:var(--sauge-700)}
.stats{display:flex;gap:28px;flex-wrap:wrap;margin-top:28px;padding-top:24px;border-top:1px solid var(--lin-300);font-size:14px;color:var(--olive-500)}.stats b{display:block;font:400 30px/1 "Arapey",serif;color:var(--olive-900);margin-bottom:4px}
.tabs{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 40px}.tabs a{padding:9px 18px;border-radius:999px;border:1px solid var(--lin-300);text-decoration:none;color:var(--olive-900);font-size:15px}.tabs a.on{background:var(--sauge-700);border-color:var(--sauge-700);color:var(--lin-50)}
.form{display:flex;flex-direction:column;gap:18px}.form label{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:500;color:var(--olive-900)}.form input:not([type=checkbox]),.form select{font:400 16px "Jost";padding:13px 14px;border:1.5px solid var(--lin-300);border-radius:14px;background:#fff}.form .chk{flex-direction:row;align-items:center;gap:10px;font-weight:400}
.article-enbref{background:var(--miel-100);border-radius:24px;padding:28px;margin:0 0 36px}.article-enbref p{margin:0;font-size:20px;color:var(--olive-900)}.article-enbref .eyebrow{color:var(--terracotta-700);font-size:12px;margin-bottom:10px}
.entry h2{font-size:32px;margin:44px 0 16px}.entry p,.entry li{line-height:1.7;color:var(--olive-500)}
@media(max-width:960px){.g-detail{grid-template-columns:minmax(0,1fr)}.book{position:static}}
@media(max-width:760px){.gallery{grid-template-columns:minmax(0,1fr);grid-template-rows:380px 220px}.gallery img.arche{grid-row:auto!important}.hide-m{display:none}.ticks{grid-template-columns:minmax(0,1fr)}.g-side{grid-template-columns:minmax(0,1fr)}}
.searchbar{background:var(--lin-50);border:1.5px solid var(--lin-300);border-radius:24px;padding:20px;margin:0 0 40px}.searchbar--home{margin:-40px 0 0;position:relative;z-index:2;box-shadow:0 16px 40px rgba(62,56,40,.12)}