/* ========== LEGAL PAGES (Privacy Policy / Terms & Conditions) ========== */

/* same showroom backdrop as the landing page, so this doesn't feel like a bare template page
   (scoped to body.legal-page so it doesn't clash with index.html's own hero background,
   since legal.css is now also loaded there for the Privacy/Terms modals) */
body.legal-page{
  background:
    radial-gradient(1000px 520px at 88% 4%, rgba(192,57,43,0.07), transparent 62%),
    radial-gradient(900px 500px at -5% 60%, rgba(192,57,43,0.04), transparent 55%),
    linear-gradient(180deg,#fbfaf9 0%,#f5f3f0 45%,#f7f5f2 100%);
}

.legal-wrap{
  max-width:760px;margin:0 auto;padding:64px 24px 80px;
}
.legal-header{margin-bottom:36px;}
.legal-back{
  display:inline-flex;align-items:center;gap:6px;margin-bottom:22px;font-size:13.5px;font-weight:600;
  color:var(--gray);transition:.18s;
}
.legal-back:hover{color:var(--orange);gap:9px;}
.legal-header .eyebrow-orange{display:flex;align-items:center;gap:8px;}
.legal-header .eyebrow-orange::before{content:'';width:20px;height:2px;background:var(--orange);border-radius:2px;}
.legal-header .title{font-size:34px;font-weight:800;margin:8px 0 6px;}
.legal-header .sub{font-size:14px;color:var(--gray);}

.legal-box{
  position:relative;overflow:hidden;
  background:white;border:1px solid var(--gray-light);border-radius:var(--radius);
  padding:40px 44px;box-shadow:var(--shadow-soft);
}
.legal-box::before{
  content:'';position:absolute;top:0;left:0;right:0;height:3px;
  background:linear-gradient(90deg,transparent,var(--orange),transparent);opacity:.85;
}
.legal-box h2{
  font-size:17px;font-weight:700;color:var(--charcoal);
  margin:30px 0 12px;
}
.legal-box h2:first-child{margin-top:0;}
.legal-box p{
  font-size:14.5px;line-height:1.7;color:var(--charcoal-soft);margin-bottom:14px;
}
.legal-box ul{
  margin:0 0 14px;padding-left:22px;display:flex;flex-direction:column;gap:8px;
}
.legal-box li{font-size:14.5px;line-height:1.65;color:var(--charcoal-soft);}
.legal-box a{color:var(--orange);font-weight:600;}
.legal-box a:hover{text-decoration:underline;}

.legal-disclaimer{
  margin-top:26px;padding-top:18px;border-top:1px solid var(--gray-light);
  font-size:12.5px;color:var(--gray);font-style:italic;
}

.legal-foot{
  text-align:center;margin-top:26px;font-size:13.5px;color:var(--gray);
}
.legal-foot a{color:var(--orange);font-weight:700;}

/* ========== LEGAL CONTENT INSIDE A MODAL (Privacy/Terms popups on the landing page) ========== */
.modal-legal{max-height:60vh;overflow-y:auto;padding-right:6px;}
.modal-legal h2{font-size:16px;font-weight:700;color:var(--charcoal);margin:22px 0 10px;}
.modal-legal h2:first-of-type{margin-top:0;}
.modal-legal p{font-size:13.5px;line-height:1.65;color:var(--charcoal-soft);margin-bottom:12px;}
.modal-legal ul{margin:0 0 12px;padding-left:20px;display:flex;flex-direction:column;gap:7px;}
.modal-legal li{font-size:13.5px;line-height:1.6;color:var(--charcoal-soft);}
.modal-legal a{color:var(--orange);font-weight:600;}
.modal-legal a:hover{text-decoration:underline;}

@media(max-width:640px){
  .legal-box{padding:28px 22px;}
  .legal-header .title{font-size:27px;}
}