/* ============================================================
   legal.css
   Styles for Privacy Policy & Terms of Service page.
   ============================================================ */

/* HERO */
.legal-hero{margin-top:80px;padding:80px 80px 60px;background:var(--charcoal);text-align:center;}
.legal-hero h1{font-family:'Cormorant Garamond',serif;font-size:clamp(28px,4vw,48px);font-weight:300;color:var(--cream);line-height:1.2;margin-bottom:16px;}
.legal-hero h1 em{font-style:italic;color:var(--gold);}
.legal-hero-sub{font-size:13px;color:var(--sand);font-weight:300;}

/* TAB NAV */
.legal-tabs{display:flex;justify-content:center;gap:0;border-bottom:1px solid var(--sand-light);background:var(--cream);position:sticky;top:80px;z-index:10;}
.legal-tab{padding:16px 36px;background:none;border:none;border-bottom:2px solid transparent;font-family:'Jost',sans-serif;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);cursor:pointer;transition:all .2s;}
.legal-tab:hover{color:var(--charcoal);}
.legal-tab.active{color:var(--gold);border-bottom-color:var(--gold);}

/* CONTENT */
.legal-main{max-width:780px;margin:0 auto;padding:60px 32px 80px;}
.legal-content{display:none;}
.legal-content.active{display:block;}
.legal-content h2{font-family:'Cormorant Garamond',serif;font-size:32px;font-weight:300;color:var(--charcoal);margin-bottom:32px;padding-bottom:16px;border-bottom:1px solid var(--sand-light);}
.legal-content h3{font-family:'Cormorant Garamond',serif;font-size:20px;font-weight:400;color:var(--charcoal);margin:32px 0 12px;}
.legal-content p{font-size:14px;font-weight:300;line-height:1.85;color:var(--muted);margin-bottom:16px;}
.legal-content ul{padding-left:24px;margin-bottom:16px;}
.legal-content li{font-size:14px;font-weight:300;line-height:1.85;color:var(--muted);margin-bottom:6px;}
.legal-content a{color:var(--gold);text-decoration:none;transition:color .2s;}
.legal-content a:hover{color:var(--charcoal);}

/* FOOTER */
footer{background:var(--deep-brown);border-top:1px solid rgba(201,168,76,.18);}

/* RESPONSIVE */
@media(max-width:768px){
  .legal-hero{padding:60px 24px 40px;}
  .legal-main{padding:40px 20px 60px;}
  .legal-tabs{gap:0;}
  .legal-tab{padding:14px 20px;font-size:10px;}
}