/* L'aventure à la carte — site styles
   Colours and fonts are the ones set in the original Elementor site.
   Self-hosted Google Fonts, latin subset (covers French accents). Licence: SIL OFL 1.1 (both). */
@font-face{font-family:'Changa One';font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/changa-one.woff2) format('woff2')}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:400 700;font-display:swap;src:url(/assets/fonts/montserrat.woff2) format('woff2')}

:root{
  --green:#7DC802;
  --green-dark:#68A53A;
  --orange:#C76400;
  --orange-dark:#A85400;
  --text:#020101;
  --light:#F7F7F7;
  --navy:rgb(0 16 53 / .6);
  --white:#fff;
  --f-head:'Changa One',Arial,sans-serif;
  --f-body:'Montserrat',system-ui,-apple-system,'Segoe UI',Arial,sans-serif;
  --wrap:1140px;
  --gutter:20px;
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--white);color:var(--text);font:500 18px/1.5 var(--f-body)}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
/* French headings in sentence case (the original capitalised Every Word — English style, not French).
   English pages keep title case. */
h1,h2,h3{font-family:var(--f-head);font-weight:400;line-height:1.15;margin:0 0 .5em}
html[lang^="en"] :is(h1,h2,h3){text-transform:capitalize}
h1{font-size:clamp(32px,4vw,39px)}
h2{font-size:clamp(32px,4.2vw,42px)}
p{margin:0 0 1em}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--gutter)}
.skip{position:absolute;left:-9999px;top:0;z-index:100;background:var(--white);padding:10px 16px}
.skip:focus{left:10px}
.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---------- Header (floats over the first photo, scrolls away like the original) ---------- */
.site-header{position:absolute;top:0;left:0;right:0;z-index:20;display:flex;align-items:flex-start;justify-content:space-between;padding:0 20px 0 10px}
.site-header .logo img{width:138px;height:auto}
.header-right{display:flex;align-items:center;gap:22px;padding-top:24px}
.icon-link{display:inline-flex;color:var(--green);transition:transform .15s}
.icon-link:hover{transform:scale(1.1)}
.icon-link svg{width:26px;height:26px;fill:currentColor}
.lang{display:inline-block;background:var(--white);color:var(--text);font-size:14px;padding:6px 14px;text-decoration:none;box-shadow:0 1px 4px rgb(0 0 0 / .15)}
.lang:hover{background:var(--light)}
.burger{display:none;font:500 15px var(--f-body);letter-spacing:2px;text-transform:uppercase;color:var(--white);background:#404040;border:0;border-radius:0 0 0 25px;padding:24px 22px 20px 26px;cursor:pointer}
.mobile-nav{display:none}

/* ---------- Buttons ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font:800 15px var(--f-body);letter-spacing:2px;text-transform:uppercase;text-decoration:none;color:var(--white);background:var(--green-dark);border:0;border-radius:6px;padding:14px 24px;cursor:pointer;transition:background .15s}
.btn:hover{background:#5A9230}
.btn svg{width:18px;height:18px;fill:currentColor;flex:none}
.btn-orange{background:var(--orange);padding:16px 35px}
.btn-orange:hover{background:var(--orange-dark)}
.btn-green{background:var(--green)}
.btn-green:hover{background:#6CAE02}

/* ---------- Hero (home) ---------- */
.hero{position:relative;min-height:768px;display:flex;align-items:center;padding:150px 20px 60px;background:#F4F4F4 url(/assets/img/hero-van-1920.webp) center/cover no-repeat}
.hero-card{position:relative;max-width:570px;border-radius:20px;padding:30px;text-align:center;color:var(--light);overflow:hidden;background:url(/assets/img/carte-texture.webp) center/cover}
.hero-card::before{content:"";position:absolute;inset:0;background:#000;opacity:.75}
.hero-card>*{position:relative}
.hero-card h1{color:var(--light);margin-bottom:.6em}
.hero-card p{margin-bottom:1.2em}
.hero-card .btn{width:100%}

/* ---------- Le point de départ ---------- */
.depart{position:relative;background:var(--white) url(/assets/img/depart-route-1600.webp) center bottom/cover no-repeat}
/* The white wave keeps the text off the photo (on the live site the text ran over it). */
.depart::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#fff 45%,rgb(255 255 255 / 0) 60%)}
.depart-text{position:relative;width:66%;min-height:497px;padding:60px 0 60px 40px;background:url(/assets/img/forme-blanche.svg) left top/100% 100% no-repeat}
.depart-text>*{max-width:min(540px,40vw)}
.depart h2{color:var(--green)}

/* ---------- Suivez nos aventures (social links instead of the old form) ---------- */
.suivez{background:#1d2a33 url(/assets/img/kayak-1920.webp) center bottom/cover no-repeat;color:var(--white);padding:100px 40px}
.suivez .wrap{padding:0}
.suivez h2{color:var(--white)}
.suivez p{max-width:900px}
.social-buttons{display:flex;flex-wrap:wrap;gap:16px;margin-top:28px}

/* ---------- Nos inspirations ---------- */
.inspirations{padding:80px 40px}
.inspirations img{width:100%;max-width:768px;margin:0 auto 50px;border-radius:80px}
.inspirations .text{max-width:900px;margin:0 auto}
.inspirations h2{color:var(--green)}

/* ---------- Contact page ---------- */
.page-hero{position:relative;display:flex;align-items:center;justify-content:center;min-height:282px;padding:120px 20px 40px;background:#3b4a3a url(/assets/img/contact-montagnes-1920.webp) right top/cover no-repeat;color:var(--white);text-align:center}
.page-hero::before{content:"";position:absolute;inset:0;background:rgb(0 0 0 / .15)}
.page-hero h1{position:relative;color:var(--white);font-size:clamp(34px,4.5vw,46px);margin:0}
.contact{padding:60px 20px 30px}
.contact-card{position:relative;overflow:hidden;max-width:617px;margin:0 auto;border-radius:25px;box-shadow:0 0 10px rgb(0 0 0 / .5);padding:70px 60px 60px;background:#dfeef2 url(/assets/img/carte-texture.webp) center/cover}
.contact-card::before{content:"";position:absolute;inset:0;background:rgb(255 255 255 / .86)}
.contact-card>*{position:relative}
.contact-card h2{color:var(--green);text-align:center}
.contact-card .intro{text-align:center;font-size:16px;margin-bottom:2em}

/* ---------- Form ---------- */
.field{margin-bottom:22px}
.field label{display:block;font-size:16px;font-weight:700;margin-bottom:6px}
.field .req{color:#c00}
.field input,.field textarea{width:100%;font:500 16px var(--f-body);color:var(--text);background:#FAFAFA;border:1px solid #DDD;border-radius:2px;padding:14px 12px}
.field textarea{min-height:170px;resize:vertical}
.field input:focus,.field textarea:focus{outline:2px solid var(--green);outline-offset:1px;border-color:var(--green)}
.field.has-error input,.field.has-error textarea{border-color:#c00}
.error-msg{color:#c00;font-size:14px;margin:6px 0 0}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.turnstile{margin:6px 0 20px;min-height:65px}
.form-status{font-size:16px;margin:16px 0 0}
.form-status.is-error{color:#c00}
.form-done{text-align:center;padding:30px 0}
.form-done h3{color:var(--green);font-size:30px}

/* ---------- Footer ---------- */
.site-footer{position:relative;color:var(--white);padding:30px 20px 20px;background:#18202c url(/assets/img/footer-van-1600.webp) center/cover no-repeat}
.site-footer::before{content:"";position:absolute;inset:0;background:var(--navy)}
.site-footer>*{position:relative}
.footer-cols{display:grid;grid-template-columns:200px 1fr 1fr;gap:40px;align-items:start;max-width:1000px;margin:0 auto;padding:20px 0 40px}
.footer-cols .logo img{width:170px}
.footer-cols h2{font-size:30px;color:var(--white);margin:.4em 0 .6em}
.footer-nav{list-style:none;margin:0;padding:0}
.footer-nav li{margin:0 0 10px}
.footer-nav a,.footer-social a{text-decoration:none;font-size:17px}
.footer-nav a:hover,.footer-social a:hover{color:var(--green)}
.footer-social{list-style:none;margin:0 0 16px;padding:0}
.footer-social li{margin:0 0 12px}
.footer-social a{display:inline-flex;align-items:center;gap:12px}
.footer-social svg{width:30px;height:30px;fill:currentColor}
.footer-tagline{font-family:var(--f-head);font-size:18px;opacity:.9}
.footer-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;max-width:1000px;margin:0 auto;padding-top:16px;border-top:1px solid rgb(255 255 255 / .15);font-family:var(--f-head);font-size:13px;color:rgb(255 255 255 / .55)}
.footer-bottom a{text-decoration:none}
.footer-bottom a:hover{color:var(--white)}

/* ---------- 404 ---------- */
.notfound{padding:60px 20px 90px;text-align:center}
.notfound h2{color:var(--green)}

/* ---------- Tablet ---------- */
@media (max-width:1024px){
  .depart-text{width:75%;padding-left:30px}
  .footer-cols{grid-template-columns:170px 1fr 1fr;gap:28px}
}

/* ---------- Phone ---------- */
@media (max-width:767px){
  body{font-size:16px}
  .site-header{padding:0 0 0 6px}
  .site-header .logo img{width:96px}
  .header-right{display:none}
  .burger{display:block}
  .site-header.is-open .mobile-nav{display:block}
  .mobile-nav{position:absolute;top:100%;right:0;width:min(300px,100vw);margin-top:6px;background:#404040;color:var(--white);border-radius:0 0 0 20px;padding:18px 24px 22px;box-shadow:0 8px 20px rgb(0 0 0 / .3)}
  .mobile-nav ul{list-style:none;margin:0 0 14px;padding:0}
  .mobile-nav li a{display:block;padding:9px 0;text-decoration:none;font-size:17px;border-bottom:1px solid rgb(255 255 255 / .12)}
  .mobile-nav .row{display:flex;align-items:center;gap:18px}
  .mobile-nav .icon-link{color:var(--green)}

  .hero{min-height:0;padding:130px 16px 50px;background-image:url(/assets/img/hero-van-760.webp)}
  .hero-card{padding:24px 20px}

  .depart{background-image:none}
  .depart::before{display:none}
  .depart-photo{display:block;height:260px;background:url(/assets/img/depart-route-900.webp) center 70%/cover no-repeat}
  .depart-text{width:auto;min-height:0;padding:36px 20px 40px;background:none}
  .depart-text>*{max-width:none}

  .suivez{padding:60px 20px;background-image:url(/assets/img/kayak-960.webp)}
  .social-buttons .btn{flex:1 1 140px}

  .inspirations{padding:50px 20px}
  .inspirations img{border-radius:40px;margin-bottom:30px}

  .page-hero{min-height:220px;background-image:url(/assets/img/contact-montagnes-900.webp)}
  .contact{padding:40px 12px 20px}
  .contact-card{padding:40px 20px 30px}

  .site-footer{background-image:url(/assets/img/footer-van-800.webp)}
  .footer-cols{grid-template-columns:1fr;gap:10px;text-align:center}
  .footer-cols .logo img{margin:0 auto;width:140px}
  .footer-social a{justify-content:center}
  .footer-bottom{justify-content:center;text-align:center}
}
@media (min-width:768px){.depart-photo{display:none}}
@media (min-width:768px) and (max-width:1300px){
  .hero{background-image:url(/assets/img/hero-van-1200.webp)}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}