/* La Foulée Wallonne — feuille de style commune (refonte 10/2026) */
:root{--v:#1a4a2e;--v2:#2d6e47;--vp:#e8f2ec;--o:#e8621a;--o2:#f5894a;--b:#f9f7f2;--w:#fff;--g:#6b7a70;--n:#0d1f14;--line:#e3e6df;--t:#0e4a4a;--r:14px;}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;}
body{background:var(--b);color:var(--n);font-family:Montserrat,system-ui,sans-serif;font-size:16px;line-height:1.5;padding-top:60px;padding-bottom:70px;}
a{color:inherit;}
img{max-width:100%;}
.wrap{max-width:980px;margin:0 auto;padding:0 18px;}
h1,h2,h3{font-family:'Bebas Neue',sans-serif;font-weight:400;letter-spacing:1.5px;line-height:1.05;}
h1{font-size:clamp(34px,7vw,56px);}
h2{font-size:clamp(24px,4.5vw,32px);}
.muted{color:var(--g);}

/* NAV */
.top{position:fixed;top:0;left:0;right:0;z-index:50;background:var(--n);border-bottom:3px solid var(--o);}
.top .wrap{display:flex;align-items:center;justify-content:space-between;height:57px;}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--b);}
.brand b{font-family:'Bebas Neue',sans-serif;font-weight:400;font-size:21px;letter-spacing:3px;line-height:.9;display:block;}
.brand small{font-family:'Bebas Neue',sans-serif;font-size:10px;letter-spacing:5px;color:var(--o);display:block;}
.menu{display:flex;gap:6px;align-items:center;}
.menu a{color:rgba(249,247,242,.8);text-decoration:none;font-size:13px;font-weight:700;padding:8px 12px;border-radius:8px;}
.menu a:hover,.menu a.on{background:rgba(255,255,255,.1);color:#fff;}
.lang{display:flex;gap:2px;margin-left:6px;}
.lang button{background:none;border:1px solid rgba(255,255,255,.25);color:rgba(255,255,255,.7);font:700 11px Montserrat,sans-serif;padding:6px 9px;cursor:pointer;}
.lang button:first-child{border-radius:6px 0 0 6px;}.lang button:last-child{border-radius:0 6px 6px 0;}
.lang button.on{background:var(--o);border-color:var(--o);color:#fff;}
.tabbar{display:none;position:fixed;bottom:0;left:0;right:0;z-index:50;background:var(--n);border-top:1px solid rgba(255,255,255,.15);}
.tabbar a{flex:1;text-align:center;text-decoration:none;color:rgba(249,247,242,.65);font-size:11px;font-weight:700;padding:8px 2px 9px;}
.tabbar a span{display:block;font-size:21px;line-height:1.1;}
.tabbar a.on{color:#fff;box-shadow:inset 0 3px 0 var(--o);}
@media(max-width:680px){.menu a{display:none;}.tabbar{display:flex;}}

/* BOUTONS / CHIPS */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--o);color:#fff;text-decoration:none;font:700 15px Montserrat,sans-serif;padding:14px 22px;border:0;border-radius:12px;cursor:pointer;}
.btn:hover{background:var(--o2);}
.btn.alt{background:var(--w);color:var(--v);border:2px solid var(--v);}
.btn.alt:hover{background:var(--vp);}
.btn.big{width:100%;font-size:17px;padding:17px;}
.chips{display:flex;gap:8px;flex-wrap:wrap;}
.chip{background:var(--w);border:1.5px solid var(--line);color:var(--n);font:700 14px Montserrat,sans-serif;padding:10px 15px;border-radius:999px;cursor:pointer;white-space:nowrap;}
.chip.on{background:var(--v);border-color:var(--v);color:#fff;}
.scroll-x{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px;margin:0 -18px;padding-left:18px;padding-right:18px;scrollbar-width:none;}
.scroll-x::-webkit-scrollbar{display:none;}

/* ACCUEIL */
.hero{background:linear-gradient(160deg,rgba(13,31,20,.92) 0%,rgba(26,74,46,.84) 100%),url('/images/hero-fagnes.jpg') center 62%/cover #0d1f14;color:var(--b);padding:42px 0 54px;}
.hero .hf{display:flex;gap:26px;align-items:center;justify-content:space-between;flex-wrap:wrap;}
.hero .txt{flex:1 1 380px;}
.adbox{flex:0 1 300px;display:flex;flex-direction:column;gap:8px;}
.ad{display:flex;gap:12px;align-items:center;border:1.5px solid rgba(249,247,242,.35);background:rgba(13,31,20,.55);border-radius:14px;padding:10px;text-decoration:none;color:var(--b);}
.ad img{width:84px;height:84px;object-fit:cover;border-radius:9px;flex:none;}
.ad div{display:flex;flex-direction:column;gap:2px;min-width:0;}
.ad small{font:700 10px Montserrat,sans-serif;letter-spacing:2px;text-transform:uppercase;color:var(--o2);}
.ad b{font:400 22px 'Bebas Neue',sans-serif;letter-spacing:1px;line-height:1.1;}
.ad span{font-size:12px;color:rgba(249,247,242,.85);}
.ad em{font-style:normal;font-weight:700;font-size:12px;color:var(--o2);}
.ad:hover{background:rgba(13,31,20,.75);border-color:var(--o);}
.adfree{font-size:12px;font-weight:700;color:rgba(249,247,242,.75);text-decoration:none;text-align:right;}
.adfree:hover{color:var(--o2);}
.hero p{margin:14px 0 0;font-size:17px;color:rgba(249,247,242,.8);max-width:560px;}
.big-choice{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:-34px;}
@media(max-width:680px){.big-choice{grid-template-columns:1fr;}}
.choice{display:flex;gap:16px;align-items:center;background:var(--w);border-radius:var(--r);padding:22px;text-decoration:none;box-shadow:0 8px 26px rgba(13,31,20,.14);border-left:6px solid var(--o);}
.choice.b2{border-left-color:var(--t);}
.choice .ic{font-size:42px;line-height:1;}
.choice h2{color:var(--v);margin-bottom:3px;}
.choice p{color:var(--g);font-size:14px;}
section.blk{margin:38px 0;}
section.blk>h2{margin-bottom:14px;color:var(--v);}
.near{display:flex;align-items:center;gap:14px;background:var(--vp);border-radius:var(--r);padding:16px 20px;margin-top:22px;}
.near .btn{margin-left:auto;white-space:nowrap;}
.nets{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px;}
.net{background:var(--w);border:1.5px solid var(--line);border-radius:12px;padding:14px 16px;text-decoration:none;display:block;}
.net:hover{border-color:var(--v2);}
.net b{display:block;color:var(--v);}
.net span{font-size:13px;color:var(--g);}

/* LISTES */
.list{display:flex;flex-direction:column;gap:10px;}
.row{display:flex;gap:14px;align-items:center;background:var(--w);border:1.5px solid var(--line);border-radius:12px;padding:12px 14px;text-decoration:none;}
.row:hover{border-color:var(--v2);box-shadow:0 4px 14px rgba(13,31,20,.08);}
.date{flex:0 0 54px;text-align:center;background:var(--vp);border-radius:10px;padding:6px 0;line-height:1;}
.date b{display:block;font:400 28px 'Bebas Neue',sans-serif;color:var(--v);}
.date small{font-size:11px;font-weight:700;text-transform:uppercase;color:var(--g);letter-spacing:1px;}
.row .main{flex:1;min-width:0;}
.row .main b{display:block;font-size:16px;line-height:1.25;}
.row .main span{display:block;font-size:13px;color:var(--g);}
.row .side{text-align:right;font-size:13px;font-weight:700;color:var(--v);white-space:nowrap;}
.tag{display:inline-block;font-size:11px;font-weight:700;padding:2px 8px;border-radius:999px;background:var(--vp);color:var(--v);margin-right:4px;}
.month{font:400 22px 'Bebas Neue',sans-serif;letter-spacing:2px;color:var(--o);margin:22px 0 8px;}
.empty{text-align:center;padding:36px 10px;color:var(--g);}
.bar{position:sticky;top:60px;z-index:20;background:var(--b);padding:12px 0 10px;border-bottom:1px solid var(--line);}
.bar .search{display:flex;gap:8px;margin-bottom:10px;}
input[type=search],input[type=text],select,textarea{font:500 16px Montserrat,sans-serif;padding:13px 14px;border:1.5px solid var(--line);border-radius:12px;background:var(--w);width:100%;color:var(--n);}
select{width:auto;max-width:100%;}
.filters-more{display:none;gap:10px;flex-wrap:wrap;margin-top:10px;}
.filters-more.open{display:flex;}
.count{font-size:14px;color:var(--g);margin:12px 0;}
.linkbtn{background:none;border:0;color:var(--v2);font:700 14px Montserrat,sans-serif;text-decoration:underline;cursor:pointer;padding:6px 0;}

/* DETAIL */
.detail{background:var(--w);border-radius:var(--r);padding:24px;box-shadow:0 6px 22px rgba(13,31,20,.1);margin-top:18px;}
.detail h1{color:var(--v);font-size:clamp(30px,6vw,44px);}
.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin:18px 0;}
.fact{background:var(--vp);border-radius:12px;padding:12px;text-align:center;}
.fact b{display:block;font:400 28px 'Bebas Neue',sans-serif;color:var(--v);}
.fact span{font-size:12px;color:var(--g);font-weight:700;text-transform:uppercase;letter-spacing:.5px;}
.actions{display:flex;flex-direction:column;gap:10px;margin-top:18px;}
@media(min-width:680px){.actions{flex-direction:row;flex-wrap:wrap;}.actions .btn{flex:1;min-width:200px;}}
.map{height:340px;border-radius:12px;overflow:hidden;border:1.5px solid var(--line);margin:16px 0;}
.back{display:inline-block;margin-top:16px;font-weight:700;color:var(--v2);text-decoration:none;font-size:14px;}
.dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px;vertical-align:middle;}

footer{background:var(--n);color:rgba(249,247,242,.7);padding:34px 0 22px;margin-top:50px;font-size:14px;}
footer .cols{display:flex;gap:30px;flex-wrap:wrap;justify-content:space-between;}
footer h4{font:400 16px 'Bebas Neue',sans-serif;letter-spacing:2px;color:var(--o);margin-bottom:8px;}
footer a{display:block;color:rgba(249,247,242,.8);text-decoration:none;padding:3px 0;}
footer a:hover{color:#fff;}
footer .copy{margin-top:22px;font-size:12px;border-top:1px solid rgba(255,255,255,.12);padding-top:14px;}
.toast{position:fixed;left:50%;bottom:90px;transform:translateX(-50%);background:var(--n);color:#fff;padding:12px 20px;border-radius:10px;z-index:99;display:none;}

.row .main i.ch{font-style:normal;font-weight:700;color:var(--o);white-space:nowrap;}
