/* GoldenSeat order-forms redesign (2026) — SCOPED under .gs-of so it never leaks
 * into other screens. New-order wizard (step 4) + Edit-order modal.
 * Fonts (Heebo / Plus Jakarta Sans / IBM Plex Mono) loaded in singlepage.php. */
.gs-of{font-family:'Heebo',-apple-system,'Segoe UI',sans-serif;color:#0F172A}
body.gs-he .gs-of{direction:rtl;text-align:right}
/* uniform field-value alignment (Hebrew): force all inputs/selects/textareas to the right,
 * overriding the .mono / type=number / type=email ltr default that scattered values to mixed sides */
body.gs-he .gs-of .gs-of-inp{text-align:right}
.gs-of *{box-sizing:border-box}
.gs-of .disp{font-family:'Plus Jakarta Sans','Heebo',sans-serif}
.gs-of .mono{font-family:'IBM Plex Mono',monospace;font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate;display:inline-block}

/* layout shell — CONTAIN the form so it never sprawls full-width on big screens (match the mockup) */
.gs-of-wrap{background:#F1F5F9;padding:20px 22px;border-radius:14px;max-width:860px;margin:18px auto}
.gs-of-card{background:#fff;border:1px solid #E2E8F0;border-radius:14px;padding:10px 18px;margin-bottom:7px}
/* checkout layout: full-width centered page + form column + sticky summary sidebar (fills the screen, no empty island) */
.gs-of-page{max-width:1840px;margin:14px auto;padding:0 18px}
.gs-of-grid{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:18px;align-items:start;margin-top:14px}
.gs-of-main{min-width:0}
.gs-of-main .gs-of-card:last-child{margin-bottom:0}
.gs-of-side{position:sticky;top:80px;min-width:0}
.gs-of-summary{background:#fff;border:1px solid #E2E8F0;border-radius:14px;padding:16px 18px}
.gs-of-sumttl{font-family:'Plus Jakarta Sans','Heebo',sans-serif;font-size:13px;font-weight:800;margin:0 0 10px}
.gs-of-sumrow{display:flex;justify-content:space-between;align-items:center;padding:7px 0;font-size:13px;color:#475569;border-bottom:1px solid #F1F5F9}
.gs-of-sumrow b{color:#0F172A;font-weight:600}
.gs-of-sumtotal{display:flex;justify-content:space-between;align-items:baseline;padding:12px 0 2px;margin-top:4px}
.gs-of-sumtotal .t{font-family:'Plus Jakarta Sans','Heebo',sans-serif;font-weight:800;font-size:15px}
.gs-of-sumtotal .v{font-family:'IBM Plex Mono',monospace;font-weight:700;font-size:22px;color:#B8860B;direction:ltr;unicode-bidi:isolate}
.gs-of-summary .gs-of-btn{width:100%;display:block;margin-top:12px;text-align:center}
.gs-of-summary .gs-of-tc{margin-top:12px}
.gs-of-trust{margin-top:14px;padding-top:13px;border-top:1px solid #EEF2F6;display:flex;flex-direction:column;gap:9px}
.gs-of-trust span{display:flex;align-items:center;gap:8px;font-size:12px;color:#475569}
.gs-of-trust b{color:#15803D;font-weight:700;font-size:13px}
@media (max-width:1200px){.gs-of-grid{grid-template-columns:1fr}.gs-of-side{position:static}}

/* event hero (gradient) */
.gs-of-hero{background:linear-gradient(135deg,#0b3b2e,#13794f 58%,#1c8f5f);border-radius:16px;padding:18px 22px;color:#fff;margin-bottom:14px;position:relative;overflow:hidden;box-shadow:0 10px 30px -12px rgba(11,59,46,.55)}
.gs-of-hero .ring{position:absolute;left:-40px;bottom:-60px;width:190px;height:190px;border-radius:50%;border:2px solid rgba(255,255,255,.08)}
.gs-of-hero .eyebrow{font-size:11px;font-weight:700;letter-spacing:1.4px;color:#7FE6BE;text-transform:uppercase;margin-bottom:6px}
.gs-of-hero .teams{font-size:23px;font-weight:800;line-height:1.15}
.gs-of-hero .teams .vs{opacity:.5;font-weight:600;margin:0 6px}
.gs-of-hero .meta{font-size:12.5px;color:rgba(255,255,255,.72);margin-top:7px;font-weight:500}
.gs-of-hero .pricebox{text-align:left;white-space:nowrap;background:rgba(0,0,0,.18);border-radius:12px;padding:11px 15px}
.gs-of-hero .pricebox .num{font-size:25px;font-weight:600}
.gs-of-chip{font-size:11px;font-weight:800;color:#3A2400;background:#F5C518;padding:4px 11px;border-radius:7px}

/* form controls */
.gs-of-sec{font-family:'Plus Jakarta Sans','Heebo',sans-serif;font-size:13px;font-weight:800;color:#0F172A;margin:0 0 12px;display:flex;align-items:center;gap:8px}
.gs-of-sec::before{content:"";width:4px;height:15px;background:#E0A416;border-radius:3px}
.gs-of-lbl{font-size:11.5px;font-weight:600;color:#64748B;margin:0 0 5px;display:block}
.gs-of-inp{width:100%;min-width:0;height:44px;border:1px solid #CBD5E1;border-radius:10px;background:#fff;padding:0 13px;font-family:inherit;font-size:14px;color:#0F172A}
.gs-of textarea.gs-of-inp{height:58px;padding:8px 11px;resize:vertical}
.gs-of-inp:focus{outline:none;border-color:#C8A24B;box-shadow:0 0 0 3px rgba(200,162,75,.18)}
.gs-of-g2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7px 22px}
.gs-of-pricecur{position:relative}
.gs-of-pricecur > input.gs-of-inp{width:100%;padding-left:98px}
.gs-of-pricecur > select.gs-of-inp{position:absolute;left:6px;top:6px;width:84px;height:32px;padding:0 6px;border-radius:7px;background:#F1F5F9;border:1px solid #E2E8F0;font-size:13px;color:#0F172A}
.gs-of-row{margin-bottom:11px}
.gs-of-file{height:58px;border:1.5px dashed #CBD5E1;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:6px;color:#94A3B8;font-size:12px;background:#F8FAFC}
.gs-of-btn{font-family:'Plus Jakarta Sans','Heebo',sans-serif;background:#0F172A;color:#fff;border:0;border-radius:11px;padding:12px 30px;font-weight:700;font-size:14px;cursor:pointer;box-shadow:0 4px 14px -4px rgba(15,23,42,.5)}
.gs-of-btn:hover{background:#000}
.gs-of-btn[disabled]{opacity:.5;cursor:not-allowed}
.gs-of-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:17px;padding-top:14px;border-top:1px solid #EEF2F6}
.gs-of-tc{display:flex;align-items:center;gap:7px;font-size:12.5px;color:#475569}

/* edit modal */
.gs-of-modal{font-family:'Heebo',sans-serif}
body.gs-he .gs-of-modal{direction:rtl}
.gs-of-modal .head{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;background:#0F172A;color:#fff}
.gs-of-modal .head .ttl{font-family:'Plus Jakarta Sans',sans-serif;font-size:16px;font-weight:800;display:flex;align-items:center;gap:9px}
.gs-of-modal .head .sub{font-size:11px;color:rgba(255,255,255,.55);margin-top:4px}
.gs-of-modal .body{padding:15px 17px;background:#F8FAFC;display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;align-items:start}
.gs-of-col{background:#fff;border:1px solid #E7EBF0;border-radius:12px;padding:13px}
.gs-of-col.read{background:#F1F5F9}
.gs-of-col.admin{background:#FFFBEB;border-color:#FCE8B6}
.gs-of-kv{display:flex;justify-content:space-between;gap:8px;padding:5px 0;border-bottom:1px solid #EEF2F6;font-size:11.5px}
.gs-of-kv span{color:#64748B}.gs-of-kv b{font-weight:600}
.gs-of-stamp{background:#FEFCE8;margin:0 -4px;padding:5px 4px;border-radius:5px}
.gs-of-stamp span,.gs-of-stamp b{color:#92722A}
.gs-of-req{color:#DC2626;font-weight:700;font-size:10px}
.gs-of-modal .foot{display:flex;align-items:center;gap:10px;padding:13px 20px;border-top:1px solid #EEF2F6;background:#fff}
.gs-of-modal .x{width:30px;height:30px;border-radius:8px;background:rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.7);cursor:pointer;border:0}
.gs-of-btn2{background:#fff;color:#334155;border:1px solid #CBD5E1;border-radius:10px;padding:11px 18px;font-family:inherit;font-weight:600;font-size:13px;cursor:pointer}
/* modal width override (the app sets .modal width; widen for 3 columns) */
.modal.gs-of-wide{width:1000px !important;left:50% !important;margin-left:-500px !important}
@media (max-width:1040px){.modal.gs-of-wide{width:94% !important;left:3% !important;margin-left:0 !important}.gs-of-modal .body{grid-template-columns:1fr 1fr}}
@media (max-width:680px){.gs-of-modal .body,.gs-of-g2{grid-template-columns:1fr}}


/* === 2026: supplier section + WhatsApp generator (Agent TikTik) === */
.gs-of-sec.tk::before{background:#16A34A}
.gs-of-netline{margin-top:10px;font-size:12.5px;color:#475569;background:#F8FAFC;border:1px solid #EEF2F6;border-radius:8px;padding:8px 12px}
.gs-of-netline b{color:#0F172A}
.gs-of-wa{background:#F2FBF4;border:1px solid #BBE7C9;border-radius:14px;padding:16px 18px;margin-top:14px}
.gs-of-wa-head{display:flex;align-items:center;gap:10px;margin-bottom:11px}
.gs-of-wa-head .ic{width:28px;height:28px;border-radius:8px;background:#25D366;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:15px}
.gs-of-wa-head .t{font-family:'Plus Jakarta Sans','Heebo',sans-serif;font-weight:800;font-size:14.5px}
.gs-of-wa-head .hint{font-size:12px;color:#64748B}
.gs-of-wa-bubble{background:#fff;border:1px solid #D7EBDF;border-radius:12px;border-top-right-radius:3px;padding:13px 16px;font-size:14.5px;line-height:1.7;white-space:pre-wrap;color:#0F172A;min-height:46px}
.gs-of-wa-actions{display:flex;gap:10px;align-items:center;margin-top:12px;flex-wrap:wrap}
.gs-of-wa-copy,.gs-of-wa-send{height:42px;border:0;border-radius:10px;padding:0 18px;font-family:'Plus Jakarta Sans','Heebo',sans-serif;font-weight:700;font-size:13.5px;cursor:pointer}
.gs-of-wa-copy{background:#0F172A;color:#fff}
.gs-of-wa-send{background:#25D366;color:#0a3d1c}
.gs-of-wa-profit{margin-inline-start:auto;font-size:13px;font-weight:700;color:#15803D;background:#DCFCE7;padding:7px 13px;border-radius:9px}

/* slim single-screen hero + tighter grid (no-scroll order form) */
.gs-of-hero-slim{display:flex;align-items:center;justify-content:space-between;padding:10px 24px;margin-bottom:6px}
.gs-of-hero-slim .teams{font-size:21px;font-weight:800;line-height:1.15}
.gs-of-hero-slim .vs{opacity:.5;font-weight:600;margin:0 6px}
.gs-of-hero-slim .meta{font-size:12.5px;color:rgba(255,255,255,.72);margin-top:3px}
.gs-of-hero-slim .gs-of-chip{margin-inline-start:8px;vertical-align:middle}
.gs-of-hero-slim .pricebox{text-align:left;background:rgba(0,0,0,.18);border-radius:10px;padding:8px 15px;white-space:nowrap}
.gs-of-hero-slim .pricebox .num{font-size:22px;font-weight:600}
.gs-of-1screen .gs-of-grid{margin-top:0}
.gs-of-1screen .gs-of-side{position:static}

/* flat back button (replaces glossy blue) — top of order form */
.gs-of-back{display:inline-block;margin:0 0 4px;background:#fff;border:1px solid #CBD5E1;color:#334155;border-radius:9px;padding:7px 16px;font-family:'Heebo',-apple-system,sans-serif;font-weight:600;font-size:13px;cursor:pointer}
.gs-of-back:hover{background:#F1F5F9;border-color:#94A3B8}

/* uniform: file input fills the cell */
.gs-of input[type=file].gs-of-inp{width:100%}