/*
Theme Name: La Famille Sac à Dos
Theme URI: https://lafamillesacados.com
Description: Thème éditorial pour les voyages d’aventure en famille.
Version: 1.0.0
Text Domain: la-famille-sac-a-dos
*/

:root{--forest:#173f35;--forest-deep:#0e2d27;--moss:#597364;--sun:#d89a3d;--terra:#b85c3e;--cream:#f6f0e6;--paper:#fffdf8;--ink:#18312d;--muted:#5e6e69;--line:#d9d5c8;--white:#fff;--serif:Georgia,"Times New Roman",serif;--sans:Arial,Helvetica,sans-serif;--shadow:0 18px 45px rgba(14,45,39,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.72 var(--sans)}img{max-width:100%;height:auto}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:3px}a:hover{color:var(--terra)}.site-shell{width:min(1180px,calc(100% - 40px));margin:auto}.site-header{position:sticky;top:0;z-index:30;background:rgba(255,253,248,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.header-inner{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brand-mark{width:48px;height:48px;border-radius:12px}.brand-wordmark{font:700 25px/1 var(--serif);letter-spacing:-.035em}.brand-wordmark small{display:block;margin-top:5px;color:var(--terra);font:700 9px/1.2 var(--sans);letter-spacing:.17em;text-transform:uppercase}.primary-menu ul,.footer-menu ul{display:flex;align-items:center;gap:21px;list-style:none;margin:0;padding:0}.primary-menu a{font-size:13px;font-weight:800;text-decoration:none}.menu-toggle{display:none;border:1px solid var(--forest);background:transparent;color:var(--forest);padding:9px 12px;font-weight:800}.hero{position:relative;isolation:isolate;overflow:hidden;background:var(--cream);padding:95px 0 80px}.hero:before{content:"";position:absolute;width:620px;height:620px;border-radius:50%;right:-130px;top:-290px;background:var(--sun);opacity:.2;z-index:-1}.hero:after{content:"";position:absolute;left:46%;bottom:-210px;width:780px;height:360px;border-radius:50% 50% 0 0;background:var(--forest);transform:rotate(-7deg);z-index:-2}.hero-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(340px,.72fr);gap:70px;align-items:center}.eyebrow{margin:0 0 14px;color:var(--terra);font-size:12px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.hero h1,.page-heading h1,.article-heading h1,.hub-heading h1{font:700 clamp(44px,6.2vw,78px)/.98 var(--serif);letter-spacing:-.055em;margin:0 0 25px;max-width:820px}.hero-copy>p{max-width:680px;font-size:20px;color:var(--muted)}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.button{display:inline-block;border:1px solid var(--forest);background:var(--forest);color:var(--white);padding:12px 18px;text-decoration:none;font-size:13px;font-weight:800;border-radius:4px}.button:hover{background:var(--terra);border-color:var(--terra);color:var(--white)}.button-secondary{background:transparent;color:var(--forest)}.button-secondary:hover{color:var(--terra);background:transparent}.route-card{position:relative;background:var(--forest-deep);color:var(--white);padding:42px 38px 38px;border-radius:4px;box-shadow:var(--shadow)}.route-card:before{content:"";display:block;width:72px;height:7px;border-radius:10px;background:var(--sun);margin-bottom:28px}.route-card h2{font:700 38px/1.05 var(--serif);letter-spacing:-.04em;margin:0 0 18px}.route-card p{color:#dce6df}.route-list{display:grid;gap:12px;margin-top:24px}.route-list span{display:flex;gap:10px;align-items:center;font-size:13px;font-weight:700}.route-list span:before{content:"";width:8px;height:8px;background:var(--sun);border-radius:50%}.section{padding:76px 0}.section-tint{background:var(--cream)}.section-dark{background:var(--forest);color:var(--white)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:32px}.section-heading h2{font:700 clamp(34px,4.5vw,52px)/1 var(--serif);letter-spacing:-.045em;margin:0}.section-heading p{max-width:490px;margin:0;color:var(--muted)}.section-dark .section-heading p{color:#cedbd4}.topic-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.topic-card{position:relative;display:block;min-height:340px;padding:30px 25px;background:var(--paper);border:1px solid var(--line);overflow:hidden;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.topic-card:after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;right:-100px;bottom:-110px;background:var(--accent,var(--sun));opacity:.22}.topic-card:nth-child(2){--accent:var(--terra)}.topic-card:nth-child(3){--accent:var(--moss)}.topic-card:nth-child(4){--accent:var(--forest)}.topic-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);color:var(--ink)}.topic-number{display:block;color:var(--terra);font-size:12px;font-weight:800;letter-spacing:.14em}.topic-card h3{font:700 31px/1.04 var(--serif);letter-spacing:-.04em;margin:70px 0 14px}.topic-card p{color:var(--muted);font-size:14px}.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.post-card{background:var(--paper);border:1px solid var(--line);padding:28px}.post-card-media{display:block;margin:-28px -28px 24px}.post-card-media img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}.post-meta,.article-meta{color:var(--terra);font-size:11px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.post-card h3{font:700 30px/1.08 var(--serif);letter-spacing:-.04em;margin:13px 0}.post-card h3 a{text-decoration:none}.post-card p{color:var(--muted);font-size:15px}.read-more{font-size:13px;font-weight:800}.manifesto{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:start}.manifesto-mark{font:700 130px/.8 var(--serif);color:var(--sun)}.manifesto h2{font:700 clamp(36px,5vw,58px)/1 var(--serif);letter-spacing:-.045em;margin:0 0 24px}.manifesto p{color:#dbe6df;font-size:18px}.page-heading,.article-heading,.hub-heading{padding:72px 0 40px;background:var(--cream);border-bottom:1px solid var(--line)}.page-heading p,.article-intro,.hub-heading p{font-size:19px;color:var(--muted);max-width:760px}.hub-heading{position:relative;overflow:hidden}.hub-heading:after{content:"";position:absolute;width:430px;height:430px;border-radius:50%;right:-100px;top:-230px;background:var(--sun);opacity:.18}.content-wrap{width:min(790px,calc(100% - 40px));margin:58px auto 84px}.entry-content h2{font:700 35px/1.14 var(--serif);letter-spacing:-.03em;margin-top:50px}.entry-content h3{font:700 25px/1.2 var(--serif)}.entry-content a{color:var(--terra)}.entry-content figure,.entry-content img{border-radius:3px}.entry-content table{display:table;width:100%;border-collapse:collapse;font-size:14px}.entry-content th,.entry-content td{padding:12px;border:1px solid var(--line);text-align:left}.contact-form{display:grid;gap:17px;margin-top:30px;padding:30px;background:var(--cream);border:1px solid var(--line)}.contact-form label{font-size:13px;font-weight:800}.contact-form input,.contact-form textarea{width:100%;margin-top:6px;padding:12px;border:1px solid var(--line);background:var(--white);font:inherit}.contact-form textarea{min-height:165px;resize:vertical}.contact-form button{justify-self:start;cursor:pointer}.archive-list{display:grid;gap:20px}.archive-item{background:var(--paper);border:1px solid var(--line);padding:29px}.archive-item h2{font:700 36px/1.08 var(--serif);letter-spacing:-.04em;margin:10px 0}.archive-item h2 a{text-decoration:none}.site-map-wrap .seopress-html-sitemap{padding:24px;background:var(--cream);border:1px solid var(--line)}.site-footer{background:var(--forest-deep);color:#ecf2ee;padding:58px 0 25px}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:60px}.footer-brand{display:flex;align-items:center;gap:14px}.footer-brand img{width:54px;border-radius:13px}.footer-title{font:700 30px/1 var(--serif);margin:0}.site-footer p{max-width:520px;color:#bccdc4;font-size:14px}.footer-links{align-self:end}.footer-menu ul{flex-wrap:wrap;gap:11px 20px}.footer-menu a{font-size:13px;color:#ecf2ee}.footer-bottom{margin-top:42px;padding-top:19px;border-top:1px solid rgba(255,255,255,.18);font-size:12px;color:#bccdc4}.not-found{text-align:center;padding:110px 0}.not-found h1{font:700 92px/1 var(--serif);margin:0;color:var(--terra)}.navigation.pagination{margin-top:35px}.nav-links{display:flex;gap:8px}.page-numbers{padding:8px 12px;border:1px solid var(--line);text-decoration:none}.page-numbers.current{background:var(--forest);color:var(--white)}
@media(max-width:900px){.site-shell{width:min(100% - 30px,1180px)}.header-inner{min-height:70px}.menu-toggle{display:block}.primary-menu{display:none;position:absolute;top:70px;left:0;right:0;padding:19px;background:var(--paper);border-bottom:1px solid var(--line)}.primary-menu.is-open{display:block}.primary-menu ul{display:grid;gap:16px}.hero{padding:66px 0 55px}.hero-grid{grid-template-columns:1fr;gap:30px}.route-card{max-width:620px}.topic-grid{grid-template-columns:repeat(2,1fr)}.post-grid{grid-template-columns:1fr}.manifesto{grid-template-columns:1fr;gap:20px}.manifesto-mark{font-size:90px}.footer-grid{grid-template-columns:1fr}.footer-links{align-self:start}}
@media(max-width:520px){.brand-wordmark{font-size:20px}.brand-wordmark small{font-size:8px}.brand-mark{width:40px;height:40px}.hero h1,.page-heading h1,.article-heading h1,.hub-heading h1{font-size:43px}.hero-actions{display:grid}.button{text-align:center}.route-card{padding:30px 25px}.route-card h2{font-size:32px}.section{padding:54px 0}.section-heading{display:block}.section-heading p{margin-top:15px}.topic-grid{grid-template-columns:1fr}.topic-card{min-height:275px}.topic-card h3{margin-top:45px}.entry-content table{display:block;overflow-x:auto}.footer-menu ul{display:grid}}

