/* Shared template styles -- Premium Domains v0.5.0
   Used by templates 4-10 as base. Templates 1-3 use inline styles. */

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

:root {
  --accent: #3d6be8;
  --text:   #111827;
  --muted:  #6b7280;
  --border: #e2e8f0;
  --radius: 8px;
}

body { font-family: system-ui, -apple-system, sans-serif; min-height: 100vh; color: var(--text); }

/* -- Per-template themes -------------------------------------------------- */

/* T4: Corporate */
.tpl-4 { background: #f4f5f7; }
.tpl-4 .park-header { background: #1c2b4a; color: #8fa8cc; padding: .85rem 2rem; font-size:13px; display:flex; justify-content:space-between; align-items:center; }
.tpl-4 .park-logo   { font-weight:500; color:#8fa8cc; }
.tpl-4 .park-price-tag { font-size:12px; background:#253b63; color:#8fa8cc; padding:4px 14px; border-radius:20px; }
.tpl-4 .park-main   { max-width:680px; margin:0 auto; padding:2rem 1.5rem; }
.tpl-4 .park-domain { font-size:clamp(28px,6vw,44px); font-weight:500; color:#1c2b4a; letter-spacing:-1px; margin-bottom:.5rem; }
.tpl-4 .park-tld    { color:#3d6be8; }
.tpl-4 .park-desc   { font-size:14px; color:#6b7a90; line-height:1.7; margin-bottom:1.5rem; }
.tpl-4 .park-form-wrap { background:#fff; border:0.5px solid #e2e5ea; border-radius:var(--radius); padding:1.5rem; }
.tpl-4 .park-footer { background:#1c2b4a; color:#3a5070; text-align:center; padding:.75rem; font-size:12px; }

/* T5: Real Estate */
.tpl-5 { background:#0e0c0a; }
.tpl-5 .park-header { background:#0e0c0a; padding:1.5rem 2rem; display:flex; justify-content:space-between; align-items:center; border-bottom:0.5px solid #1e1c18; }
.tpl-5 .park-logo   { font-size:12px; color:#4a3e28; letter-spacing:1px; }
.tpl-5 .park-price-tag { font-size:11px; color:#b8972a; border:0.5px solid #3e3018; padding:4px 16px; border-radius:20px; letter-spacing:1px; }
.tpl-5 .park-main   { max-width:640px; margin:0 auto; padding:3rem 1.5rem 2rem; }
.tpl-5 .park-domain { font-size:clamp(36px,8vw,60px); font-weight:400; color:#f0e6c8; font-family:Georgia,serif; letter-spacing:-1.5px; text-align:center; }
.tpl-5 .park-tld    { color:#b8972a; }
.tpl-5 .park-desc   { font-size:14px; color:#5a4e38; line-height:1.8; text-align:center; margin:1.5rem 0 2rem; }
.tpl-5 .park-form-wrap { background:#13110d; border:0.5px solid #1e1c18; border-radius:var(--radius); padding:1.75rem; }
.tpl-5 .park-footer { text-align:center; padding:1rem; font-size:11px; color:#2e2618; border-top:0.5px solid #1a1810; letter-spacing:1px; }

/* T6: Tech/Startup */
.tpl-6 { background:#f0f4ff; }
.tpl-6 .park-header { background:#0f172a; padding:1.25rem 2rem; display:flex; justify-content:space-between; align-items:center; }
.tpl-6 .park-logo   { font-size:13px; color:#475569; }
.tpl-6 .park-price-tag { font-size:12px; color:#6366f1; background:#1e1b4b; padding:5px 14px; border-radius:20px; }
.tpl-6 .park-main   { max-width:640px; margin:0 auto; padding:3rem 1.5rem; }
.tpl-6 .park-domain { font-family:'Courier New',monospace; font-size:clamp(36px,8vw,58px); font-weight:700; color:#0f172a; letter-spacing:-2px; text-align:center; }
.tpl-6 .park-tld    { color:#6366f1; }
.tpl-6 .park-desc   { font-size:14px; color:#64748b; line-height:1.7; text-align:center; margin:1rem 0 2rem; }
.tpl-6 .park-form-wrap { background:#fff; border:0.5px solid #e2e8f0; border-radius:12px; padding:1.75rem; }
.tpl-6 .park-footer { text-align:center; padding:1.5rem; font-size:12px; color:#94a3b8; }

/* T7: Marketplace */
.tpl-7 { background:#f7f7f5; }
.tpl-7 .park-header { background:#fff; border-bottom:0.5px solid #e8e8e5; padding:.85rem 1.5rem; display:flex; justify-content:space-between; align-items:center; }
.tpl-7 .park-logo   { font-size:14px; font-weight:500; color:#111; }
.tpl-7 .park-price-tag { font-size:13px; color:#16a34a; font-weight:500; }
.tpl-7 .park-main   { max-width:680px; margin:0 auto; padding:2rem 1.5rem; }
.tpl-7 .park-domain { font-size:clamp(32px,7vw,50px); font-weight:600; color:#111; letter-spacing:-1.5px; margin-bottom:.5rem; }
.tpl-7 .park-tld    { color:#16a34a; }
.tpl-7 .park-desc   { font-size:14px; color:#555; line-height:1.7; margin-bottom:1.5rem; }
.tpl-7 .park-form-wrap { background:#fff; border:0.5px solid #e8e8e5; border-radius:var(--radius); padding:1.5rem; }
.tpl-7 .park-footer { text-align:center; padding:1.25rem; font-size:12px; color:#aaa; border-top:0.5px solid #e8e8e5; }

/* T8: Creative/Agency */
.tpl-8 { background:#e8e4df; }
.tpl-8 .park-header { background:#c8f064; padding:.6rem 2rem; display:flex; justify-content:space-between; align-items:center; }
.tpl-8 .park-logo   { font-size:11px; font-weight:500; color:#1a2400; letter-spacing:2px; }
.tpl-8 .park-price-tag { font-size:12px; color:#1a2400; font-weight:600; }
.tpl-8 .park-main   { max-width:680px; margin:0 auto; display:grid; grid-template-columns:1fr 1fr; min-height:calc(100vh - 38px); }
.tpl-8 .park-hero   { background:#1a1a18; padding:3rem 2rem; display:flex; flex-direction:column; justify-content:center; }
.tpl-8 .park-domain { font-size:clamp(36px,6vw,56px); font-weight:700; color:#fff; letter-spacing:-2px; line-height:.95; }
.tpl-8 .park-tld    { color:#c8f064; }
.tpl-8 .park-desc   { font-size:13px; color:#555; line-height:1.7; margin-top:1.5rem; }
.tpl-8 .park-form-wrap { background:#fff; padding:3rem 2rem; display:flex; flex-direction:column; justify-content:center; }
.tpl-8 .park-footer { display:none; }

/* T9: Investment/Finance */
.tpl-9 { background:#eef2ee; }
.tpl-9 .park-header { background:#0f2318; padding:1rem 2rem; display:flex; justify-content:space-between; align-items:center; }
.tpl-9 .park-logo   { font-size:13px; color:#4a8a5a; font-weight:500; }
.tpl-9 .park-price-tag { font-size:13px; color:#4a8a5a; font-weight:500; }
.tpl-9 .park-main   { max-width:680px; margin:0 auto; padding:2rem 1.5rem; }
.tpl-9 .park-domain { font-size:clamp(28px,6vw,42px); font-weight:500; color:#0f2318; letter-spacing:-1px; margin-bottom:.5rem; }
.tpl-9 .park-tld    { color:#16a34a; }
.tpl-9 .park-desc   { font-size:14px; color:#6b7a6b; line-height:1.7; margin-bottom:1.5rem; }
.tpl-9 .park-form-wrap { background:#f8faf8; border:0.5px solid #e0e8e0; border-radius:var(--radius); padding:1.5rem; }
.tpl-9 .park-footer { text-align:center; padding:1.25rem; font-size:11px; color:#9aa5b4; border-top:0.5px solid #e0e8e0; }

/* T10: Modern SaaS */
.tpl-10 { background:#f0f6ff; }
.tpl-10 .park-header { background:#fff; border-bottom:0.5px solid #dde6f5; padding:.9rem 1.75rem; display:flex; justify-content:space-between; align-items:center; }
.tpl-10 .park-logo   { font-size:14px; font-weight:600; color:#0f2a6e; }
.tpl-10 .park-price-tag { font-size:12px; color:#2563eb; background:#eff6ff; padding:4px 14px; border-radius:20px; border:0.5px solid #bfdbfe; }
.tpl-10 .park-main   { max-width:640px; margin:0 auto; padding:3rem 1.5rem; text-align:center; }
.tpl-10 .park-domain { font-size:clamp(36px,8vw,56px); font-weight:700; color:#0f2a6e; letter-spacing:-2px; margin-bottom:.75rem; }
.tpl-10 .park-tld    { color:#2563eb; }
.tpl-10 .park-desc   { font-size:15px; color:#6b80a0; max-width:440px; margin:0 auto 2rem; line-height:1.6; }
.tpl-10 .park-form-wrap { background:#fff; border:0.5px solid #dde6f5; border-radius:12px; padding:1.75rem; text-align:left; }
.tpl-10 .park-footer { text-align:center; padding:1.25rem; font-size:12px; color:#a0b0c8; }

/* -- Shared form styles (used by all templates via partials/form.php) ------- */
.park-form .park-row { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-bottom:10px; }
.park-form .park-field { display:flex; flex-direction:column; gap:4px; margin-bottom:10px; }
.park-form .park-field label { font-size:11px; color:#999; font-weight:500; letter-spacing:.3px; }
.park-form .park-field label span { color:#e55; }
.park-form .park-field input,
.park-form .park-field textarea {
  border:0.5px solid #dde1e8;
  border-radius:6px;
  padding:10px 12px;
  font-size:14px;
  font-family:inherit;
  color:#111;
  background:#fff;
  outline:none;
  width:100%;
  transition:border-color .15s;
}
.park-form .park-field input:focus,
.park-form .park-field textarea:focus { border-color:#3d6be8; }
.park-form .park-field textarea { resize:none; height:72px; }
.park-captcha { display:flex; align-items:center; gap:10px; margin-bottom:14px; }
.park-captcha-q { font-size:13px; color:#666; background:#f5f5f3; padding:9px 14px; border-radius:6px; font-weight:500; white-space:nowrap; }
.park-captcha input { border:0.5px solid #dde1e8; border-radius:6px; padding:9px; width:80px; text-align:center; font-size:14px; background:#fff; outline:none; }
.park-btn {
  width:100%; padding:14px;
  background:#1c2b4a; color:#fff;
  border:none; border-radius:6px;
  font-size:14px; font-weight:500;
  cursor:pointer; font-family:inherit;
  transition:background .15s;
}
.park-btn:hover { background:#243a62; }
.park-success { text-align:center; padding:3rem 1rem; }
.park-success-icon { width:56px; height:56px; background:#dcfce7; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:24px; color:#16a34a; margin:0 auto 1rem; }
.park-success h2 { font-size:22px; font-weight:500; margin-bottom:.75rem; }
.park-success p  { font-size:14px; color:#666; line-height:1.6; }

/* Per-template button overrides */
.tpl-5 .park-btn { background:#b8972a; color:#0e0c0a; }
.tpl-5 .park-btn:hover { background:#d4a830; }
.tpl-6 .park-btn { background:#6366f1; }
.tpl-6 .park-btn:hover { background:#4f46e5; }
.tpl-7 .park-btn { background:#16a34a; }
.tpl-7 .park-btn:hover { background:#15803d; }
.tpl-8 .park-btn { background:#1a1a18; color:#c8f064; font-size:12px; letter-spacing:1.5px; text-transform:uppercase; border-radius:0; }
.tpl-9 .park-btn { background:#0f2318; }
.tpl-10 .park-btn { background:#2563eb; }
.tpl-10 .park-btn:hover { background:#1d4ed8; }

/* Dark template form overrides */
.tpl-3 .park-form .park-field input,
.tpl-3 .park-form .park-field textarea,
.tpl-5 .park-form .park-field input,
.tpl-5 .park-form .park-field textarea {
  background:#0a0806; border-color:#2a2218; color:#c8b888;
}
.tpl-3 .park-captcha-q,.tpl-5 .park-captcha-q { background:#0a0806; border:0.5px solid #2a2218; color:#5a4e38; }
.tpl-3 .park-captcha input,.tpl-5 .park-captcha input { background:#0a0806; border-color:#2a2218; color:#c8b888; }

@media(max-width:600px) {
  .park-form .park-row { grid-template-columns:1fr; }
  .tpl-8 .park-main { grid-template-columns:1fr; }
}