/* ============================================
   JJLR Films — Legal / CGV (page-specific)
   Requires: common.css
   ============================================ */

/* Override container width for legal content */
:root {
    --container-max: 900px;
}

/* Legal pages: links are accent-colored */
a{color:var(--accent);transition:color .3s}
a:hover{color:var(--white)}

/* Nav container keeps full width */
.nav{max-width:1280px}
.footer .container{max-width:1280px}


/* ============================================
   HERO
   ============================================ */
.hero{padding:10rem 0 4rem;background:var(--bg-dark);text-align:center}
.hero__title{font-family:var(--font-display);font-size:clamp(2rem,5vw,3.5rem);font-weight:900;color:var(--white);margin-bottom:1rem;letter-spacing:-.02em}
.hero__sub{font-size:1rem;color:var(--text-muted)}


/* ============================================
   TABLE OF CONTENTS
   ============================================ */
.toc-section{padding:3rem 0;background:var(--bg-deep)}
.toc{background:var(--bg-card);border:1px solid var(--border);border-radius:20px;padding:2.5rem}
.toc h2{font-family:var(--font-display);font-size:1.3rem;font-weight:700;color:var(--white);margin-bottom:1.5rem}
.toc__grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}
.toc__col h3{font-family:var(--font-display);font-size:.9rem;font-weight:700;color:var(--accent);margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.08em}
.toc__col a{display:block;font-size:.85rem;color:var(--text-muted);padding:.35rem 0;transition:color .3s,padding-left .3s}
.toc__col a:hover{color:var(--white);padding-left:.5rem}


/* ============================================
   LEGAL CONTENT
   ============================================ */
.legal-content{padding:4rem 0 6rem;background:var(--bg-deep)}
.legal-block{margin-bottom:3rem}
.legal-part-title{font-family:var(--font-display);font-size:clamp(1.6rem,3vw,2.2rem);font-weight:800;color:var(--white);margin-bottom:1rem;padding-bottom:1rem;border-bottom:2px solid var(--accent)}
.legal-intro{font-size:1rem;color:var(--text-muted);font-style:italic;margin-bottom:2rem;line-height:1.8}
.legal-block h3{font-family:var(--font-display);font-size:1.2rem;font-weight:700;color:var(--white);margin-bottom:1rem;scroll-margin-top:120px}
.legal-block h4{font-family:var(--font-display);font-size:1rem;font-weight:600;color:var(--white);margin:1.5rem 0 .75rem}
.legal-block p{font-size:.92rem;color:var(--text);line-height:1.85;margin-bottom:.75rem}
.legal-block p strong{color:var(--white)}
.legal-info-card{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:1.5rem 2rem;margin:1rem 0 1.5rem}
.legal-info-card p{margin-bottom:.4rem;font-size:.9rem}
.legal-separator{height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent);margin:4rem 0;opacity:.4}


/* ============================================
   RESPONSIVE — Legal-specific
   ============================================ */
@media(max-width:1024px){
    .toc__grid{grid-template-columns:1fr}
}

@media(max-width:640px){
    .hero{padding:8rem 0 3rem}
    .toc{padding:1.5rem}
    .legal-info-card{padding:1rem 1.25rem}
}