/**
 * YAARU 3.3.42 — RESPONSIVE CONSOLIDÉ
 *
 * Une seule matrice responsive, chargée après le CSS historique.
 * Le profil "wide-short desktop" cible explicitement les écrans externes 16:9
 * (Dell/HP) sans modifier le rendu 16:10 du MacBook.
 */

/* ---------- Garde-fous communs ---------- */
html,body.yaaru-theme{max-width:100%;overflow-x:hidden}
body.yaaru-theme *,body.yaaru-theme *::before,body.yaaru-theme *::after{box-sizing:border-box}
body.yaaru-theme img,body.yaaru-theme svg,body.yaaru-theme video,body.yaaru-theme iframe{max-width:100%}
body.yaaru-theme.home main,
body.yaaru-theme.home section,
body.yaaru-theme.home .st-wrap,
body.yaaru-theme.home .st-narrow,
body.yaaru-theme.home .st-section-head{min-width:0}

/* Plus aucun titre ne dépend d'un état d'animation. */
body.yaaru-theme.home .st-section-head,
body.yaaru-theme.home .st-section-head *,
body.yaaru-theme.home .st-hero-copy,
body.yaaru-theme.home .st-hero-copy *,
body.yaaru-theme.home .st-cta-inner,
body.yaaru-theme.home .st-cta-inner *{
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
}
body.yaaru-theme.home .st-section-head h2,
body.yaaru-theme.home .st-cta h2{
  overflow:visible!important;
  text-wrap:balance;
  line-height:1.12!important;
  padding-top:.06em;
  padding-bottom:.06em;
}
body.yaaru-theme.home .st-section,
body.yaaru-theme.home .st-univers,
body.yaaru-theme.home .st-gallery-section,
body.yaaru-theme.home .st-activities-lite,
body.yaaru-theme.home .st-day-section,
body.yaaru-theme.home .st-faq-section,
body.yaaru-theme.home .st-cta-339{
  height:auto!important;
  min-height:0!important;
}

/* Les sections principales suivent le flux du document, pas la hauteur écran. */
@media (min-width:1024px){
  body.yaaru-theme.home .st-section,
  body.yaaru-theme.home .st-univers,
  body.yaaru-theme.home .st-gallery-section,
  body.yaaru-theme.home .st-activities-lite,
  body.yaaru-theme.home .st-day-section,
  body.yaaru-theme.home .st-faq-section,
  body.yaaru-theme.home .st-cta-339{
    overflow:visible!important;
  }
  body.yaaru-theme.home .st-activities-copy{
    position:static!important;
    top:auto!important;
  }
}

/* ---------- Carte Contact ---------- */
.yaaru-location-card{
  grid-column:1/-1;
  display:grid;
  grid-template-columns:minmax(280px,.72fr) minmax(420px,1.28fr);
  gap:24px;
  padding:24px;
  border:1px solid rgba(13,53,43,.10);
  border-radius:24px;
  background:#fff;
  box-shadow:0 18px 42px rgba(13,53,43,.06);
  align-items:stretch;
}
.yaaru-location-copy{padding:10px 4px}
.yaaru-location-copy h3{margin:.25rem 0 .7rem;font-size:clamp(1.55rem,2.2vw,2.25rem);line-height:1.12}
.yaaru-location-copy p{color:#66716c;line-height:1.7}
.yaaru-map-frame{min-height:360px;border-radius:18px;overflow:hidden;background:#eef2ef}
.yaaru-map-frame iframe{display:block;width:100%;height:100%;min-height:360px;border:0}

/* ---------- Très grand écran standard ---------- */
@media (min-width:1800px) and (min-aspect-ratio:1/1) and (max-aspect-ratio:17/10){
  body.yaaru-theme.home .st-wrap{width:min(1420px,calc(100% - 96px))}
  body.yaaru-theme.home .st-narrow{width:min(980px,calc(100% - 96px))}
  body.yaaru-theme.home .st-hero-grid{gap:78px}
  body.yaaru-theme.home .st-section{padding:88px 0}
}

/* ---------- Profil Dell / écran externe large et 16:9 ----------
   C'est le cas qui produisait trop d'espace et des titres partiellement coupés. */
@media (min-width:1500px) and (min-aspect-ratio:17/10){
  body.yaaru-theme.home .st-wrap{
    width:min(1540px,calc(100% - 72px))!important;
  }
  body.yaaru-theme.home .st-narrow{
    width:min(1040px,calc(100% - 72px))!important;
  }

  body.yaaru-theme.home .st-header-339 .st-header-shell{
    width:min(1540px,calc(100% - 72px))!important;
  }

  body.yaaru-theme.home .st-hero-339{
    padding:36px 0 42px!important;
  }
  body.yaaru-theme.home .st-hero-339 .st-hero-grid{
    grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)!important;
    gap:58px!important;
    align-items:center!important;
  }
  body.yaaru-theme.home .st-hero-339 h1{
    font-size:clamp(3.5rem,4vw,5rem)!important;
    line-height:1.02!important;
  }

  body.yaaru-theme.home .st-section,
  body.yaaru-theme.home .st-univers,
  body.yaaru-theme.home .st-gallery-section,
  body.yaaru-theme.home .st-activities-lite,
  body.yaaru-theme.home .st-day-section,
  body.yaaru-theme.home .st-faq-section{
    padding-top:54px!important;
    padding-bottom:58px!important;
  }

  body.yaaru-theme.home .st-section-head{
    max-width:900px!important;
    margin-bottom:30px!important;
  }
  body.yaaru-theme.home .st-section-head h2{
    font-size:clamp(2.65rem,3vw,3.9rem)!important;
    line-height:1.12!important;
  }
  body.yaaru-theme.home .st-section-head>p:last-child{
    font-size:1rem!important;
    line-height:1.62!important;
  }

  body.yaaru-theme.home .st-universe-grid{
    gap:22px!important;
  }
  body.yaaru-theme.home .st-universe-photo{
    aspect-ratio:16/9!important;
  }

  body.yaaru-theme.home .st-gallery-339{
    grid-template-columns:1.15fr .85fr .85fr!important;
    grid-template-rows:clamp(190px,21vh,250px) clamp(190px,21vh,250px)!important;
    gap:14px!important;
  }
  body.yaaru-theme.home .st-gallery-339 .st-life-card{
    min-height:0!important;
  }

  body.yaaru-theme.home .st-activities-layout{
    grid-template-columns:minmax(360px,.88fr) minmax(0,1.12fr)!important;
    gap:40px!important;
    min-height:0!important;
    padding:26px 30px!important;
    align-items:center!important;
    overflow:visible!important;
  }
  body.yaaru-theme.home .st-activity-card{
    min-height:132px!important;
  }

  body.yaaru-theme.home .st-day-section .st-section-head{
    margin-bottom:22px!important;
  }
  body.yaaru-theme.home .st-day-section .st-section-head h2{
    line-height:1.14!important;
    padding-top:.12em!important;
    padding-bottom:.08em!important;
  }
  body.yaaru-theme.home .st-timeboard{
    padding:20px!important;
  }
  body.yaaru-theme.home .st-time-grid{
    min-width:0!important;
    width:100%!important;
  }
  body.yaaru-theme.home .st-time-cell{
    min-height:92px!important;
    padding:12px 9px!important;
  }
  body.yaaru-theme.home .st-time-cell.cell-head{
    min-height:68px!important;
  }

  body.yaaru-theme.home .st-faq-section{
    padding-top:54px!important;
  }
  body.yaaru-theme.home .st-cta-339{
    padding:46px 0!important;
  }
}

/* ---------- Desktop / laptop ---------- */
@media (min-width:1200px) and (max-width:1499px){
  body.yaaru-theme.home .st-wrap{width:min(1180px,calc(100% - 48px))}
  body.yaaru-theme.home .st-narrow{width:min(860px,calc(100% - 48px))}
  body.yaaru-theme.home .st-section{padding:72px 0}
  body.yaaru-theme.home .st-hero-grid{gap:46px}
}

/* ---------- Laptop étroit ---------- */
@media (min-width:1024px) and (max-width:1199px){
  body.yaaru-theme.home .st-wrap{width:calc(100% - 40px)}
  body.yaaru-theme.home .st-narrow{width:min(820px,calc(100% - 40px))}
  body.yaaru-theme.home .st-nav{gap:14px}
  body.yaaru-theme.home .st-actions{gap:10px}
  body.yaaru-theme.home .st-nav a,body.yaaru-theme.home .st-parent{font-size:.78rem}
  body.yaaru-theme.home .st-hero-grid{gap:36px}
  body.yaaru-theme.home .st-section{padding:66px 0}
}

/* ---------- Tablette ---------- */
@media (min-width:768px) and (max-width:1023px){
  body.yaaru-theme.home .st-wrap,body.yaaru-theme.home .st-narrow{width:calc(100% - 40px)}
  body.yaaru-theme.home .st-nav,body.yaaru-theme.home .st-header-cta{display:none!important}
  body.yaaru-theme.home .st-menu-btn{display:inline-flex!important}
  body.yaaru-theme.home .st-hero-grid{grid-template-columns:1fr!important;gap:32px!important}
  body.yaaru-theme.home .st-section{padding:60px 0}
  body.yaaru-theme.home .st-universe-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.yaaru-theme.home .st-gallery-339{grid-template-columns:1fr 1fr!important;grid-template-rows:auto!important}
  body.yaaru-theme.home .st-life-card.st-life-main,
  body.yaaru-theme.home .st-life-card.st-life-wide{grid-column:auto!important;grid-row:auto!important;aspect-ratio:4/3}
  body.yaaru-theme.home .st-activities-layout{grid-template-columns:1fr!important;gap:24px!important}
  body.yaaru-theme.home .st-time-grid-wrap{overflow-x:auto!important}
  body.yaaru-theme.home .st-time-grid{min-width:900px}
  .yaaru-location-card{grid-template-columns:1fr}
}

/* ---------- Mobile ---------- */
@media (max-width:767px){
  body.yaaru-theme.home .st-wrap,body.yaaru-theme.home .st-narrow{width:calc(100% - 24px)!important}
  body.yaaru-theme.home .st-hero-339{padding:28px 0 34px!important}
  body.yaaru-theme.home .st-hero-grid{grid-template-columns:1fr!important;gap:24px!important}
  body.yaaru-theme.home .st-hero-339 h1{font-size:clamp(2.35rem,11.6vw,3.35rem)!important;line-height:1.04!important}
  body.yaaru-theme.home .st-section,
  body.yaaru-theme.home .st-univers,
  body.yaaru-theme.home .st-gallery-section,
  body.yaaru-theme.home .st-activities-lite,
  body.yaaru-theme.home .st-day-section,
  body.yaaru-theme.home .st-faq-section{padding:48px 0!important}
  body.yaaru-theme.home .st-section-head{margin-bottom:26px!important}
  body.yaaru-theme.home .st-section-head h2{font-size:clamp(2rem,9vw,2.8rem)!important;line-height:1.12!important}
  body.yaaru-theme.home .st-universe-grid,
  body.yaaru-theme.home .st-gallery-339,
  body.yaaru-theme.home .st-activity-showcase{grid-template-columns:1fr!important}
  body.yaaru-theme.home .st-life-card,
  body.yaaru-theme.home .st-life-card.st-life-main,
  body.yaaru-theme.home .st-life-card.st-life-wide{grid-column:auto!important;grid-row:auto!important;aspect-ratio:4/3!important}
  body.yaaru-theme.home .st-activities-layout{grid-template-columns:1fr!important;gap:22px!important;padding:0!important}
  body.yaaru-theme.home .st-time-grid-wrap{overflow-x:auto!important;-webkit-overflow-scrolling:touch}
  body.yaaru-theme.home .st-time-grid{min-width:720px}
  body.yaaru-theme.home .st-cta-inner{display:grid!important;grid-template-columns:1fr!important;gap:22px!important}
  body.yaaru-theme.home .st-cta-actions{display:grid!important;grid-template-columns:1fr!important}
  body.yaaru-theme.home .st-cta-actions .st-btn{width:100%}
  .yaaru-location-card{grid-template-columns:1fr;padding:16px}
  .yaaru-map-frame,.yaaru-map-frame iframe{min-height:300px}
}

/* ---------- Petit mobile ---------- */
@media (max-width:430px){
  body.yaaru-theme.home .st-wrap,body.yaaru-theme.home .st-narrow{width:calc(100% - 20px)!important}
  body.yaaru-theme.home .st-footer-grid{grid-template-columns:1fr!important}
  body.yaaru-theme.home .st-footer-grid>div{grid-column:auto!important}
}

/* Réduction de mouvement */
@media (prefers-reduced-motion:reduce){
  body.yaaru-theme.home *,body.yaaru-theme.home *::before,body.yaaru-theme.home *::after{
    animation:none!important;
    transition:none!important;
    scroll-behavior:auto!important;
  }
}


/* 3.3.43 — lien Actualités supplémentaire dans la navigation accueil */
@media (min-width:1024px) and (max-width:1280px){
  body.yaaru-theme.home .st-nav-pill a{padding-inline:10px!important;font-size:.76rem!important}
  body.yaaru-theme.home .st-nav-pill{gap:2px!important}
}