/* advertise.css - the public "Advertise with us" page (built on ../ops-7c4e/admin.css) */
.ghost-link { color: var(--ink); border: 1px solid var(--line); border-radius: 8px; padding: 6px 12px; text-decoration: none; font-size: 14px; }
.hero h1 { margin: 0 0 8px; font-size: 24px; }
.tiers { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 12px; }
.tier { display: flex; flex-direction: column; margin: 0; }
.tier p { flex: 1; }
.tier.featured { border-color: var(--accent); box-shadow: 0 0 0 2px var(--accent) inset; }
.tier-tag { color: var(--accent); font-weight: 700; margin: 0 0 6px; flex: 0 !important; }
#lead-form label { display: block; margin: 10px 0; font-weight: 600; }
#lead-form input, #lead-form select, #lead-form textarea { width: 100%; margin-top: 4px; font-weight: 400; }
/* The honeypot is pushed far off-screen (not display:none, which some bots skip). */
.hp { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; }
.form-msg { min-height: 22px; font-weight: 600; }
.form-msg.bad { color: var(--danger); }
.form-msg.good { color: var(--accent); }
.preview { min-height: 8px; margin: 6px 0; }
.preview-img { width: 96px; height: 96px; object-fit: contain; background: var(--bg); border: 1px solid var(--line); border-radius: 8px; vertical-align: middle; }
.tag.pending { background: #b57a00; }
.tag.approved { background: var(--accent); }
.tag.rejected { background: var(--danger); }
#up-form label { display: block; margin: 10px 0; font-weight: 600; }
#up-form input[type=text], #up-form select { width: 100%; margin-top: 4px; font-weight: 400; }
#up-form input[type=file] { margin-top: 4px; font-weight: 400; max-width: 100%; }

.audience { margin: 8px 0; }
.aud-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 10px; }
.aud-cell { background: var(--bg); border-radius: 8px; padding: 12px; display: flex; flex-direction: column; align-items: center; }
.aud-num { font-size: 26px; }
.aud-label { font-size: 13px; color: var(--muted); }
.aud-live .aud-num { color: var(--accent); }
.aud-live .aud-label::before { content: "\25CF  "; color: var(--accent); }
.audience.hidden { display: none; }