.cocooning-skip-link{position:fixed;left:16px;top:-100px;z-index:100000;padding:14px 20px;background:#fff8ed;color:#5a342b;text-decoration:none}
.cocooning-skip-link:focus{top:48px}
.cocooning-content-anchor{position:absolute;width:1px;height:1px;overflow:hidden}
body.admin-bar .overlay-header{top:32px}
@media(max-width:782px){body.admin-bar .overlay-header{top:46px}}
a:focus-visible,button:focus-visible{outline:2px solid currentColor;outline-offset:5px}
.elementor .elementor-widget-cocooning_section{margin:0!important;width:100%;max-width:none}
.elementor .elementor-widget-cocooning_section>.elementor-widget-container{margin:0;padding:0}
.elementor>.e-con.cocooning-page-sections{display:block;max-width:none;width:100%;padding:0;margin:0;gap:0}
.elementor>.e-con.cocooning-page-sections>.e-con-inner{display:block;max-width:none;width:100%;padding:0;margin:0;gap:0}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}[data-reveal]{opacity:1!important;transform:none!important}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
body.elementor-editor-active [data-reveal],body.e-preview--show-hidden-elements [data-reveal]{opacity:1!important;transform:none!important}

/* Accueil WordPress : tous les voyages visibles sans défilement horizontal. */
body.home .experience-rail {
  --experience-columns: 5;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 14px;
  max-width: 1744px;
  margin: 0 auto;
  padding: 0 4vw;
  overflow: visible;
  scroll-snap-type: none;
}
body.home .experience-rail .experience-card {
  flex: 0 0 calc((100% - (var(--experience-columns) - 1) * 14px) / var(--experience-columns));
  min-width: 0;
  max-width: 310px;
  height: auto;
  aspect-ratio: 31 / 48;
  padding: 22px;
  scroll-snap-align: none;
  /* Même présentation plein cadre pour les cinq photographies. */
  border: 0;
  background: #513128;
}
body.home .experience-rail .experience-card h3 {
  font-size: clamp(1.8rem, 2.25vw, 2.45rem);
  line-height: 1.02;
}
body.home .experience-card.second img {
  object-fit: cover;
  object-position: center center;
  transform: none;
}
body.home .experience-card.second > span {
  text-shadow: 0 1px 4px rgba(0, 0, 0, .9);
}
body.home .experience-card.second::after {
  background: linear-gradient(0deg, rgba(27, 14, 10, .58), transparent 40%);
}
@media (max-width: 1399px) {
  body.home .experience-rail { --experience-columns: 3; }
}
@media (max-width: 959px) {
  body.home .experience-rail { --experience-columns: 2; }
}
@media (max-width: 620px) {
  body.home .experience-rail {
    --experience-columns: 1;
    padding: 0 20px;
    gap: 20px;
  }
  body.home .experience-rail .experience-card {
    max-width: 400px;
    padding: 26px;
  }
  body.home .experience-rail .experience-card h3 { font-size: 2.45rem; }
}

/* L’esprit : rôle de Nathalie auprès des partenaires locaux. */
body.page-id-6 .esprit-network { background: #fff7ea; }
body.page-id-6 .esprit-network .section-grid {
  grid-template-columns: .8fr 1.2fr;
  gap: clamp(40px, 6vw, 88px);
  align-items: center;
}
body.page-id-6 .esprit-network-copy { max-width: 66ch; }
body.page-id-6 .esprit-network-copy .esprit-network-summary {
  margin: 0;
}
@media(max-width:1040px) {
  body.page-id-6 .esprit-network .section-grid { grid-template-columns: 1fr; gap: 32px; }
}

@media(min-width:721px) {
  /* Réserver l’espace des liens sociaux afin qu’ils ne masquent aucun paragraphe. */
  body.page-id-6 .content-section { padding-right: max(7vw, 190px); }
}

/* Vos voyages : cinq accompagnements présentés avec la même structure. */
body.page-id-7 .page-hero { background-position: center 58%; }
body.page-id-7 .voyage-offers {
  display: grid;
  grid-auto-rows: 1fr;
  gap: 16px;
  max-width: 1180px;
  margin: 55px auto 0;
}
body.page-id-7 .voyage-offer {
  display: grid;
  grid-template-columns: 58px minmax(0, .85fr) minmax(0, 1.15fr);
  align-items: center;
  gap: 30px;
  min-height: 190px;
  padding: 30px 36px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: var(--surface);
}
body.page-id-7 .voyage-offer-number {
  font-family: var(--display);
  font-size: 2.6rem;
  color: var(--accent);
}
body.page-id-7 .voyage-offer-label {
  display: block;
  margin-bottom: 12px;
  color: var(--accent);
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
}
body.page-id-7 .voyage-offer-heading h3 {
  margin: 0;
  font-family: var(--display);
  font-size: 2.2rem;
  font-weight: 400;
  line-height: 1.05;
}
body.page-id-7 .voyage-offer-copy {
  font-size: 1.02rem;
  line-height: 1.8;
}
body.page-id-7 .voyage-offer-copy p { margin: 0; }
body.page-id-7 .voyage-offer-copy a {
  display: inline-block;
  margin-top: 14px;
  color: var(--accent);
  font-weight: 700;
  text-decoration-thickness: 1px;
  text-underline-offset: 5px;
}
@media(max-width:1040px) {
  body.page-id-7 .voyage-offer {
    grid-template-columns: 48px minmax(0, .85fr) minmax(0, 1.15fr);
    gap: 22px;
    padding: 28px;
  }
}
@media(max-width:720px) {
  body.page-id-7 .voyage-offer {
    grid-template-columns: 38px minmax(0, 1fr);
    gap: 18px;
    padding: 26px 22px;
  }
  body.page-id-7 .voyage-offer-number { align-self: start; font-size: 2.2rem; }
  body.page-id-7 .voyage-offer-copy { grid-column: 2; }
  body.page-id-7 .voyage-offer-heading h3 { font-size: 2rem; }
}

@media(min-width:721px) {
  body.page-id-7 .content-section { padding-right: max(7vw, 190px); }
}