/* ── Deposit Panel ── */
#deposit-panel {
    position: absolute; inset: 0;
    display: none; grid-template-columns: 1fr 1fr;
    color: #fff;
}
#deposit-panel.dep-open { display: grid; }
.dep-left {
    background: #0e0e0e;
    border-right: 1px solid #2a2a2a;
    overflow-y: auto; padding: 28px 24px;
    display: flex; flex-direction: column; gap: 14px;
    min-height: 0; -webkit-overflow-scrolling: touch;
}
.dep-right {
    display: flex; flex-direction: column;
    min-height: 0; background: #111;
}
.dep-right-scroll {
    flex: 1; overflow-y: auto; min-height: 0;
    padding: 16px 20px; display: flex; flex-direction: column; gap: 10px;
    -webkit-overflow-scrolling: touch;
}

/* Hidden scrollbars — no shift, no arrows, scroll via wheel/touch */
.dep-left, .dep-right-scroll { scrollbar-width: none; }
.dep-left::-webkit-scrollbar,
.dep-right-scroll::-webkit-scrollbar { display: none; }
/* Mobile panel: also hidden */
#deposit-panel { scrollbar-width: none; }
#deposit-panel::-webkit-scrollbar { display: none; }
.dep-right-footer {
    flex-shrink: 0; padding: 12px 20px 16px;
    display: flex; flex-direction: column; gap: 8px;
    border-top: 1px solid #222;
    background: #111;
}
.dep-event-card { display: flex; gap: 12px; align-items: flex-start; }
.dep-event-thumb { width: 80px; height: 80px; border-radius: 6px; overflow: hidden; flex-shrink: 0; border: 1px solid #222; }
.dep-event-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.dep-event-info { flex: 1; min-width: 0; }
.dep-venue-tag { font-size: 11px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: #cd0e0e; font-family: 'Orbitron', sans-serif; margin-bottom: 3px; }
.dep-event-name { font-size: 15px; font-weight: 700; color: #fff; line-height: 1.25; margin-bottom: 8px; }
.dep-meta-row { display: flex; align-items: center; gap: 8px; font-size: 12px; color: #ccc; }
.dep-meta-row svg { flex-shrink: 0; opacity: .6; }
.dep-meta-rows { display: flex; flex-direction: column; gap: 3px; }
.dep-divider { border: none; border-top: 1px solid #222; margin: 0; }
.dep-ticket-name { font-size: 14px; font-weight: 600; color: #fff; line-height: 1.3; }
.dep-ticket-desc { font-size: 11px; color: #888; line-height: 1.5; }
.dep-qty-wrap { display: flex; align-items: center; border: 1px solid #2a2a2a; border-radius: 4px; overflow: hidden; flex-shrink: 0; }
.dep-qty-btn { background: transparent; border: none; color: #ccc; width: 36px; height: 36px; font-size: 18px; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: background .15s; -webkit-tap-highlight-color: transparent; font-family: inherit; }
.dep-qty-btn:hover { background: #222; }
.dep-qty-btn:active { background: #333; }
.dep-qty-val { font-size: 13px; font-weight: 700; color: #fff; width: 28px; text-align: center; border-left: 1px solid #222; border-right: 1px solid #222; line-height: 36px; }
.dep-receipt { background: #0d0d0d; border: 1px solid #222; border-radius: 5px; overflow: hidden; }
.dep-receipt-row { display: flex; justify-content: space-between; padding: 9px 12px; font-size: 12px; border-bottom: 1px solid #222; color: #888; }
.dep-receipt-row:last-child { border-bottom: none; }
.dep-receipt-total { align-items: center; padding: 11px 12px; }
.dep-receipt-total span:first-child { font-size: 13px; font-weight: 700; color: #fff; }
.dep-receipt-total span:last-child { font-size: 20px; }
.dep-green { color: #5cb85c; font-weight: 700; }
.dep-free { color: #5cb85c; font-weight: 500; }

/* How it works — 01/ style */
.dep-how-toggle { background: none; border: none; color: #888; font-family: 'Inter', sans-serif; font-size: 11px; padding: 0; cursor: pointer; text-decoration: underline; text-underline-offset: 2px; text-align: left; transition: color .15s; }
.dep-how-toggle:hover { color: #ccc; }
.dep-how-toggle::after { content: ' +'; font-weight: 600; }
.dep-how-toggle.open::after { content: ' \2212'; }
.dep-how-steps { max-height: 0; overflow: hidden; transition: max-height .25s ease, margin .25s ease; margin-top: 0; }
.dep-how-steps.open { max-height: 120px; margin-top: 8px; }
.dep-how-step { display: flex; align-items: center; gap: 10px; font-size: 12px; color: #ccc; line-height: 1.4; padding: 4px 0; }
.dep-how-num { font-size: 12px; font-weight: 600; color: #555; min-width: 24px; flex-shrink: 0; }

/* Header / Timer */
.dep-header { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.dep-title { font-size: 16px; font-weight: 600; color: #fff; }
.dep-subtitle { font-size: 12px; color: #888; margin-top: 3px; }
.dep-timer-box { text-align: center; background: #0d0d0d; border: 1px solid #333; border-radius: 5px; padding: 6px 12px; flex-shrink: 0; }
.dep-timer-label { font-size: 9px; color: #888; text-transform: uppercase; letter-spacing: .05em; margin-bottom: 1px; }
.dep-timer { font-size: 16px; font-weight: 700; color: #cd0e0e; font-variant-numeric: tabular-nums; letter-spacing: .05em; }
/* Compact timer inside event card */
.dep-timer-mini { flex-shrink: 0; text-align: center; background: rgba(205,14,14,.08); border: 1px solid rgba(205,14,14,.25); border-radius: 5px; padding: 4px 10px; }
.dep-timer-mini .dep-timer { font-size: 14px; }
/* Card brand icons inside card number field */
.dep-card-number-wrap {
    position: relative; display: flex; align-items: center;
    background: #0d0d0d; border: 1px solid #2a2a2a; border-radius: 6px;
    height: 40px; transition: border-color .15s;
}
.dep-card-number-wrap:focus-within { border-color: #555; }
.dep-card-number-wrap .dep-stripe-field { border: none; background: transparent; border-radius: 0; height: 100%; flex: 1; min-width: 0; }
.dep-card-brands { display: flex; align-items: center; gap: 3px; padding-right: 8px; flex-shrink: 0; opacity: .85; }

/* Form inputs */
.dep-form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.dep-form-group { display: flex; flex-direction: column; gap: 5px; }
.dep-form-label { font-size: 12px; font-weight: 500; color: #999; letter-spacing: .03em; font-family: 'Inter', sans-serif; }
.dep-req { color: #cd0e0e; }
.dep-form-input {
    width: 100%; background: #0d0d0d; border: 1px solid #2a2a2a;
    border-radius: 6px; color: #fff; font-family: 'Inter', sans-serif;
    font-size: 13px; padding: 8px 12px; outline: none; transition: border-color .15s;
    -webkit-appearance: none; appearance: none; box-sizing: border-box;
    height: 40px;
}
.dep-form-input:focus { border-color: #555; }
.dep-form-input::placeholder { color: #666; }
.dep-phone-wrap { display: flex; min-width: 0; }
.dep-phone-input { border-radius: 0 6px 6px 0; flex: 1; min-width: 0; }
/* Via label between phone and delivery */
.dep-via-label { font-size: 10px; color: #555; font-family: 'Inter', sans-serif; flex-shrink: 0; line-height: 40px; }

/* Autofill override — kill Chrome blue highlight */
.dep-form-input:-webkit-autofill,
.dep-form-input:-webkit-autofill:hover,
.dep-form-input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 1000px #0d0d0d inset;
    -webkit-text-fill-color: #fff;
    caret-color: #fff;
    transition: background-color 5000s ease-in-out 0s;
}
[data-theme="light"] .dep-form-input:-webkit-autofill,
[data-theme="light"] .dep-form-input:-webkit-autofill:hover,
[data-theme="light"] .dep-form-input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 1000px #fff inset;
    -webkit-text-fill-color: #111;
    caret-color: #111;
}
.dep-mini-select:-webkit-autofill,
.dep-mini-select:-webkit-autofill:hover,
.dep-mini-select:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 1000px #0d0d0d inset;
    -webkit-text-fill-color: #ccc;
}
[data-theme="light"] .dep-mini-select:-webkit-autofill,
[data-theme="light"] .dep-mini-select:-webkit-autofill:hover,
[data-theme="light"] .dep-mini-select:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 1000px #fff inset;
    -webkit-text-fill-color: #333;
}

/* Payment method tabs */
.dep-pay-label { font-size: 11px; font-weight: 600; color: #888; letter-spacing: .04em; font-family: 'Inter', sans-serif; margin-bottom: -4px; }
.dep-pay-tabs { display: flex; gap: 8px; }
.dep-pay-tab {
    flex: 1 1 0; min-width: 0; display: flex; align-items: center; justify-content: center; gap: 7px;
    padding: 10px 6px; font-size: 12px; font-weight: 500; color: #777;
    background: #0d0d0d; border: 1px solid #2a2a2a; border-radius: 4px; cursor: pointer;
    font-family: 'Inter', sans-serif; transition: all .15s;
    -webkit-tap-highlight-color: transparent;
    white-space: nowrap; overflow: hidden;
}
.dep-pay-tab:hover { color: #ccc; border-color: #444; }
.dep-pay-tab.active { background: #161616; color: #fff; border-color: #666; }
.dep-pay-tab svg { flex-shrink: 0; opacity: .5; }
.dep-pay-tab.active svg { opacity: 1; }

/* Individual Stripe card fields */
.dep-stripe-field {
    background: #0d0d0d; border: 1px solid #2a2a2a; border-radius: 6px;
    padding: 0 12px; height: 40px; transition: border-color .15s;
}
.dep-stripe-field:focus-within { border-color: #555; }
#dep-card-section { display: flex; flex-direction: column; gap: 6px; }

/* Section dividers */
.dep-section-divider { display: flex; align-items: center; gap: 8px; margin: 2px 0 0; }
.dep-section-divider::before, .dep-section-divider::after { content: ''; flex: 1; height: 1px; background: #222; }
.dep-section-divider span { font-size: 9px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: #444; white-space: nowrap; }

/* Styled mini-selects (delivery, billing country) */
.dep-mini-select {
    width: auto; background: #0d0d0d; border: 1px solid #2a2a2a;
    border-radius: 6px; color: #ccc; font-family: 'Inter', sans-serif;
    font-size: 12px; padding: 6px 24px 6px 8px; cursor: pointer;
    outline: none; -webkit-appearance: none; appearance: none;
    height: 40px; box-sizing: border-box; transition: border-color .15s;
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23888' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat; background-position: right 8px center;
}
.dep-mini-select:focus { border-color: #555; }

/* Phone select: overrides dep-mini-select (needs double-class specificity) */
.dep-mini-select.dep-phone-select {
    border-right: none; border-radius: 6px 0 0 6px;
    font-size: 13px; min-width: 72px; padding: 0 24px 0 10px;
}

/* Custom dropdown (replaces native select) — mirrors index-page custom-select */
.dep-select { position: relative; flex-shrink: 0; min-width: 110px; }
.dep-select__trigger {
    display: flex; align-items: center; gap: 0; width: 100%;
    background: #0d0d0d; border: 1px solid #2a2a2a; border-radius: 6px;
    height: 40px; padding: 0 12px; cursor: pointer;
    box-sizing: border-box; transition: border-color .15s;
}
.dep-select__trigger:hover { border-color: #444; }
.dep-select.open .dep-select__trigger { border-color: #555; }
.dep-select__value {
    flex: 1; font-family: 'Inter', sans-serif; font-size: 13px; font-weight: 600;
    color: #ccc; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
    padding-right: 8px;
}
.dep-select__arrow {
    width: 10px; height: 10px; flex-shrink: 0;
    transition: transform .25s ease;
}
.dep-select__arrow path { fill: #666; }
.dep-select.open .dep-select__arrow { transform: rotate(180deg); }
.dep-select__dropdown {
    position: absolute; bottom: calc(100% + 6px); left: 0; right: 0;
    background: #1a1a1a; border: 1px solid #333; border-radius: 4px;
    z-index: 120; overflow: hidden;
    opacity: 0; transform: translateY(8px) scaleY(.96);
    transform-origin: bottom center; pointer-events: none;
    transition: opacity .2s ease, transform .2s ease;
}
.dep-select.open .dep-select__dropdown {
    opacity: 1; transform: translateY(0) scaleY(1); pointer-events: auto;
}
.dep-select__option {
    padding: 12px 14px; font-family: 'Inter', sans-serif;
    font-size: 13px; font-weight: 600; color: #999;
    cursor: pointer; transition: background .15s, color .15s;
}
.dep-select__option:hover { background: #222; color: #fff; }
.dep-select__option.selected { color: #fff; }

/* Bizum payment section */
#dep-bizum-section { padding: 4px 0; }
.dep-stripe-info { font-size: 12px; color: #888; margin: 0 0 14px; line-height: 1.5; text-align: center; }
.dep-stripe-info svg { vertical-align: -2px; margin-right: 3px; opacity: .5; }

/* Misc */
.dep-error { background: rgba(205,14,14,.1); border: 1px solid rgba(205,14,14,.3); border-radius: 4px; padding: 10px 12px; font-size: 12px; color: #ef4444; font-family: 'Inter', sans-serif; }
.dep-spinner { width: 16px; height: 16px; border: 2px solid #333; border-top-color: #fff; border-radius: 50%; animation: depSpin .8s linear infinite; flex-shrink: 0; }
@keyframes depSpin { to { transform: rotate(360deg); } }

/* PAY button — red, dark-red hover like event page */
.dep-pay-btn {
    width: 100%; background: #cd0e0e; color: #fff;
    font-family: inherit; font-size: 14px; font-weight: 700;
    letter-spacing: .06em; text-transform: uppercase;
    border: 2px solid #cd0e0e; border-radius: 4px; cursor: pointer; padding: 12px;
    display: flex; align-items: center; justify-content: center; gap: 8px;
    transition: background .15s, border-color .15s, transform .1s;
    -webkit-tap-highlight-color: transparent; min-height: 44px;
}
.dep-pay-btn:hover:not(:disabled) { background: #a00b0b; border-color: #a00b0b; transform: translateY(-1px); }
.dep-pay-btn:active:not(:disabled) { transform: translateY(1px); }
.dep-pay-btn:disabled { opacity: .5; cursor: not-allowed; }

/* ── Success Screen (V1 — Classic) ── */
.dep-success {
    display: flex; align-items: center; justify-content: center;
    grid-column: 1 / -1; min-height: 100%; padding: 40px 24px;
}
.dep-success__card {
    max-width: 340px; width: 100%; text-align: center; padding: 32px 24px;
    animation: depSuccessIn .4s cubic-bezier(.34,1.2,.64,1);
}
@keyframes depSuccessIn {
    from { transform: scale(0.92) translateY(10px); opacity: 0; }
    to   { transform: scale(1) translateY(0); opacity: 1; }
}
.dep-success__check {
    width: 52px; height: 52px; border-radius: 12px;
    background: #111; display: flex; align-items: center; justify-content: center;
    margin: 0 auto 20px;
    animation: depCheckPop .4s cubic-bezier(.175,.885,.32,1.275) forwards;
    opacity: 0;
}
@keyframes depCheckPop {
    0%   { transform: scale(0); opacity: 0; }
    100% { transform: scale(1); opacity: 1; }
}
.dep-success__check svg { width: 26px; height: 26px; }
.dep-success__check svg path {
    fill: none; stroke: #fff; stroke-width: 3;
    stroke-linecap: round; stroke-linejoin: round;
    stroke-dasharray: 30; stroke-dashoffset: 30;
    animation: depCheckDraw .4s .3s ease forwards;
}
@keyframes depCheckDraw { to { stroke-dashoffset: 0; } }

.dep-success__title {
    font-size: 20px; font-weight: 800; color: #fff;
    margin-bottom: 2px; letter-spacing: -0.3px;
}
.dep-success__subtitle {
    font-size: 12px; font-weight: 600; color: #2e7d32;
    text-transform: uppercase; letter-spacing: 1.5px;
    margin-bottom: 20px;
}
.dep-success__event-name { font-size: 17px; font-weight: 700; color: #fff; margin-bottom: 4px; }
.dep-success__meta { font-size: 13px; color: #888; margin-bottom: 20px; }

.dep-success__delivery {
    border-radius: 8px; padding: 14px 16px; margin-bottom: 20px;
    background: rgba(37, 211, 102, .08); border: 1px solid rgba(37, 211, 102, .2);
    text-align: left;
}
.dep-success__delivery-text {
    font-size: 13px; color: #ccc; line-height: 1.4;
}
.dep-success__delivery-text strong { color: #fff; font-weight: 700; }

.dep-success__actions { display: flex; flex-direction: column; gap: 8px; margin-bottom: 20px; }
.dep-success__btn {
    display: flex; align-items: center; justify-content: center; gap: 8px;
    width: 100%; padding: 11px 16px; border-radius: 4px; cursor: pointer;
    font-family: 'Inter', sans-serif; font-size: 14px; font-weight: 600;
    transition: all .2s; text-decoration: none;
    background: transparent; color: #ccc; border: 1.5px solid #333;
}
.dep-success__btn:hover { border-color: #666; color: #fff; }
.dep-success__support {
    padding-top: 16px; border-top: 1px solid #222;
}
.dep-success__support p { font-size: 11px; color: #666; line-height: 1.6; }
.dep-success__support a { color: #888; text-decoration: none; font-weight: 600; transition: color .2s; }
.dep-success__support a:hover { color: #fff; }

/* ── Mobile ── */
@media (max-width: 680px) {
    #deposit-panel.dep-open { display: flex; flex-direction: column; overflow-y: auto; -webkit-overflow-scrolling: touch; }
    .dep-left { flex: none; border-right: none; border-bottom: 1px solid #2a2a2a; padding: 16px; gap: 12px; overflow-y: visible; min-height: auto; }
    .dep-right { flex: none; min-height: auto; }
    .dep-right-scroll { flex: none; padding: 16px 16px 8px; gap: 12px; overflow-y: visible; min-height: auto; }
    .dep-right-footer { flex: none; padding: 8px 16px 24px; border-top: none; }
    .dep-form-row { grid-template-columns: 1fr; }
    .dep-mini-select.dep-phone-select { min-width: 64px; font-size: 12px; }
    .dep-pay-btn { min-height: 48px; font-size: 14px; border-radius: 4px; }
    .dep-success { padding: 24px 16px; }
    .dep-success__title { font-size: 18px; }
    .dep-success__event-name { font-size: 15px; }
}

/* ── Light theme ── */
[data-theme="light"] #deposit-panel { color: #111; }
[data-theme="light"] .dep-left { background: #f5f5f5; border-right-color: transparent; border-bottom-color: #ddd; }
[data-theme="light"] .dep-right { background: #fff; }
[data-theme="light"] .dep-right-footer { background: #fff; border-color: #eee; }
[data-theme="light"] .dep-event-name,
[data-theme="light"] .dep-ticket-name,
[data-theme="light"] .dep-title,
[data-theme="light"] .dep-qty-val,
[data-theme="light"] .dep-receipt-total span:first-child { color: #111; }
[data-theme="light"] .dep-meta-row,
[data-theme="light"] .dep-how-step { color: #444; }
[data-theme="light"] .dep-ticket-desc,
[data-theme="light"] .dep-subtitle { color: #666; }
[data-theme="light"] .dep-divider { border-color: #ddd; }
[data-theme="light"] .dep-receipt { background: #f9f9f9; border-color: #ddd; }
[data-theme="light"] .dep-receipt-row { border-color: #eee; color: #666; }
[data-theme="light"] .dep-qty-wrap { border-color: #ccc; }
[data-theme="light"] .dep-qty-btn { color: #444; }
[data-theme="light"] .dep-qty-btn:hover { background: #eee; }
[data-theme="light"] .dep-qty-val { border-color: #ddd; }
[data-theme="light"] .dep-event-thumb { border-color: #ccc; }
[data-theme="light"] .dep-timer-mini { background: rgba(205,14,14,.06); border-color: rgba(205,14,14,.18); }
[data-theme="light"] .dep-how-toggle { color: #666; }
[data-theme="light"] .dep-how-toggle:hover { color: #222; }
[data-theme="light"] .dep-how-num { color: #999; }
[data-theme="light"] .dep-timer-box { background: #f0f0f0; border-color: #ccc; }
/* Right panel — form fields */
[data-theme="light"] .dep-form-input {
    background: #fff; border-color: #ccc; color: #111;
}
[data-theme="light"] .dep-form-input:focus { border-color: #888; }
[data-theme="light"] .dep-form-input::placeholder { color: #999; }
/* Phone select light: border handled by mini-select, just fix right border */
[data-theme="light"] .dep-mini-select.dep-phone-select { border-color: #ccc; border-right: none; }
[data-theme="light"] .dep-via-label { color: #999; }
[data-theme="light"] .dep-stripe-field { background: #fff; border-color: #ccc; }
[data-theme="light"] .dep-card-number-wrap { background: #fff; border-color: #ccc; }
[data-theme="light"] .dep-card-number-wrap:focus-within { border-color: #888; }
[data-theme="light"] .dep-card-number-wrap .dep-stripe-field { background: transparent; border-color: transparent; }
[data-theme="light"] .dep-stripe-field:focus-within { border-color: #888; }
[data-theme="light"] .dep-pay-label { color: #666; }
[data-theme="light"] .dep-pay-tab { background: #fff; border-color: #ccc; color: #888; }
[data-theme="light"] .dep-pay-tab:hover { color: #333; border-color: #999; }
[data-theme="light"] .dep-pay-tab.active { background: #111; color: #fff; border-color: #111; }
[data-theme="light"] .dep-pay-tab.active svg { opacity: 1; }
[data-theme="light"] .dep-section-divider::before,
[data-theme="light"] .dep-section-divider::after { background: #ddd; }
[data-theme="light"] .dep-section-divider span { color: #999; }
[data-theme="light"] .dep-mini-select {
    background-color: #fff; border-color: #ccc; color: #333;
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23666' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
[data-theme="light"] .dep-mini-select:focus { border-color: #888; }
#dep-billing-toggle { color: #666; transition: color .15s; }
#dep-billing-toggle:hover { color: #ccc; }
[data-theme="light"] #dep-billing-toggle { color: #888; }
[data-theme="light"] #dep-billing-toggle:hover { color: #333; }
[data-theme="light"] .dep-stripe-info { color: #666; }
.dep-trust-footer { color: #555; }
.dep-trust-footer a { color: #777; }
[data-theme="light"] .dep-trust-footer { color: #999; }
[data-theme="light"] .dep-trust-footer a { color: #666; }
/* Custom dropdown — light theme (mirrors index-page) */
[data-theme="light"] .dep-select__trigger { background: #fff; border-color: #ccc; }
[data-theme="light"] .dep-select__trigger:hover { border-color: #888; }
[data-theme="light"] .dep-select.open .dep-select__trigger { border-color: #888; }
[data-theme="light"] .dep-select__value { color: #333; }
[data-theme="light"] .dep-select__arrow path { fill: #666; }
[data-theme="light"] .dep-select__dropdown { background: #fff; border-color: #ccc; box-shadow: 0 12px 36px rgba(0,0,0,.12); }
[data-theme="light"] .dep-select__option { color: #555; }
[data-theme="light"] .dep-select__option:hover { background: #f5f5f5; color: #111; }
[data-theme="light"] .dep-select__option.selected { color: #111; }
/* Pay button stays RED in both themes */
[data-theme="light"] .dep-pay-btn { background: #cd0e0e; border-color: #cd0e0e; color: #fff; }
[data-theme="light"] .dep-pay-btn:hover:not(:disabled) { background: #a00b0b; border-color: #a00b0b; }
/* Success screen — light theme */
[data-theme="light"] .dep-success__check { background: #111; }
[data-theme="light"] .dep-success__title { color: #111; }
[data-theme="light"] .dep-success__subtitle { color: #2e7d32; }
[data-theme="light"] .dep-success__event-name { color: #111; }
[data-theme="light"] .dep-success__meta { color: #888; }
[data-theme="light"] .dep-success__delivery { background: #f0fdf4; border-color: #bbf7d0; }
[data-theme="light"] .dep-success__delivery-text { color: #555; }
[data-theme="light"] .dep-success__delivery-text strong { color: #111; }
[data-theme="light"] .dep-success__btn { background: transparent; color: #111; border-color: #ddd; }
[data-theme="light"] .dep-success__btn:hover { border-color: #999; }
[data-theme="light"] .dep-success__support { border-color: #eee; }
[data-theme="light"] .dep-success__support p { color: #aaa; }
[data-theme="light"] .dep-success__support a { color: #888; }