/*
Theme Name: CHV Atlas
Theme URI: https://www.chambres-hotes-vacances.com
Author: Chambres d'Hôtes Vacances
Description: Thème custom « Atlas » : l'annuaire-magazine des chambres d'hôtes, région par région. Carte de France interactive, 22 guides régionaux, sommaires à points de conduite, espace propriétaires.
Version: 1.0.1
Requires PHP: 7.4
Text Domain: chv
*/

/* ============ Tokens ============ */
:root{
	--chv-paper:#E9EFF3;
	--chv-paper2:#F2F6F8;
	--chv-white:#FFFFFF;
	--chv-ink:#16324F;
	--chv-slate:#41607C;
	--chv-line:#C9D6DE;
	--chv-coral:#E4573D;
	--chv-coral-dark:#C74630;
	--chv-map-hachure:#A9C0CF;
	--chv-shadow:0 1px 2px rgba(22,50,79,.06),0 10px 26px rgba(22,50,79,.08);
}

/* ============ Base ============ */
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
	margin:0;
	background:var(--chv-paper);
	color:var(--chv-ink);
	font-family:'Instrument Sans',system-ui,-apple-system,'Segoe UI',sans-serif;
	font-size:17px;
	line-height:1.65;
}
img{max-width:100%;height:auto}
a{color:var(--chv-ink)}
a:hover{color:var(--chv-coral)}
a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--chv-coral);outline-offset:2px}
h1,h2,h3,h4{font-family:'Marcellus',Georgia,serif;font-weight:400;line-height:1.15;margin:0 0 .5em;text-wrap:balance}
h1{font-size:clamp(30px,4.6vw,46px)}
h2{font-size:clamp(23px,3vw,31px)}
h3{font-size:clamp(19px,2.2vw,23px)}
p{margin:0 0 1em}
.chv-shell{max-width:1200px;margin:0 auto;padding:0 28px}
@media(max-width:640px){.chv-shell{padding:0 18px}}
.chv-skip{position:absolute;left:-9999px;top:0;background:var(--chv-ink);color:#fff;padding:10px 16px;z-index:99}
.chv-skip:focus{left:12px;top:12px}
.chv-eyebrow{font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--chv-coral);margin:0 0 10px}
.chv-note{font-size:15px;color:var(--chv-slate);border-left:3px solid var(--chv-line);padding-left:14px}
.chv-btn{
	display:inline-block;background:var(--chv-coral);color:#fff !important;
	font-weight:600;font-size:15.5px;border-radius:10px;padding:11px 22px;
	text-decoration:none;border:0;cursor:pointer;
}
.chv-btn:hover{background:var(--chv-coral-dark)}

/* ============ Header ============ */
.chv-header{background:var(--chv-paper2);border-bottom:1px solid var(--chv-line)}
.chv-header-in{display:flex;align-items:center;gap:22px;padding-top:16px;padding-bottom:16px;flex-wrap:wrap}
.chv-logo{
	font-family:'Marcellus',Georgia,serif;font-size:21px;text-decoration:none;
	color:var(--chv-ink);letter-spacing:.02em;margin-right:auto;white-space:nowrap;
}
.chv-logo b{color:var(--chv-coral);font-weight:400}
.chv-logo:hover{color:var(--chv-ink)}
.chv-nav{display:flex;align-items:center;gap:20px;font-size:14.5px;font-weight:600}
.chv-nav a{text-decoration:none;color:var(--chv-slate)}
.chv-nav a:hover{color:var(--chv-coral)}
.chv-btn-nav{background:var(--chv-ink);color:#fff !important;padding:8px 15px;font-size:13.5px;border-radius:8px}
.chv-btn-nav:hover{background:var(--chv-coral)}
.chv-burger{display:none;background:none;border:1px solid var(--chv-line);border-radius:8px;padding:9px 10px;cursor:pointer}
.chv-burger span{display:block;width:18px;height:2px;background:var(--chv-ink);margin:3px 0}
@media(max-width:900px){
	.chv-burger{display:block}
	.chv-nav{display:none;width:100%;flex-direction:column;align-items:flex-start;gap:14px;padding:6px 0 10px}
	.chv-nav.open{display:flex}
}

/* ============ Hero accueil ============ */
.chv-hero{background:linear-gradient(180deg,var(--chv-paper2),var(--chv-paper));border-bottom:1px solid var(--chv-line)}
.chv-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:38px;align-items:center;padding-top:52px;padding-bottom:52px}
@media(max-width:900px){.chv-hero-grid{grid-template-columns:1fr;padding-top:36px;padding-bottom:36px}}
.chv-hero-sub{font-size:18px;color:var(--chv-slate);max-width:52ch;margin-bottom:22px}
.chv-search{display:flex;gap:0;max-width:480px;border:1.5px solid var(--chv-ink);border-radius:12px;overflow:hidden;background:var(--chv-white)}
.chv-search input{
	flex:1;border:0;padding:13px 16px;font-size:15.5px;font-family:inherit;
	color:var(--chv-ink);background:transparent;min-width:0;
}
.chv-search input::placeholder{color:#7B93A6}
.chv-search button{
	border:0;background:var(--chv-coral);color:#fff;font-weight:700;font-size:14.5px;
	padding:0 22px;cursor:pointer;font-family:inherit;
}
.chv-search button:hover{background:var(--chv-coral-dark)}
.chv-chips{display:flex;gap:9px;flex-wrap:wrap;margin-top:16px}
.chv-chip{
	font-size:13.5px;font-weight:600;text-decoration:none;color:var(--chv-ink);
	background:var(--chv-white);border:1px solid var(--chv-line);border-radius:99px;padding:7px 15px;
}
.chv-chip:hover{background:var(--chv-ink);color:#fff;border-color:var(--chv-ink)}

/* ============ Carte ============ */
.chv-hero-map{position:relative}
.chv-map{background:var(--chv-white);border:1px solid var(--chv-line);border-radius:16px;padding:16px;box-shadow:var(--chv-shadow)}
.chv-map svg{width:100%;height:auto;display:block}
.chv-map-label{font-family:'Marcellus',Georgia,serif;font-size:3.1px;letter-spacing:.5px;fill:var(--chv-slate)}
.chv-map-hit{fill:transparent}
.chv-map-dot{fill:var(--chv-ink);transition:fill .15s,r .15s}
.chv-map a:hover .chv-map-dot,.chv-map a:focus .chv-map-dot{fill:var(--chv-coral)}
.chv-map a:hover .chv-map-hit,.chv-map a:focus .chv-map-hit{fill:rgba(228,87,61,.14)}
.chv-map-hint{text-align:center;font-size:13px;color:var(--chv-slate);margin:10px 0 0}

/* ============ Sections ============ */
.chv-section{padding:52px 0}
.chv-section-alt{background:var(--chv-paper2);border-top:1px solid var(--chv-line);border-bottom:1px solid var(--chv-line)}
.chv-section-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:24px;flex-wrap:wrap}
.chv-section-head h2{margin:0}
.chv-more{font-size:14.5px;font-weight:600;color:var(--chv-coral);text-decoration:none}
.chv-more:hover{text-decoration:underline}

/* ============ Cartes régions ============ */
.chv-region-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}
.chv-rcard{
	display:block;background:var(--chv-white);border:1px solid var(--chv-line);
	border-radius:14px;overflow:hidden;text-decoration:none;
	transition:transform .15s,box-shadow .15s;
}
.chv-rcard:hover{transform:translateY(-3px);box-shadow:var(--chv-shadow)}
.chv-rart{display:block;height:86px}
.chv-art-terre{background:linear-gradient(135deg,#8C3B2E,#C96F4A 55%,#E8B77D)}
.chv-art-mer{background:linear-gradient(135deg,#123C57,#2E6E8E 55%,#9CC5CE)}
.chv-art-lavande{background:linear-gradient(135deg,#5B4B8A,#8F7AB8 50%,#E0C98F)}
.chv-art-foret{background:linear-gradient(135deg,#2F5D3A,#6E9A5B 60%,#C9D9A0)}
.chv-art-ble{background:linear-gradient(135deg,#7A5230,#B98A4E 55%,#EBD79A)}
.chv-art-ardoise{background:linear-gradient(135deg,#2E3E4E,#5A7186 55%,#AEBFC9)}
.chv-rbody{display:block;padding:13px 16px}
.chv-rbody b{display:block;font-family:'Marcellus',Georgia,serif;font-weight:400;font-size:17.5px;color:var(--chv-ink)}
.chv-rbody span{display:block;font-size:13px;color:var(--chv-slate);margin-top:2px}

/* ============ Sommaire à points de conduite ============ */
.chv-sommaire{margin:6px 0 14px}
.chv-som-row{display:flex;align-items:baseline;gap:10px;font-size:16px;padding:5px 0}
.chv-som-row a,.chv-som-row b{
	font-family:'Marcellus',Georgia,serif;font-weight:400;font-size:17.5px;
	color:var(--chv-ink);text-decoration:none;white-space:nowrap;
}
.chv-som-row a:hover{color:var(--chv-coral)}
.chv-som-dots{flex:1;border-bottom:2px dotted rgba(22,50,79,.32);transform:translateY(-4px);min-width:24px}
.chv-som-meta{font-size:13.5px;color:var(--chv-coral);white-space:nowrap}

/* ============ Têtes de page & heros de guide ============ */
.chv-page-head{background:var(--chv-paper2);border-bottom:1px solid var(--chv-line);padding:36px 0 30px}
.chv-crumb{font-size:13px;color:var(--chv-slate);margin-bottom:14px}
.chv-crumb a{color:var(--chv-slate);text-decoration:none}
.chv-crumb a:hover{color:var(--chv-coral)}
.chv-crumb span{color:var(--chv-slate)}
.chv-guide-hero{padding:40px 0 34px;border-bottom:1px solid var(--chv-line);background:var(--chv-paper2)}
.chv-guide-meta{font-size:16.5px;color:var(--chv-slate);margin:6px 0 0}
.chv-hero-terre{background:linear-gradient(180deg,#F5E7E0,var(--chv-paper))}
.chv-hero-mer{background:linear-gradient(180deg,#E2EDF3,var(--chv-paper))}
.chv-hero-lavande{background:linear-gradient(180deg,#ECE7F3,var(--chv-paper))}
.chv-hero-foret{background:linear-gradient(180deg,#E6EFE3,var(--chv-paper))}
.chv-hero-ble{background:linear-gradient(180deg,#F4EDDD,var(--chv-paper))}
.chv-hero-ardoise{background:linear-gradient(180deg,#E5EAEF,var(--chv-paper))}
.chv-hero-ink{background:var(--chv-ink)}
.chv-hero-ink h1,.chv-hero-ink .chv-guide-meta,.chv-hero-ink .chv-crumb,.chv-hero-ink .chv-crumb a,.chv-hero-ink .chv-crumb span{color:#F2F6F8}
.chv-hero-ink .chv-eyebrow{color:#F5A895}

/* ============ Corps de guide & contenu ============ */
.chv-guide-body{padding:34px 0 56px}
.chv-content{font-size:17px;line-height:1.65}
.chv-content h2{margin-top:1.4em}
.chv-content ul,.chv-content ol{padding-left:24px}
.chv-content li{margin-bottom:8px}
.chv-content a{color:var(--chv-coral)}
.chv-content table{border-collapse:collapse;width:100%;font-size:15.5px}
.chv-content th,.chv-content td{border:1px solid var(--chv-line);padding:9px 13px;text-align:left}
.chv-content th{background:var(--chv-paper2)}
.chv-guide-depts{margin:34px 0 8px}
.chv-guide-others{margin-top:38px;border-top:1px solid var(--chv-line);padding-top:26px}

/* ============ CTA propriétaires ============ */
.chv-cta-band{
	display:flex;align-items:center;justify-content:space-between;gap:24px;
	background:var(--chv-ink);color:#F2F6F8;border-radius:16px;
	padding:26px 30px;margin:34px 0 0;flex-wrap:wrap;
}
.chv-cta-kicker{font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:#F5A895;margin:0 0 6px}
.chv-cta-title{font-family:'Marcellus',Georgia,serif;font-size:24px;margin:0 0 6px}
.chv-cta-text{font-size:15px;color:#B9CBDA;margin:0;max-width:56ch}

/* ============ Hubs ============ */
.chv-hub-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:38px;align-items:start;padding-top:34px;padding-bottom:56px}
@media(max-width:900px){.chv-hub-grid{grid-template-columns:1fr}}
.chv-hub-map{position:sticky;top:20px}
.chv-dept-cols{columns:2;column-gap:44px;margin-top:10px;padding-bottom:40px}
@media(max-width:760px){.chv-dept-cols{columns:1}}
.chv-dept-group{break-inside:avoid;margin-bottom:26px}
.chv-dept-group h2{font-size:20px;margin-bottom:4px}
.chv-dept-group h2 a{text-decoration:none;color:var(--chv-ink)}
.chv-dept-group h2 a:hover{color:var(--chv-coral)}
.chv-envie-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;padding-bottom:48px}
.chv-envie-card{
	display:block;background:var(--chv-white);border:1px solid var(--chv-line);border-radius:14px;
	padding:18px 20px;text-decoration:none;transition:transform .15s,box-shadow .15s;
}
.chv-envie-card:hover{transform:translateY(-3px);box-shadow:var(--chv-shadow)}
.chv-envie-card b{display:block;font-family:'Marcellus',Georgia,serif;font-weight:400;font-size:19px;color:var(--chv-ink);margin-bottom:6px}
.chv-envie-card span{font-size:14px;color:var(--chv-slate)}

/* ============ Magazine ============ */
.chv-post-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px}
.chv-post-list{padding:34px 0 10px}
.chv-pcard{
	display:block;background:var(--chv-white);border:1px solid var(--chv-line);border-radius:14px;
	overflow:hidden;text-decoration:none;transition:transform .15s,box-shadow .15s;
}
.chv-pcard:hover{transform:translateY(-3px);box-shadow:var(--chv-shadow)}
.chv-pcard img{display:block;width:100%;height:170px;object-fit:cover}
.chv-pcard b{display:block;font-family:'Marcellus',Georgia,serif;font-weight:400;font-size:18px;color:var(--chv-ink);padding:14px 16px 4px}
.chv-pcard span{display:block;font-size:13px;color:var(--chv-slate);padding:0 16px 14px}
.chv-article-meta{font-size:14px;color:var(--chv-slate);margin:4px 0 0}
.chv-article-cover{margin:26px 0 8px}
.chv-article-cover img{border-radius:14px}
.chv-article .chv-content{padding-bottom:30px}
.chv-pagination{padding:10px 0 46px;font-size:15px}
.chv-pagination .nav-links{display:flex;gap:12px;flex-wrap:wrap}
.chv-pagination a,.chv-pagination span.current{
	display:inline-block;padding:7px 14px;border:1px solid var(--chv-line);
	border-radius:8px;text-decoration:none;background:var(--chv-white);
}
.chv-pagination span.current{background:var(--chv-ink);color:#fff;border-color:var(--chv-ink)}

/* ============ Footer ============ */
.chv-footer{background:var(--chv-ink);color:#B9CBDA;margin-top:26px}
.chv-footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:34px;padding:44px 0 10px}
@media(max-width:900px){.chv-footer-grid{grid-template-columns:1fr}}
.chv-footer-title{font-family:'Marcellus',Georgia,serif;font-size:17px;color:#F2F6F8;margin:0 0 10px}
.chv-footer-links{font-size:13.5px;line-height:2;margin:0}
.chv-footer a{color:#B9CBDA;text-decoration:none}
.chv-footer a:hover{color:#fff}
.chv-footer-base{border-top:1px solid rgba(185,203,218,.25);padding:18px 0 30px;font-size:13px;margin:24px 0 0}

/* ============ Divers ============ */
@media (prefers-reduced-motion: reduce){
	*{transition:none !important}
}
.screen-reader-text{position:absolute;left:-9999px}