/* COUNT THE CATCH — create-tournament page styles.
   Theme lives in css/styles.css (#070b08, lime #a6ff00, Anton + Inter). */

/* ---------- hero ---------- */
.ct-hero{position:relative;overflow:hidden;border-bottom:1px solid var(--border-soft)}
.ct-hero .hero-bg{position:absolute;inset:0}
.ct-hero .hero-bg img{width:100%;height:100%;object-fit:cover}
.ct-hero .hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,11,8,.72) 0%,rgba(7,11,8,.55) 45%,rgba(7,11,8,.94) 100%)}
.ct-hero .wrap{position:relative;padding-top:30px;padding-bottom:26px}
.back-link{display:inline-flex;align-items:center;gap:8px;color:var(--lime);font-weight:700;font-size:13.5px;margin-bottom:14px;text-decoration:none}
.back-link:hover{text-decoration:underline}
.ct-hero h1.display{font-size:clamp(44px,7vw,84px);line-height:1;margin:0 0 10px;letter-spacing:.01em}
.ct-hero .sub{color:#d9ded8;font-size:15px;max-width:640px;margin:0}
.ct-hero-row{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap}
.mini-badges{display:flex;gap:26px;margin-top:18px;flex-wrap:wrap}
.mini-badge{display:flex;align-items:center;gap:10px}
.mini-badge svg{width:26px;height:26px;color:var(--lime);flex:none}
.mini-badge span{font-size:10.5px;font-weight:800;letter-spacing:.12em;line-height:1.5;color:#eef2ed}
.ct-script{font-family:'Caveat',cursive;font-size:clamp(22px,2.6vw,32px);line-height:1.15;color:#fff;transform:rotate(-3deg);text-align:right}
.ct-script .lime{color:var(--lime)}

/* ---------- layout ---------- */
.wizard-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:24px;align-items:start}
@media(max-width:1020px){.wizard-grid{grid-template-columns:1fr}}

/* ---------- step cards ---------- */
.step-card{background:var(--card);border:1px solid var(--border-soft);border-radius:var(--radius);padding:26px 28px;margin-bottom:22px;scroll-margin-top:110px}
.step-head{display:flex;gap:16px;align-items:flex-start;margin-bottom:18px}
.step-num{flex:none;width:40px;height:40px;border-radius:50%;background:var(--lime);color:var(--lime-ink);font-family:'Anton',sans-serif;font-size:20px;display:flex;align-items:center;justify-content:center}
.step-head h2{font-family:'Anton',sans-serif;font-size:24px;letter-spacing:.04em;margin:2px 0 4px;text-transform:uppercase}
.step-head p{color:var(--muted);font-size:13.5px;margin:0}
.w-nav{display:flex;justify-content:space-between;gap:12px;margin-top:22px;padding-top:18px;border-top:1px solid var(--border-soft)}

/* ---------- type cards (3 across) ---------- */
.type-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
@media(max-width:700px){.type-cards{grid-template-columns:1fr}}

/* ---------- inline errors ---------- */
.inline-err{display:none;color:#ff7a7a;font-size:12.5px;font-weight:600;margin-top:6px}
.field.invalid .input,.field.invalid .select{border-color:#ff7a7a}
.field.invalid .inline-err{display:block}

/* ---------- florida banner ---------- */
.fl-banner{display:flex;align-items:center;gap:14px;border:1px solid rgba(166,255,0,.4);border-radius:var(--radius-sm);padding:14px 16px;background:rgba(166,255,0,.05);margin-top:16px}
.fl-banner svg{width:26px;height:26px;color:var(--lime);flex:none}
.fl-banner .fl-t{font-weight:800;font-size:13.5px}
.fl-banner .fl-s{font-size:12.5px;color:var(--muted);margin-top:2px}
.fl-banner .btn{flex:none}
.fl-banner .x{margin-left:auto;background:none;border:0;color:var(--muted);font-size:20px;cursor:pointer;line-height:1}
.fl-banner .x:hover{color:#fff}

/* ---------- help tooltip ---------- */
.help-tip{display:inline-flex;align-items:center;justify-content:center;width:17px;height:17px;border:1px solid var(--muted);border-radius:50%;color:var(--muted);font-size:11px;font-weight:700;cursor:help;margin-left:6px;vertical-align:middle}

/* ---------- review list ---------- */
.review-list{display:flex;flex-direction:column}
.review-list .r-row{display:flex;justify-content:space-between;gap:18px;padding:10px 0;border-bottom:1px solid var(--border-soft);font-size:13.5px}
.review-list .r-row:last-child{border-bottom:0}
.review-list dt{color:var(--muted);font-weight:600;flex:none}
.review-list dd{margin:0;text-align:right;font-weight:600;color:#eef2ed;overflow-wrap:anywhere}

/* ---------- sidebar ---------- */
.side-stack{display:flex;flex-direction:column;gap:20px;position:sticky;top:96px}
@media(max-width:1020px){.side-stack{position:static}}
.side-card{border:1px solid var(--border-soft);border-radius:var(--radius);overflow:hidden;background:var(--card)}
.side-photo-card{position:relative;min-height:230px;display:flex;flex-direction:column;justify-content:flex-end;padding:20px;color:#fff}
.side-photo-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.side-photo-card .shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,11,8,.25) 0%,rgba(7,11,8,.88) 100%)}
.side-photo-card .in{position:relative}
.side-photo-card .script{font-family:'Caveat',cursive;font-size:34px;line-height:1.05;transform:rotate(-2deg);margin-bottom:12px}
.side-photo-card .script .lime{color:var(--lime)}
.side-photo-card ul,.tips-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.side-photo-card li,.tips-list li{display:flex;gap:10px;align-items:flex-start;font-size:12px;font-weight:700;letter-spacing:.06em}
.side-photo-card li svg,.tips-list li svg{width:16px;height:16px;color:var(--lime);flex:none;margin-top:1px}
.side-plain{padding:22px}
.side-plain h3{font-family:'Anton',sans-serif;font-size:20px;letter-spacing:.05em;margin:0 0 8px;display:flex;align-items:center;gap:10px}
.side-plain h3 svg{width:26px;height:26px;color:var(--lime)}
.side-plain p{color:var(--muted);font-size:13.5px;margin:0 0 16px}
.tips-list li{letter-spacing:0;font-weight:600;font-size:13px;color:#dfe4de}

/* ---------- gate panel ---------- */
.gate-panel{padding:30px;text-align:center}
.gate-panel h2{font-family:'Anton',sans-serif;font-size:30px;letter-spacing:.04em;margin:0 0 10px}
.gate-panel p{color:var(--muted);font-size:14px;max-width:460px;margin:0 auto 20px}
.gate-panel .row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}

/* success panel */
#publish-success .big-check{width:84px;height:84px;border-radius:50%;background:rgba(166,255,0,.12);border:2px solid var(--lime);color:var(--lime);display:flex;align-items:center;justify-content:center;margin:0 auto 18px}
#publish-success .big-check svg{width:44px;height:44px}

/* date inputs: keep native picker readable on dark */
input[type="date"].input{color-scheme:dark}
.currency .cur{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:var(--muted);font-weight:700}