/* Page content background — keeps ivory/white as original */
main, #main-content {
  background: var(--clr-ivory, #fdf9f2);
}

/* ============================================================
   VADALO VENTURES — TERMS & CONDITIONS CSS
   terms.css
   ============================================================ */

/* ── HERO ── */
.terms-hero {
  background: transparent;
  background-image: url('../images/terms/terms-hero-banner.webp');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 4rem 0 3rem; position: relative; overflow: hidden;
}
.terms-hero::before { content:''; position:absolute; inset:0; background:transparent; }
.terms-hero__bg { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity: 1; z-index:0; }
.terms-hero__overlay { position:absolute; inset:0; background:transparent; z-index:1; }
.terms-hero .container { position:relative; z-index:2; }
.terms-hero__tag { font-family:var(--font-ui); font-size:.6rem; font-weight:700; letter-spacing:.22em; text-transform:uppercase; color:var(--clr-gold); display:block; margin-bottom:.75rem; }
.terms-hero__title { font-family:var(--font-display); font-size:clamp(2rem,4.5vw,3rem); font-weight:700; color:var(--clr-cream); line-height:1.1; margin-bottom:.85rem; }
.terms-hero__sub { font-size:.95rem; color:rgba(248,244,236,.6); line-height:1.75; max-width:540px; }
.terms-hero__breadcrumb { display:flex; align-items:center; gap:.5rem; font-family:var(--font-ui); font-size:.68rem; color:rgba(248,244,236,.4); margin-top:1.25rem; }
.terms-hero__breadcrumb a { color:rgba(248,244,236,.5); text-decoration:none; }
.terms-hero__breadcrumb a:hover { color:var(--clr-gold); }
.terms-hero__breadcrumb .cur { color:var(--clr-gold); }

/* ── BANNER ── */
.terms-banner { width:100%; height:240px; overflow:hidden; position:relative; background:linear-gradient(135deg,#0f2318,#1a3a2a); }
.terms-banner img { width:100%; height:100%; object-fit:cover; display:block; }

/* ── LAYOUT ── */
.legal-wrap {
  display:grid; grid-template-columns:240px 1fr;
  gap:var(--sp-xl); align-items:start;
  max-width:1100px; margin:0 auto;
  padding:3rem 0 4rem;
}

/* ── TOC SIDEBAR ── */
.toc {
  position:sticky; top:calc(var(--header-h) + 1.5rem);
  background:white; border:1px solid var(--clr-border-light);
  border-radius:var(--radius-lg); padding:1.25rem; overflow:hidden;
}

.toc-title {
  font-family:var(--font-ui); font-size:.6rem; font-weight:700;
  letter-spacing:.18em; text-transform:uppercase;
  color:var(--clr-gold); margin-bottom:1rem;
  padding-bottom:.75rem; border-bottom:1px solid var(--clr-border-light);
}

.toc ul { list-style:none; display:flex; flex-direction:column; gap:.15rem; }

.toc ul li a {
  display:block; padding:.45rem .65rem;
  font-family:var(--font-ui); font-size:.72rem; font-weight:600;
  color:var(--clr-text-muted); text-decoration:none;
  border-radius:var(--radius-sm); transition:all .2s;
  border-left:2px solid transparent;
}

.toc ul li a:hover { color:var(--clr-forest); background:var(--clr-ivory); border-left-color:var(--clr-gold); }
.toc ul li a.is-active { color:var(--clr-forest); background:rgba(46,102,71,.08); border-left-color:var(--clr-forest); font-weight:700; }

/* ── LEGAL BODY ── */
.legal-body { min-width:0; }

.updated {
  display:inline-flex; align-items:center; gap:.5rem;
  background:rgba(201,168,76,.1); border:1px solid rgba(201,168,76,.25);
  border-radius:100px; padding:.35rem .9rem;
  font-family:var(--font-ui); font-size:.7rem; font-weight:600;
  color:#7a6010; margin-bottom:2rem;
}

/* ── SECTION ── */
.lsec {
  padding:2rem 0;
  border-bottom:1px solid var(--clr-border-light);
  scroll-margin-top:calc(var(--header-h) + 1.5rem);
}

.lsec:last-child { border-bottom:none; }

.lsec h2 {
  font-family:var(--font-display);
  font-size:1.4rem; font-weight:700; color:var(--clr-forest);
  margin-bottom:1rem; display:flex; align-items:center; gap:.75rem;
}

.ls-num {
  width:36px; height:36px; border-radius:50%;
  background:var(--clr-forest); color:var(--clr-gold);
  font-family:var(--font-ui); font-size:.85rem; font-weight:800;
  display:flex; align-items:center; justify-content:center;
  flex-shrink:0;
}

.lsec p {
  font-size:.92rem; color:var(--clr-text-muted);
  line-height:1.82; margin-bottom:.85rem;
}

.lsec p:last-child { margin-bottom:0; }

.lsec ul { list-style:none; display:flex; flex-direction:column; gap:.65rem; margin:.5rem 0; }

.lsec ul li {
  display:flex; align-items:flex-start; gap:.75rem;
  font-size:.9rem; color:var(--clr-text-muted); line-height:1.72;
}

.lsec ul li::before {
  content:'\f00c'; font-family:'Font Awesome 6 Free'; font-weight:900;
  color:var(--clr-forest); font-size:.68rem; margin-top:.25rem; flex-shrink:0;
}

.lsec ul li strong { color:var(--clr-forest); }
.lsec a { color:var(--clr-forest); font-weight:600; }
.lsec a:hover { color:var(--clr-gold); }

/* ── HIGHLIGHT BOX ── */
.highlight-box {
  background:rgba(46,102,71,.07); border:1px solid rgba(46,102,71,.18);
  border-left:4px solid var(--clr-forest); border-radius:var(--radius-md);
  padding:1rem 1.25rem; margin:1rem 0;
  font-size:.88rem; line-height:1.75; color:var(--clr-text);
}

.highlight-box a { color:var(--clr-forest); font-weight:600; }
.highlight-box strong { color:var(--clr-forest); }

/* ── WARN BOX ── */
.warn-box {
  background:rgba(201,168,76,.08); border:1px solid rgba(201,168,76,.25);
  border-left:4px solid var(--clr-gold); border-radius:var(--radius-md);
  padding:1rem 1.25rem; margin:1rem 0;
  font-size:.88rem; line-height:1.72; color:#7a6010;
}

/* ── CTA ── */
.terms-cta {
  background:linear-gradient(135deg,var(--clr-forest),var(--clr-forest-mid));
  border-radius:var(--radius-xl); padding:2.5rem; text-align:center;
  margin-top:2.5rem; position:relative; overflow:hidden;
}
.terms-cta::before { content:''; position:absolute; inset:0; background:repeating-linear-gradient(-45deg,transparent,transparent 60px,rgba(255,255,255,.015) 60px,rgba(255,255,255,.015) 61px); }
.terms-cta__inner { position:relative; z-index:1; }
.terms-cta h3 { font-family:var(--font-display); font-size:1.5rem; font-weight:700; color:var(--clr-cream); margin-bottom:.5rem; }
.terms-cta h3 em { color:var(--clr-gold); font-style:italic; }
.terms-cta p { font-size:.9rem; color:rgba(248,244,236,.6); max-width:420px; margin:0 auto 1.5rem; line-height:1.7; }
.terms-cta .btns { display:flex; align-items:center; justify-content:center; gap:.75rem; flex-wrap:wrap; }

/* ── RESPONSIVE ── */
@media (max-width:900px) {
  .legal-wrap { grid-template-columns:1fr; }
  .toc { position:static; }
  .toc ul { flex-direction:row; flex-wrap:wrap; gap:.3rem; }
  .toc ul li a { border-left:none; border-bottom:2px solid transparent; padding:.3rem .7rem; font-size:.65rem; }
  .toc ul li a.is-active { border-bottom-color:var(--clr-forest); }
}
@media (max-width:768px) {
  .terms-hero { padding:2.5rem 0 2rem; }
  .terms-hero__title { font-size:clamp(1.5rem,6vw,2.2rem); }
  .terms-banner { height:160px; }
  .legal-wrap { padding:2rem 0 3rem; }
  .lsec { padding:1.5rem 0; }
  .terms-cta { padding:1.75rem 1.25rem; }
}