/* ET add-event form — styles for the Ghost 'Add an event' page card.
   Served from the staff portal so the Ghost card stays tiny (Ghost's
   editor splits huge pasted cards, which broke the inline version).
   Deploys with the portal zip; the card never needs re-pasting. */

.et-evform{max-width:680px;margin:0 auto;font-size:0.95rem;line-height:1.6;color:#333}
.et-evform .ef-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-evform .ef-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-evform label{display:block;font-size:0.7rem;text-transform:uppercase;letter-spacing:0.08em;font-weight:600;color:#888;margin:18px 0 6px}
.et-evform label:first-of-type{margin-top:0}
.et-evform input[type=text],.et-evform input[type=email],.et-evform input[type=tel],.et-evform input[type=datetime-local],.et-evform select,.et-evform 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-evform input:focus,.et-evform select:focus,.et-evform textarea:focus{outline:none;border-color:#d12027}
.et-evform textarea{min-height:120px;resize:vertical}
.et-evform .ef-hint{font-size:0.8rem;color:#888;margin-top:5px}
.et-evform .ef-count{font-size:0.8rem;color:#888;text-align:right;margin-top:4px}
.et-evform .ef-count.over{color:#d12027;font-weight:600}
.et-evform .ef-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media (max-width:600px){.et-evform .ef-row{grid-template-columns:1fr}}
.et-evform .ef-toggle{display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media (max-width:600px){.et-evform .ef-toggle{grid-template-columns:1fr}}
.et-evform .ef-toggle button{padding:14px;border:1.5px solid rgba(0,0,0,0.12);border-radius:12px;background:#fff;font-family:inherit;font-size:0.9rem;font-weight:600;color:#333;cursor:pointer;text-align:left;transition:all 0.2s ease}
.et-evform .ef-toggle button .sub{display:block;font-weight:400;font-size:0.8rem;color:#888;margin-top:2px}
.et-evform .ef-toggle button.on{border-color:#d12027;background:linear-gradient(135deg,#fff5f5 0%,#fff9f9 100%)}
.et-evform .ef-check{display:flex;align-items:flex-start;gap:9px;margin-top:14px;font-size:0.9rem}
.et-evform .ef-check input{margin-top:4px}
.et-evform .ef-radios{display:flex;gap:18px;flex-wrap:wrap;font-size:0.9rem}
.et-evform .ef-radios label{all:unset;display:inline-flex;align-items:center;gap:7px;cursor:pointer;font-size:0.9rem;color:#333}
.et-evform .ef-pick{position:relative}
.et-evform .ef-picklist{position:absolute;left:0;right:0;top:calc(100% + 4px);max-height:230px;overflow:auto;background:#fff;border:1px solid rgba(0,0,0,0.1);border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,0.06),0 12px 32px rgba(0,0,0,0.08);z-index:30;display:none}
.et-evform .ef-picklist.show{display:block}
.et-evform .ef-picklist button{display:block;width:100%;text-align:left;padding:10px 14px;border:none;background:none;font-family:inherit;font-size:0.9rem;color:#333;cursor:pointer}
.et-evform .ef-picklist button:hover{background:#fdf2f2}
.et-evform .ef-picklist .area{color:#888;font-size:0.8rem}
.et-evform .ef-picked{display:none;align-items:center;gap:10px;margin-top:8px;background:linear-gradient(135deg,#fff5f5 0%,#fff9f9 100%);border-left:3px solid #d12027;padding:11px 14px;border-radius:0 12px 12px 0;font-size:0.9rem}
.et-evform .ef-picked.show{display:flex}
.et-evform .ef-picked b{color:#d12027}
.et-evform .ef-picked button{margin-left:auto;border:none;background:none;color:#d12027;font-weight:600;cursor:pointer;font-family:inherit;font-size:0.85rem}
.et-evform .ef-hide{display:none !important}
.et-evform .ef-submit{margin-top:26px;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-evform .ef-submit:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(209,32,39,0.35)}
.et-evform .ef-submit:disabled{opacity:0.6;cursor:default;transform:none}
.et-evform .ef-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-evform .ef-err.show{display:block}
.et-evform .ef-done{display:none;text-align:center;padding:20px 10px}
.et-evform .ef-done.show{display:block}
.et-evform .ef-done h3{color:#d12027;font-weight:700;letter-spacing:-0.02em;margin:0 0 8px}
.et-evform .ef-hp{position:absolute;left:-5000px;top:-5000px}
.et-evform .ef-mkbar{display:flex;gap:6px;align-items:center;margin-bottom:6px;flex-wrap:wrap}
.et-evform .ef-mkbar button{padding:4px 12px;border:1px solid rgba(0,0,0,0.12);border-radius:8px;background:#fff;font-family:inherit;font-size:0.85rem;cursor:pointer;color:#333;transition:all 0.2s ease}
.et-evform .ef-mkbar button:hover{border-color:#d12027}
.et-evform .ef-mkbar button svg{width:13px;height:13px;vertical-align:-2px;margin-right:2px}
.et-evform .ef-mkhint{font-size:0.75rem;color:#888}