/* Shared styles for Fruit Tapper legal pages (terms + privacy). */

:root{
  --navy:#0d0f14; --navy-2:#13161e; --navy-3:#1a1f2c; --navy-4:#222840;
  --accent:#4f7dff; --accent-dim:#3a5ecc; --accent-glow:rgba(79,125,255,0.15);
  --muted:#7a8299; --border:rgba(255,255,255,0.08);
  --white:#fff; --text:#e2e8f0; --text-dim:#94a3b8;
  --danger:#f87171; --ok:#4ade80;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html,body{height:100%;}
body{
  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  background:var(--navy); color:var(--text); line-height:1.7;
  -webkit-font-smoothing:antialiased;
  display:flex; flex-direction:column; min-height:100%;
}
a{color:var(--accent);text-decoration:none;}
a:active{opacity:.7;}

/* ===== HEADER ===== */
.t-header{
  position:sticky; top:0; z-index:10;
  background:rgba(13,15,20,0.92);
  backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px);
  border-bottom:1px solid var(--border);
  padding:calc(16px + env(safe-area-inset-top)) 20px 16px;
}
.t-brand{font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:6px;}
.t-header h1{font-size:1.4rem;font-weight:800;color:var(--white);letter-spacing:-.01em;line-height:1.2;}
.t-meta{font-size:.75rem;color:var(--muted);margin-top:6px;}

/* ===== CONTENT ===== */
.t-content{
  flex:1 1 auto; overflow-y:auto; -webkit-overflow-scrolling:touch;
  padding:24px 20px 28px; max-width:760px; width:100%; margin:0 auto;
}
.t-content p{color:var(--text-dim);font-size:.92rem;margin-bottom:14px;}
.t-content h2{color:var(--white);font-size:1.05rem;font-weight:600;margin:26px 0 10px;}
.t-content h2:first-of-type{margin-top:0;}
.t-content h3{color:var(--text);font-size:.95rem;font-weight:600;margin:18px 0 8px;}
.t-content ul{margin:0 0 14px 20px;}
.t-content li{color:var(--text-dim);font-size:.9rem;list-style:disc;margin-bottom:6px;}
.t-content strong{color:var(--text);}
.t-intro{
  background:var(--navy-3); border:1px solid var(--border); border-radius:12px;
  padding:16px 18px; margin-bottom:22px; font-size:.9rem; color:var(--text-dim);
}

/* ===== ACTION BAR (terms) ===== */
.t-actions{
  position:sticky; bottom:0; z-index:10;
  background:rgba(13,15,20,0.96);
  backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px);
  border-top:1px solid var(--border);
  padding:14px 20px calc(16px + env(safe-area-inset-bottom));
}
.t-actions[hidden]{display:none;}
.t-status{font-size:.8rem;color:var(--muted);text-align:center;min-height:18px;margin-bottom:10px;}
.t-status.ok{color:var(--ok);}
.t-status.danger{color:var(--danger);}
.t-btn-row{display:flex;gap:12px;max-width:760px;margin:0 auto;}
.btn{
  flex:1; display:inline-flex; align-items:center; justify-content:center;
  padding:15px 20px; border-radius:11px; font-size:.95rem; font-weight:600;
  font-family:inherit; cursor:pointer; border:none; transition:transform .15s ease,background .2s ease,opacity .2s ease;
  -webkit-tap-highlight-color:transparent;
}
.btn:disabled{opacity:.5;cursor:not-allowed;}
.btn-accept{background:var(--accent);color:var(--white);box-shadow:0 4px 16px rgba(79,125,255,.35);}
.btn-accept:active:not(:disabled){transform:scale(.98);background:var(--accent-dim);}
.btn-decline{background:transparent;color:var(--text-dim);border:1px solid var(--border);}
.btn-decline:active:not(:disabled){transform:scale(.98);background:rgba(255,255,255,.04);}

/* ===== DEBUG PANEL (browser testing only) ===== */
.t-debug{
  display:none; font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
  background:#07090d; border-top:1px solid var(--border);
  padding:12px 20px calc(12px + env(safe-area-inset-bottom));
  font-size:.72rem; color:var(--text-dim);
}
.t-debug.show{display:block;}
.t-debug .row{display:flex;justify-content:space-between;gap:12px;padding:3px 0;border-bottom:1px dashed rgba(255,255,255,.06);}
.t-debug .row:last-child{border-bottom:none;}
.t-debug .val{color:var(--white);word-break:break-all;text-align:right;}
.t-debug .found{color:var(--ok);}
.t-debug .missing{color:var(--danger);}
.t-debug-title{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-size:.65rem;margin-bottom:8px;}

/* ===== REGION (privacy) ===== */
.region-banner{
  background:var(--accent-glow); border:1px solid rgba(79,125,255,0.3);
  border-radius:12px; padding:14px 18px; margin-bottom:22px;
  font-size:.88rem; color:var(--text);
}
.region-banner strong{color:var(--white);}
.region-block{
  border:1px solid var(--border); border-radius:12px;
  padding:18px 20px; margin-bottom:16px; background:var(--navy-2);
}
.region-block.active{
  border-color:rgba(79,125,255,0.45);
  box-shadow:0 0 0 1px rgba(79,125,255,0.2), 0 8px 30px rgba(0,0,0,0.35);
  background:var(--navy-3);
}
.region-block h3{margin-top:0;}
.region-tag{
  display:inline-block; font-size:.65rem; font-weight:700; letter-spacing:.1em;
  text-transform:uppercase; color:var(--accent);
  background:var(--accent-glow); border:1px solid rgba(79,125,255,0.3);
  padding:3px 10px; border-radius:100px; margin-bottom:10px;
}
.region-others-title{color:var(--muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;margin:24px 0 12px;}

/* ===== LEGAL FOOTER ===== */
.legal-footer{
  border-top:1px solid var(--border); margin-top:8px;
  padding:20px; text-align:center;
  padding-bottom:calc(20px + env(safe-area-inset-bottom));
}
.legal-footer a{font-size:.82rem;color:var(--text-dim);}
.legal-footer a:hover{color:var(--white);}
.legal-footer .sep{color:var(--muted);margin:0 10px;}