/* ET advertising enquiry form — styles for the Ghost 'Advertise in ET' page
   card (v455). Served from the staff portal so the Ghost card stays tiny
   (Ghost's editor splits huge pasted cards). Deploys with the portal zip;
   the card never needs re-pasting. Sibling of add-event-form.css. */

.et-adform{max-width:680px;margin:0 auto;font-size:0.95rem;line-height:1.6;color:#333}
.et-adform .af-card{background:#fff;border-radius:20px;padding:32px;box-shadow:0 1px 3px rgba(0,0,0,0.04),0 4px 12px rgba(0,0,0,0.03);border:1px solid rgba(0,0,0,0.04);position:relative;overflow:hidden}
.et-adform .af-card::before{content:'';position:absolute;top:0;left:0;width:6px;height:100%;background:linear-gradient(180deg,#b01020 0%,#d12027 30%,#e84c4c 70%,#f08080 100%);border-radius:6px 0 0 6px}
.et-adform h3.af-h{margin:0 0 4px;font-size:1.25rem;font-weight:700;letter-spacing:-0.01em;color:#1a1a1a}
.et-adform .af-lead{margin:0 0 6px;color:#666;font-size:0.9rem}
.et-adform label{display:block;font-size:0.7rem;text-transform:uppercase;letter-spacing:0.08em;font-weight:600;color:#888;margin:18px 0 6px}
.et-adform label .opt{text-transform:none;letter-spacing:0;font-weight:400}
.et-adform input[type=text],.et-adform input[type=email],.et-adform input[type=tel],.et-adform select,.et-adform textarea{width:100%;padding:11px 14px;border:1px solid rgba(0,0,0,0.12);border-radius:10px;font-family:inherit;font-size:0.95rem;color:#333;background:#fff;box-sizing:border-box}
.et-adform input:focus,.et-adform select:focus,.et-adform textarea:focus{outline:none;border-color:#d12027}
.et-adform textarea{min-height:96px;resize:vertical}
.et-adform .af-hint{font-size:0.8rem;color:#888;margin-top:5px}
.et-adform .af-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media (max-width:600px){.et-adform .af-row{grid-template-columns:1fr}}
.et-adform .af-chips{display:flex;flex-wrap:wrap;gap:8px}
.et-adform .af-chips label{all:unset;display:inline-flex;align-items:center;gap:7px;padding:8px 13px;border:1.5px solid rgba(0,0,0,0.12);border-radius:100px;font-size:0.88rem;color:#333;cursor:pointer;transition:all .15s ease;background:#fff}
.et-adform .af-chips label:hover{border-color:#d12027}
.et-adform .af-chips label.on{border-color:#d12027;background:linear-gradient(135deg,#fff5f5 0%,#fff9f9 100%);color:#b01020;font-weight:600}
.et-adform .af-chips input{position:absolute;opacity:0;width:0;height:0}
.et-adform .af-radios{display:flex;gap:18px;flex-wrap:wrap;font-size:0.9rem}
.et-adform .af-radios label{all:unset;display:inline-flex;align-items:center;gap:7px;cursor:pointer;font-size:0.9rem;color:#333}
.et-adform .af-check{display:flex;align-items:flex-start;gap:9px;margin-top:18px;font-size:0.9rem}
.et-adform .af-check input{margin-top:4px}
.et-adform .af-check a{color:#d12027}
.et-adform .af-submit{margin-top:22px;background:linear-gradient(135deg,#d12027 0%,#e84c4c 100%);color:#fff;padding:14px 28px;border-radius:8px;font-weight:600;font-size:1rem;border:none;cursor:pointer;font-family:inherit;display:inline-block;transition:all 0.2s ease;box-shadow:0 2px 8px rgba(209,32,39,0.25)}
.et-adform .af-submit:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(209,32,39,0.35)}
.et-adform .af-submit:disabled{opacity:0.6;cursor:default;transform:none}
.et-adform .af-alt{display:inline-block;margin:22px 0 0 14px;font-size:0.85rem;color:#888}
.et-adform .af-err{display:none;margin-top:16px;background:#fff5f5;border-left:3px solid #d12027;color:#b01020;padding:12px 16px;border-radius:0 12px 12px 0;font-size:0.9rem}
.et-adform .af-err.show{display:block}
.et-adform .af-done{display:none;text-align:center;padding:20px 10px}
.et-adform .af-done.show{display:block}
.et-adform .af-done h3{color:#d12027;font-weight:700;letter-spacing:-0.02em;margin:0 0 8px}
.et-adform .af-hp{position:absolute;left:-5000px;top:-5000px}
.et-adform .af-hide{display:none !important}