/* ===== Legal / Info Pages (Privacy, Terms, Refund, About, Contact) =====
   Standalone stylesheet — matches EasyPrintQR brand colors used in
   landing.css, but scoped to .legal-page so it never conflicts with
   style.css or landing.css. Load AFTER style.css. */

.legal-page {
  --lg-pink: #3b6bff;
  --lg-purple: #7c3aed;
  --lg-dark: #140f26;
  --lg-text: #4b4763;
  --lg-bg: #f8f7ff;
  --lg-card: #ffffff;
  background: var(--lg-bg);
  min-height: 100vh;
  font-family: 'Poppins', Arial, sans-serif;
  color: var(--lg-dark);
}

.legal-page .lg-topbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 6%;
  background: rgba(255,255,255,0.9);
  border-bottom: 1px solid rgba(108,60,233,0.08);
  position: sticky;
  top: 0;
  z-index: 10;
}
.legal-page .lg-logo {
  font-weight: 800;
  font-size: 1.1rem;
  display: flex;
  align-items: center;
  gap: 8px;
  text-decoration: none;
  background: linear-gradient(90deg, var(--lg-pink), var(--lg-purple));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.legal-page .lg-logo img { height: 28px; }
.legal-page .lg-back {
  font-size: .88rem;
  font-weight: 600;
  color: var(--lg-purple);
  text-decoration: none;
  border: 2px solid var(--lg-purple);
  padding: 7px 18px;
  border-radius: 30px;
  transition: all .2s;
}
.legal-page .lg-back:hover { background: var(--lg-purple); color: #fff; }

.legal-page .lg-hero {
  background: linear-gradient(120deg, var(--lg-dark), #241a3f);
  color: #fff;
  text-align: center;
  padding: 60px 6% 44px;
}
.legal-page .lg-hero h1 { font-size: clamp(1.6rem, 4vw, 2.3rem); margin-bottom: 10px; }
.legal-page .lg-hero p { color: #b9aee0; font-size: .95rem; }

.legal-page .lg-wrap {
  max-width: 860px;
  margin: -30px auto 70px;
  padding: 0 6%;
}
.legal-page .lg-card {
  background: var(--lg-card);
  border-radius: 18px;
  box-shadow: 0 14px 40px rgba(108,60,233,0.12);
  padding: 40px clamp(20px, 5vw, 56px);
}
.legal-page .lg-card h2 {
  font-size: 1.2rem;
  margin: 30px 0 12px;
  color: var(--lg-dark);
}
.legal-page .lg-card h2:first-child { margin-top: 0; }
.legal-page .lg-card p {
  color: var(--lg-text);
  line-height: 1.75;
  font-size: .96rem;
  margin-bottom: 14px;
}
.legal-page .lg-card ul {
  margin: 0 0 14px 0;
  padding-left: 0;
  list-style: none;
}
.legal-page .lg-card ul li {
  color: var(--lg-text);
  line-height: 1.7;
  font-size: .96rem;
  padding-left: 24px;
  position: relative;
  margin-bottom: 8px;
}
.legal-page .lg-card ul li::before {
  content: "•";
  position: absolute;
  left: 6px;
  color: var(--lg-purple);
  font-weight: 700;
}
.legal-page .lg-card a { color: var(--lg-pink); font-weight: 600; }
.legal-page .lg-updated {
  display: inline-block;
  font-size: .78rem;
  color: var(--lg-purple);
  background: rgba(124,58,237,0.08);
  padding: 5px 14px;
  border-radius: 20px;
  margin-bottom: 20px;
}

/* Contact page specific */
.legal-page .lg-contact-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
  margin-top: 10px;
}
@media (max-width: 560px) { .legal-page .lg-contact-grid { grid-template-columns: 1fr; } }
.legal-page .lg-contact-item {
  background: var(--lg-bg);
  border-radius: 12px;
  padding: 18px 20px;
  display: flex;
  align-items: flex-start;
  gap: 12px;
}
.legal-page .lg-contact-item .ico { font-size: 1.4rem; }
.legal-page .lg-contact-item b { display: block; font-size: .85rem; margin-bottom: 3px; }
.legal-page .lg-contact-item span, .legal-page .lg-contact-item a { font-size: .88rem; color: var(--lg-text); }
.legal-page .lg-contact-item a { color: var(--lg-pink); }

/* Modern legal/info pages */
.legal-page{
  --lg-pink:#0878f9;
  --lg-purple:#16c9e8;
  --lg-dark:#061a3c;
  --lg-text:#536783;
  --lg-bg:#f3f8ff;
  --lg-card:#fff;
  background:radial-gradient(circle at 15% 0%,#e0f5ff 0,transparent 34%),var(--lg-bg)!important;
}
.legal-page .lg-topbar{
  background:linear-gradient(110deg,#061733,#0c3472 65%,#075f9b)!important;
  border-bottom:1px solid rgba(119,221,255,.25)!important;
}
.legal-page .lg-logo{
  color:#fff!important;
  background:none!important;
  text-shadow:0 0 14px rgba(79,217,255,.32);
}
.legal-page .lg-logo img{
  height:42px!important;
  width:42px!important;
  padding:5px;
  border-radius:12px;
  background:linear-gradient(135deg,#eaffff,#79ddff);
  box-shadow:0 0 18px rgba(49,208,255,.42);
}
.legal-page .lg-back{
  color:#fff!important;
  border-color:rgba(139,227,255,.5)!important;
  background:rgba(255,255,255,.08);
}
.legal-page .lg-back:hover{background:linear-gradient(90deg,#1178ff,#10c6e7)!important;}
.legal-page .lg-hero{
  background:linear-gradient(120deg,#061733,#0b3676 65%,#087ca5)!important;
  position:relative;
  overflow:hidden;
}
.legal-page .lg-hero:after{
  content:"";
  position:absolute;inset:auto -10% -70% -10%;height:240px;
  background:radial-gradient(ellipse,rgba(41,213,255,.28),transparent 65%);
  pointer-events:none;
}
.legal-page .lg-card{
  border:1px solid #d8e8fb!important;
  box-shadow:0 20px 55px rgba(15,67,135,.12)!important;
}
.legal-page .lg-card h2{color:#102c58!important;}
.legal-page .lg-updated{
  color:#0878f9!important;
  background:#eaf5ff!important;
  border:1px solid #cce7ff;
}
.legal-page .lg-contact-item{
  border:1px solid #dbe9fa;
  background:#f6faff!important;
}