/**
 * Gabarit pages hub service (soins, stages, randonnées, Compostelle).
 * Sélecteurs par data-id — identiques sur elementor-987666 / 987769 / 987709 / 987852.
 */

/* ── Hero vidéo / image ── */
.page-content.tao-page-service-hub .elementor-element-cde987c {
  position: relative;
  width: 100% !important;
  max-width: 100% !important;
  min-height: clamp(480px, 72vh, 820px) !important;
  border-radius: 0 !important;
  --border-radius: 0px !important;
  overflow: hidden;
}

.page-content.tao-page-service-hub .elementor-element-cde987c > .elementor-background-overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  opacity: 1 !important;
  background: linear-gradient(
    180deg,
    rgba(10, 18, 16, 0.15) 0%,
    rgba(10, 18, 16, 0.45) 45%,
    rgba(10, 18, 16, 0.82) 100%
  ) !important;
}

.page-content.tao-page-service-hub .elementor-element-cde987c .elementor-background-video-container,
.page-content.tao-page-service-hub .elementor-element-cde987c .elementor-background-slideshow {
  position: absolute;
  inset: 0;
  z-index: 0;
}

.page-content.tao-page-service-hub .elementor-element-cde987c > .e-con-inner {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: min(var(--container-max-width, 1280px), 100%);
  margin-inline: auto;
  padding-inline: clamp(16px, 2.5vw, 30px);
  box-sizing: border-box;
}

.page-content.tao-page-service-hub .elementor-element-6d84719 {
  max-width: min(36rem, 100%);
  padding-right: 0 !important;
}

.page-content.tao-page-service-hub .elementor-element-cde987c .elementor-heading-title {
  color: #fff !important;
  text-shadow: 0 2px 24px rgba(0, 0, 0, 0.55);
}

.page-content.tao-page-service-hub .elementor-element-cde987c .elementor-text-editor,
.page-content.tao-page-service-hub .elementor-element-cde987c .elementor-text-editor p {
  color: rgba(255, 255, 255, 0.92) !important;
  text-shadow: 0 1px 12px rgba(0, 0, 0, 0.5);
}

.page-content.tao-page-service-hub .elementor-element-7bd1f8e > .e-con-inner,
.page-content.tao-page-service-hub .elementor-element-5526938 > .e-con-inner {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 1rem;
}

.page-content.tao-page-service-hub .elementor-element-cde987c .elementor-widget-rating .e-rating,
.page-content.tao-page-service-hub .elementor-element-cde987c .elementor-widget-rating i,
.page-content.tao-page-service-hub .elementor-element-cde987c .elementor-widget-rating svg {
  color: #f5c542 !important;
  fill: #f5c542 !important;
}

.page-content.tao-page-service-hub .elementor-element-cde987c .elementor-widget-rating .e-rating-value,
.page-content.tao-page-service-hub .elementor-element-fd70280 .elementor-heading-title {
  color: #fff !important;
  text-shadow: 0 1px 8px rgba(0, 0, 0, 0.65);
}

/* ── Sections titres + grilles ── */
.page-content.tao-page-service-hub .elementor-element-bc455de > .e-con-inner,
.page-content.tao-page-service-hub .elementor-element-58572a0 > .e-con-inner,
.page-content.tao-page-service-hub .elementor-element-20576cd > .e-con-inner,
.page-content.tao-page-service-hub .elementor-element-a69c699 > .e-con-inner {
  width: 100%;
  max-width: min(var(--container-max-width, 1280px), 100%);
  margin-inline: auto;
  padding-inline: clamp(16px, 2.5vw, 30px);
  box-sizing: border-box;
}

.page-content.tao-page-service-hub .elementor-element-bc455de,
.page-content.tao-page-service-hub .elementor-element-58572a0,
.page-content.tao-page-service-hub .elementor-element-20576cd,
.page-content.tao-page-service-hub .elementor-element-a69c699 {
  --margin-top: 0px !important;
  --margin-bottom: clamp(3rem, 8vh, 6rem) !important;
  margin-block-start: 0 !important;
  margin-block-end: clamp(3rem, 8vh, 6rem) !important;
}

.page-content.tao-page-service-hub .elementor-element-bc455de {
  text-align: center;
  padding-top: clamp(2rem, 5vh, 3.5rem);
}

.page-content.tao-page-service-hub .elementor-element-f7a1c10 .tao-loop-static {
  width: 100%;
  padding-inline: 0;
}

.page-content.tao-page-service-hub .elementor-element-cde987c .elementor-background-slideshow__slide,
.page-content.tao-page-service-hub .elementor-element-cde987c .elementor-background-slideshow__slide__image {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
}

.page-content.tao-page-service-hub .elementor-element-7bd1f8e > .e-con-inner {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: flex-end !important;
  justify-content: space-between !important;
  gap: 1rem;
  width: 100%;
}

.page-content.tao-page-service-hub .elementor-element-5526938 {
  flex: 0 1 auto;
}

.page-content.tao-page-service-hub .elementor-element-fd70280 {
  flex: 0 1 auto;
  align-items: flex-end !important;
}

.page-content.tao-page-service-hub .elementor-element-abc236a {
  width: 100%;
  max-width: min(var(--container-max-width, 1280px), 100%);
  margin-inline: auto;
  opacity: 0.35;
}

.page-content.tao-page-service-hub .elementor-element-38ee190 {
  width: 100%;
  max-width: min(var(--container-max-width, 1280px), 100%);
  margin-inline: auto;
}

.page-content.tao-page-service-hub .elementor-element-38ee190 .elementor-heading-title {
  color: rgba(255, 255, 255, 0.88) !important;
  font-size: clamp(0.85rem, 1.2vw, 1rem);
  text-shadow: 0 1px 6px rgba(0, 0, 0, 0.45);
}

.page-content.tao-page-service-hub .elementor-element-f7a1c10 .tao-loop-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)) !important;
  gap: clamp(1rem, 2vw, 1.25rem) !important;
  max-width: min(100%, 1280px);
  margin-inline: auto;
}

.page-content.tao-page-service-hub .tao-hub-randonnees .elementor-element-f7a1c10 .tao-loop-grid,
.page-content.tao-page-service-hub .tao-hub-sejours-compostelle .elementor-element-f7a1c10 .tao-loop-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  max-width: min(920px, 100%);
}

.page-content.tao-page-service-hub .elementor-element-e418f16 {
  flex: 0 0 min(42%, 380px);
  min-width: 0;
}

.page-content.tao-page-service-hub .elementor-element-2806287 {
  flex: 1 1 auto;
  min-width: 0;
}

.page-content.tao-page-service-hub .elementor-element-7f1e50a {
  position: relative;
  min-height: clamp(320px, 42vw, 520px) !important;
  border-radius: 245px 245px 24px 24px !important;
  overflow: hidden;
}

.page-content.tao-page-service-hub .elementor-element-7f1e50a .elementor-background-slideshow {
  position: absolute;
  inset: 0;
  border-radius: inherit;
}

.page-content.tao-page-service-hub .elementor-element-7f1e50a .elementor-background-slideshow__slide,
.page-content.tao-page-service-hub .elementor-element-7f1e50a .elementor-background-slideshow__slide__image {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
}

.page-content.tao-page-service-hub .elementor-element-e418f16 img {
  width: 100%;
  height: 100%;
  min-height: 320px;
  object-fit: cover;
  border-radius: 50% / 42%;
}

.page-content.tao-page-service-hub .elementor-element-42983e1 {
  flex: unset;
  width: 100%;
}

/* ── Accordéon bénéfices + image ── */
.page-content.tao-page-service-hub .elementor-element-f2dad73 {
  width: 100% !important;
  max-width: min(var(--container-max-width, 1100px), 100%) !important;
  --width: 100% !important;
  margin-inline: auto;
  border-radius: 24px;
  overflow: hidden;
  position: relative;
}

.page-content.tao-page-service-hub .elementor-element-f2dad73 > .e-con-inner {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  width: 100%;
  position: relative;
  z-index: 1;
}

.page-content.tao-page-service-hub .elementor-element-f2dad73 .elementor-background-slideshow {
  position: absolute;
  inset: 0;
  z-index: 0;
  opacity: 0.35;
}

/* f2dad73 > .e-con-inner flex défini plus haut */

/* ── Bio praticienne (2 colonnes) ── */
.page-content.tao-page-service-hub .elementor-element-a69c699 > .e-con-inner {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: clamp(1.5rem, 3vw, 2.5rem);
}

.page-content.tao-page-service-hub .elementor-element-f897b96 {
  flex: 1 1 min(420px, 100%);
  min-width: 0;
  padding-right: 0 !important;
}

.page-content.tao-page-service-hub .elementor-element-a969b9e {
  flex: 1 1 min(380px, 100%);
  min-width: 0;
  min-height: clamp(320px, 38vw, 480px);
  border-radius: 20px;
  overflow: hidden;
  position: relative;
}

.page-content.tao-page-service-hub .elementor-element-a969b9e .elementor-background-slideshow {
  position: absolute;
  inset: 0;
}

.page-content.tao-page-service-hub .elementor-element-a969b9e .elementor-background-slideshow__slide,
.page-content.tao-page-service-hub .elementor-element-a969b9e .elementor-background-slideshow__slide__image {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
}

/* 2e loop-grid (badges) vide à l'export — masquer */
.page-content.tao-page-service-hub .elementor-element-f191435:empty,
.page-content.tao-page-service-hub .elementor-element-f191435 .elementor-widget-container:empty,
.page-content.tao-page-service-hub .elementor-element-f191435:not(:has(.tao-loop-card)) {
  display: none !important;
}

/* ── CTA bas de page ── */
.page-content.tao-page-service-hub .elementor-element-32389c6 {
  position: relative;
  min-height: clamp(360px, 50vh, 520px) !important;
  border-radius: 0 !important;
  overflow: hidden;
  text-align: center;
}

.page-content.tao-page-service-hub .elementor-element-32389c6 .elementor-background-video-container {
  display: none !important;
}

.page-content.tao-page-service-hub .elementor-element-32389c6::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background: linear-gradient(
      180deg,
      rgba(10, 18, 16, 0.35) 0%,
      rgba(10, 18, 16, 0.72) 100%
    ),
    url(/uploads/2025/09/pexels-yankrukov-5793916-flip.jpg) center / cover no-repeat;
}

.tao-hub-randonnees .elementor-element-32389c6::before {
  background-image: linear-gradient(
      180deg,
      rgba(10, 18, 16, 0.35) 0%,
      rgba(10, 18, 16, 0.72) 100%
    ),
    url(/uploads/2026/01/randonnee-cevenne-1.png);
  background-position: center;
  background-size: cover;
}

.tao-hub-stages-ateliers-tao .elementor-element-32389c6::before {
  background-image: linear-gradient(
      180deg,
      rgba(10, 18, 16, 0.35) 0%,
      rgba(10, 18, 16, 0.72) 100%
    ),
    url(/uploads/2026/01/Groupe-de-femmes-min-scaled.webp);
  background-position: center;
  background-size: cover;
}

.tao-hub-sejours-compostelle .elementor-element-32389c6::before {
  background-image: linear-gradient(
      180deg,
      rgba(10, 18, 16, 0.35) 0%,
      rgba(10, 18, 16, 0.72) 100%
    ),
    url(/uploads/2026/01/pexels-jokassis-11690250-scaled.jpg);
  background-position: center;
  background-size: cover;
}

.page-content.tao-page-service-hub .elementor-element-32389c6 > .e-con-inner {
  position: relative;
  z-index: 1;
}

.page-content.tao-page-service-hub .elementor-element-32389c6 .elementor-heading-title,
.page-content.tao-page-service-hub .elementor-element-32389c6 .elementor-text-editor p {
  color: #fff !important;
}

.page-content.tao-page-service-hub .elementor-element-5040a83 > .e-con-inner {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.75rem 1rem;
}

.page-content.tao-page-service-hub .elementor-element-dc13f48,
.page-content.tao-page-service-hub .elementor-element-af78056 {
  width: auto !important;
  flex: 0 0 auto !important;
  --width: auto !important;
  background: transparent !important;
}

/* Séparateur « ou » : masquer les pastilles fa-circle cassées */
.page-content.tao-page-service-hub .elementor-element-af78056 .elementor-widget-icon {
  display: none !important;
}

.page-content.tao-page-service-hub .elementor-element-af78056 .elementor-divider {
  display: none !important;
}

.page-content.tao-page-service-hub .elementor-element-ccf1f3f .elementor-heading-title {
  font-size: 0.85rem !important;
  font-weight: 500;
  text-transform: lowercase;
  color: rgba(255, 255, 255, 0.85) !important;
  padding-inline: 0.35rem;
}

.page-content.tao-page-service-hub .elementor-element-af78056 > .e-con-inner {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 0.5rem;
  padding-inline: 0.25rem;
}

.page-content.tao-page-service-hub .elementor-element-cf3fe05 {
  width: auto !important;
  flex: 0 0 auto !important;
  --width: auto !important;
}

@media (max-width: 1024px) {
  .page-content.tao-page-service-hub .tao-hub-randonnees .elementor-element-f7a1c10 .tao-loop-grid,
  .page-content.tao-page-service-hub .tao-hub-sejours-compostelle .elementor-element-f7a1c10 .tao-loop-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .page-content.tao-page-service-hub .elementor-element-f7a1c10 .tao-loop-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .page-content.tao-page-service-hub .elementor-element-f2dad73 > .e-con-inner {
    flex-direction: column !important;
  }

  .page-content.tao-page-service-hub .elementor-element-e418f16 {
    flex: 1 1 100%;
    max-width: min(360px, 100%);
    margin-inline: auto;
  }
}

@media (max-width: 767px) {
  .page-content.tao-page-service-hub .elementor-element-f7a1c10 .tao-loop-grid {
    grid-template-columns: 1fr !important;
  }

  .page-content.tao-page-service-hub .elementor-element-a69c699 > .e-con-inner {
    flex-direction: column !important;
  }

  .page-content.tao-page-service-hub .elementor-element-6d84719 {
    padding-right: 0 !important;
  }

  .page-content.tao-page-service-hub .elementor-element-cde987c {
    border-radius: 0 0 16px 16px;
  }
}