/* ── Brochure Page Base ── */

.page{
  background:#f5f0e8;
  color:#2a2a2a;
  font-family:'Lato',sans-serif;
  overflow:hidden;
  position:relative;
}

.page-content{
  width:100%;
  height:100%;
  display:flex;
  flex-direction:column;
  position:relative;
  overflow:hidden;
}

/* ── Cover Pages ── */

.page-cover .page-content{
  background:#1a3c34;
  color:#f5f0e8;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:40px;
}

.cover-logo{
  width:120px;
  height:auto;
  margin-bottom:24px;
  filter:brightness(1.1);
}

.cover-title{
  font-family:'Cormorant Garamond',serif;
  font-size:28px;
  font-weight:700;
  line-height:1.2;
  margin-bottom:12px;
  color:#f5f0e8;
}

.cover-subtitle{
  font-family:'Cormorant Garamond',serif;
  font-size:16px;
  font-weight:400;
  font-style:italic;
  color:#c4956a;
  margin-bottom:24px;
}

.cover-year{
  font-family:'Lato',sans-serif;
  font-size:13px;
  letter-spacing:3px;
  text-transform:uppercase;
  color:#c4956a;
  border-top:1px solid rgba(196,149,106,.3);
  padding-top:16px;
  margin-top:auto;
}

.cover-bg{
  position:absolute;
  inset:0;
  background-size:cover;
  background-position:center;
  opacity:.25;
}

.cover-certifs{
  display:flex;
  gap:12px;
  margin-top:20px;
  align-items:center;
  justify-content:center;
}
.cover-certifs img{
  height:28px;
  width:auto;
  opacity:.7;
}

/* ── Back Cover ── */

.page-back .page-content{
  background:#1a3c34;
  color:#f5f0e8;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:40px;
}

.back-logo{width:80px;margin-bottom:20px}
.back-tagline{
  font-family:'Cormorant Garamond',serif;
  font-size:18px;
  font-style:italic;
  color:#c4956a;
  margin-bottom:24px;
}
.back-contact{
  font-size:12px;
  line-height:2;
  color:#aaa;
}
.back-contact a{color:#c4956a;text-decoration:none}

/* ── Editorial Page ── */

.page-editorial .page-content{
  padding:32px 28px;
  justify-content:center;
}

.editorial-quote{
  font-family:'Cormorant Garamond',serif;
  font-size:20px;
  font-style:italic;
  color:#1a3c34;
  line-height:1.5;
  margin-bottom:20px;
  position:relative;
  padding-left:20px;
  border-left:3px solid #c4956a;
}

.editorial-text{
  font-size:12px;
  line-height:1.8;
  color:#555;
  margin-bottom:16px;
}

.editorial-sig{
  font-family:'Cormorant Garamond',serif;
  font-size:14px;
  font-weight:600;
  color:#1a3c34;
}
.editorial-role{
  font-size:11px;
  color:#888;
}

/* ── Table of Contents ── */

.page-toc .page-content{
  padding:28px 24px;
}

.toc-title{
  font-family:'Cormorant Garamond',serif;
  font-size:22px;
  font-weight:700;
  color:#1a3c34;
  margin-bottom:20px;
  padding-bottom:8px;
  border-bottom:2px solid #c4956a;
}

.toc-entry{
  display:flex;
  align-items:baseline;
  padding:6px 0;
  font-size:12px;
  color:#555;
  border-bottom:1px dotted #ddd;
}
.toc-entry-section{
  font-family:'Cormorant Garamond',serif;
  font-size:14px;
  font-weight:700;
  color:#1a3c34;
  padding:10px 0 4px;
  border-bottom:none;
}
.toc-entry-name{flex:1}
.toc-entry-page{
  color:#c4956a;
  font-weight:600;
  margin-left:8px;
}
.toc-dot-indicator{
  width:8px;height:8px;
  border-radius:50%;
  margin-right:10px;
  flex-shrink:0;
}

/* ── Section Divider ── */

.page-section .page-content{
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:40px 32px;
  position:relative;
}

.section-bg{
  position:absolute;
  inset:0;
  opacity:.15;
  background-size:cover;
  background-position:center;
}

.section-number{
  font-family:'Lato',sans-serif;
  font-size:48px;
  font-weight:700;
  opacity:.15;
  position:absolute;
  top:20px;
  right:24px;
}

.section-icon{
  width:40px;
  height:40px;
  margin-bottom:16px;
  opacity:.7;
}

.section-title{
  font-family:'Cormorant Garamond',serif;
  font-size:24px;
  font-weight:700;
  line-height:1.2;
  margin-bottom:12px;
  position:relative;
  z-index:1;
}

.section-tagline{
  font-family:'Cormorant Garamond',serif;
  font-size:13px;
  font-style:italic;
  opacity:.8;
  max-width:280px;
  line-height:1.5;
  position:relative;
  z-index:1;
}

.section-line{
  width:40px;
  height:2px;
  margin:16px auto 0;
  position:relative;
  z-index:1;
}

.page-section .page-content[data-section="beaute"]{background:#9e6b6b;color:#fff}
.page-content[data-section="beaute"] .section-line{background:rgba(255,255,255,.5)}

.page-section .page-content[data-section="yoga"]{background:#2d4a7a;color:#fff}
.page-content[data-section="yoga"] .section-line{background:rgba(255,255,255,.5)}

.page-section .page-content[data-section="guerison"]{background:#2d5a3d;color:#fff}
.page-content[data-section="guerison"] .section-line{background:rgba(255,255,255,.5)}

.page-section .page-content[data-section="transformation"]{background:#5a3d6b;color:#fff}
.page-content[data-section="transformation"] .section-line{background:rgba(255,255,255,.5)}

.page-section .page-content[data-section="rituels"]{background:#8a6b2a;color:#fff}
.page-content[data-section="rituels"] .section-line{background:rgba(255,255,255,.5)}

/* ── Photo Pages ── */

.page-photo .page-content{
  position:relative;
}

.photo-bg{
  position:absolute;
  inset:0;
  background-size:cover;
  background-position:center;
}

.photo-overlay{
  position:absolute;
  inset:0;
  background:linear-gradient(to top,rgba(0,0,0,.7) 0%,rgba(0,0,0,.1) 50%,transparent 100%);
}

.photo-content{
  position:absolute;
  bottom:0;
  left:0;right:0;
  padding:24px;
  color:#fff;
  z-index:2;
}

.photo-destination{
  font-family:'Lato',sans-serif;
  font-size:10px;
  letter-spacing:2px;
  text-transform:uppercase;
  color:#c4956a;
  margin-bottom:6px;
}

.photo-title{
  font-family:'Cormorant Garamond',serif;
  font-size:22px;
  font-weight:700;
  line-height:1.2;
  margin-bottom:8px;
}

.photo-tagline{
  font-size:11px;
  line-height:1.5;
  opacity:.85;
  max-width:320px;
}

.photo-badge{
  position:absolute;
  top:16px;right:16px;
  background:rgba(196,149,106,.9);
  color:#1a3c34;
  padding:6px 12px;
  border-radius:4px;
  font-size:11px;
  font-weight:700;
  z-index:2;
}

/* ── Info Pages ── */

.page-info .page-content{
  padding:20px 22px;
  gap:0;
}

.info-header{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  margin-bottom:10px;
  padding-bottom:8px;
  border-bottom:2px solid;
}

.info-destination{
  font-family:'Cormorant Garamond',serif;
  font-size:18px;
  font-weight:700;
  color:#1a3c34;
}

.info-price{
  font-family:'Lato',sans-serif;
  font-size:16px;
  font-weight:700;
}

.info-meta{
  display:flex;
  gap:12px;
  margin-bottom:12px;
  flex-wrap:wrap;
}
.info-meta-item{
  display:flex;
  align-items:center;
  gap:4px;
  font-size:10px;
  color:#777;
}
.info-meta-item svg{width:12px;height:12px;color:#c4956a}

.info-dates{
  background:#f0ebe3;
  padding:8px 10px;
  border-radius:6px;
  margin-bottom:10px;
}
.info-dates-title{
  font-size:10px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:1px;
  color:#888;
  margin-bottom:4px;
}
.info-dates-list{
  font-size:11px;
  color:#555;
  line-height:1.6;
}

.info-highlights{
  margin-bottom:10px;
}
.info-highlights-title{
  font-family:'Cormorant Garamond',serif;
  font-size:13px;
  font-weight:600;
  color:#1a3c34;
  margin-bottom:6px;
}
.info-highlight-item{
  display:flex;
  align-items:flex-start;
  gap:6px;
  font-size:11px;
  color:#555;
  line-height:1.4;
  padding:3px 0;
}
.info-highlight-item::before{
  content:'';
  width:5px;height:5px;
  border-radius:50%;
  margin-top:5px;
  flex-shrink:0;
}

[data-section="beaute"] .info-header{border-color:#9e6b6b}
[data-section="beaute"] .info-price{color:#9e6b6b}
[data-section="beaute"] .info-highlight-item::before{background:#9e6b6b}

[data-section="yoga"] .info-header{border-color:#2d4a7a}
[data-section="yoga"] .info-price{color:#2d4a7a}
[data-section="yoga"] .info-highlight-item::before{background:#2d4a7a}

[data-section="guerison"] .info-header{border-color:#2d5a3d}
[data-section="guerison"] .info-price{color:#2d5a3d}
[data-section="guerison"] .info-highlight-item::before{background:#2d5a3d}

[data-section="transformation"] .info-header{border-color:#5a3d6b}
[data-section="transformation"] .info-price{color:#5a3d6b}
[data-section="transformation"] .info-highlight-item::before{background:#5a3d6b}

[data-section="rituels"] .info-header{border-color:#8a6b2a}
[data-section="rituels"] .info-price{color:#8a6b2a}
[data-section="rituels"] .info-highlight-item::before{background:#8a6b2a}

.info-inclus{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:6px;
  margin-bottom:10px;
}
.info-inclus-col h4{
  font-size:10px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:1px;
  margin-bottom:4px;
}
.info-inclus-col.inclus h4{color:#2d5a3d}
.info-inclus-col.exclus h4{color:#9e6b6b}
.info-inclus-col li{
  font-size:10px;
  color:#666;
  line-height:1.5;
  list-style:none;
  padding-left:10px;
  position:relative;
}
.info-inclus-col.inclus li::before{content:'+';position:absolute;left:0;color:#2d5a3d;font-weight:700}
.info-inclus-col.exclus li::before{content:'-';position:absolute;left:0;color:#9e6b6b;font-weight:700}

.info-guide{
  display:flex;
  align-items:center;
  gap:10px;
  background:#f0ebe3;
  padding:8px 10px;
  border-radius:6px;
  margin-top:auto;
}
.info-guide-avatar{
  width:36px;height:36px;
  border-radius:50%;
  background:#ddd;
  flex-shrink:0;
  object-fit:cover;
}
.info-guide-name{
  font-family:'Cormorant Garamond',serif;
  font-size:12px;
  font-weight:600;
  color:#1a3c34;
}
.info-guide-role{
  font-size:10px;
  color:#888;
}

/* ── Intervenants Pages ── */

.page-intervenants .page-content{
  padding:24px 20px;
}

.intervenants-title{
  font-family:'Cormorant Garamond',serif;
  font-size:20px;
  font-weight:700;
  color:#1a3c34;
  text-align:center;
  margin-bottom:16px;
}

.intervenant-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}

.intervenant-card{
  text-align:center;
  padding:10px 6px;
}
.intervenant-avatar{
  width:52px;height:52px;
  border-radius:50%;
  background:#ddd;
  margin:0 auto 6px;
  object-fit:cover;
}
.intervenant-name{
  font-family:'Cormorant Garamond',serif;
  font-size:12px;
  font-weight:600;
  color:#1a3c34;
  margin-bottom:2px;
}
.intervenant-spec{
  font-size:9px;
  color:#888;
  line-height:1.4;
}

/* ── Practical Info Page ── */

.page-pratique .page-content{
  padding:24px 22px;
}

.pratique-title{
  font-family:'Cormorant Garamond',serif;
  font-size:20px;
  font-weight:700;
  color:#1a3c34;
  margin-bottom:16px;
  text-align:center;
}

.pratique-block{
  margin-bottom:14px;
}
.pratique-block h4{
  font-family:'Cormorant Garamond',serif;
  font-size:13px;
  font-weight:600;
  color:#1a3c34;
  margin-bottom:4px;
  padding-bottom:4px;
  border-bottom:1px solid #e0d8cc;
}
.pratique-block p,.pratique-block li{
  font-size:11px;
  color:#555;
  line-height:1.6;
  list-style:none;
}

.pratique-contact{
  background:#1a3c34;
  color:#f5f0e8;
  padding:14px;
  border-radius:8px;
  text-align:center;
  margin-top:auto;
}
.pratique-contact p{
  font-size:11px;
  line-height:1.8;
  color:#ccc;
}
.pratique-contact a{
  color:#c4956a;
  text-decoration:none;
}
.pratique-contact .pratique-phone{
  font-family:'Cormorant Garamond',serif;
  font-size:16px;
  font-weight:600;
  color:#c4956a;
  margin-top:6px;
}