/**
 * HopJump dark — pouze zákaznický web (.hj-customer-dark na body).
 * Admin (body.admin-body) a pokladna tyto styly nenačítají.
 */

html:has(.hj-customer-dark) {
    background: #1b1d27;
    color-scheme: dark;
}

.hj-customer-dark.hj-body,
.hj-customer-dark.bw-body {
    --site-bg: #1b1d27;
    --site-card: #242632;
    --site-card-2: #1f212c;
    --site-line: #3a3d50;
    --site-ink: #ffffff;
    --site-ink-soft: #b9bbcb;
    --site-ink-faint: #8a8da1;
    --site-pink: #ff3cb4;
    --site-pink-soft: #ffd1ec;
    --site-pink-hover: #ff5ec4;
    --site-olive: #3a3b0a;
    --site-olive-line: rgba(223, 230, 0, 0.35);
    --site-lime: #dfe600;
    --site-footer-bg: #3e0428;

    background: var(--site-bg);
    color: var(--site-ink);
    font-weight: 500;
    line-height: 1.55;
}

.hj-customer-dark.hj-theme-classic,
.hj-customer-dark.bw-theme-classic {
    --ink: #ffffff;
    --ink-soft: #b9bbcb;
    --pink: #ff3cb4;
    --pink-deep: #2a0a1e;
    --pink-tint: rgba(255, 60, 180, 0.16);
    --lime: #dfe600;
    --lime-deep: #3a3b0a;
    --teal: #00c2b2;
    --teal-tint: rgba(0, 194, 178, 0.12);
    --bg: #1b1d27;
    --surface: #242632;
    --surface-2: #1f212c;
    --border: #3a3d50;
    --muted: #b9bbcb;
    --muted-2: #8a8da1;
    --success: #3ddc84;
    --success-tint: rgba(61, 220, 132, 0.12);
    --danger: #ff8a8a;
    --warning: #ff9f43;
    --warning-tint: rgba(255, 159, 67, 0.12);
    --sky-blue-dark: #1b1d27;
    --sky-blue-mid: #242632;
    --shadow: 0 12px 30px -12px rgba(0, 0, 0, 0.55);
}

.hj-customer-dark :focus-visible {
    outline: 3px solid var(--site-lime, #dfe600);
    outline-offset: 2px;
}

.hj-customer-dark .hj-text-link,
.hj-customer-dark a.hj-text-link {
    color: var(--site-pink);
    font-weight: 700;
    text-decoration: underline;
    text-underline-offset: 3px;
}

/* Nav */
.hj-customer-dark .hj-nav.hj-nav--site {
    background: var(--site-bg);
    border-bottom-color: var(--site-line);
}

.hj-customer-dark .hj-nav.hj-nav--site .hj-nav__logo {
    color: var(--site-pink-soft);
    font-weight: 800;
    font-size: 24px;
    letter-spacing: -0.03em;
}

.hj-customer-dark .hj-nav.hj-nav--site .hj-nav__logo .dot {
    background: var(--site-pink);
}

.hj-customer-dark .hj-nav.hj-nav--site .hj-nav__links a {
    color: var(--site-ink-soft);
    font-weight: 700;
}

.hj-customer-dark .hj-nav.hj-nav--site .hj-nav__links a:hover,
.hj-customer-dark .hj-nav.hj-nav--site .hj-nav__links a.is-active {
    color: var(--site-pink);
    border-bottom-color: transparent;
}

.hj-customer-dark .hj-nav.hj-nav--site .hj-nav__user .email,
.hj-customer-dark .hj-nav.hj-nav--site .hj-nav__user .links a,
.hj-customer-dark .hj-nav.hj-nav--site .hj-nav__user .links button {
    color: var(--site-ink-soft);
}

.hj-customer-dark .hj-nav.hj-nav--site .hj-nav__user > a.hj-nav__login:first-child {
    color: var(--site-ink-soft);
    border-color: var(--site-line);
    background: transparent;
}

.hj-customer-dark .hj-nav.hj-nav--site .hj-nav__user > a.hj-nav__login:last-child {
    background: var(--site-pink);
    color: var(--pink-deep, #2a0a1e);
}

/* Footer (inner pages) */
.hj-customer-dark .hj-site-footer {
    margin-top: 56px;
    background: var(--site-footer-bg);
    color: #fff;
}

.hj-customer-dark .hj-site-footer__logo {
    color: var(--site-pink-soft);
}

.hj-customer-dark .hj-site-footer__logo .dot {
    background: var(--site-pink);
}

.hj-customer-dark .hj-site-footer__col h5 {
    color: var(--site-pink-soft);
}

.hj-customer-dark .hj-site-footer__col p,
.hj-customer-dark .hj-site-footer__col a {
    color: #d9b9cc;
}

.hj-customer-dark .hj-site-footer__col a:hover {
    color: #fff;
}

.hj-customer-dark .hj-footer {
    background: var(--site-bg);
    border-top: 1px solid var(--site-line);
}

/* Flashes */
.hj-customer-dark .hj-flash--error {
    background: rgba(255, 90, 90, 0.15);
    color: #ffb4b4;
    border: 1px solid rgba(255, 90, 90, 0.35);
}

.hj-customer-dark .hj-flash--success {
    background: rgba(61, 220, 132, 0.12);
    color: #9ef0c0;
    border: 1px solid rgba(61, 220, 132, 0.35);
}

/* Generic site form fields */
.hj-customer-dark .hj-site-form-card,
.hj-customer-dark .hj-site-main .hj-site-form-card {
    background: var(--site-card);
    border: 1px solid var(--site-line);
    border-radius: 24px;
}

.hj-customer-dark .hj-site-form-card__title {
    color: var(--site-pink-soft);
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: -0.01em;
}

.hj-customer-dark .hj-site-form-card__sub,
.hj-customer-dark .hj-site-form-card__intro {
    color: var(--site-ink-soft);
}

.hj-customer-dark .field-label,
.hj-customer-dark .hj-field label {
    color: var(--site-ink);
    font-weight: 700;
    font-size: 14px;
}

.hj-customer-dark .hj-site-form-card input[type='text'],
.hj-customer-dark .hj-site-form-card input[type='email'],
.hj-customer-dark .hj-site-form-card input[type='password'],
.hj-customer-dark .hj-site-form-card input[type='number'],
.hj-customer-dark .hj-site-form-card select,
.hj-customer-dark .hj-site-form-card textarea,
.hj-customer-dark .hj-field input,
.hj-customer-dark .hj-field select,
.hj-customer-dark .hj-field textarea {
    background: var(--site-bg);
    border: 1.5px solid var(--site-line);
    color: var(--site-ink);
    border-radius: 14px;
}

.hj-customer-dark .hj-site-form-card input::placeholder,
.hj-customer-dark .hj-field input::placeholder {
    color: #8a8da1;
}

.hj-customer-dark .hj-check,
.hj-customer-dark .hj-group-legal,
.hj-customer-dark label.hj-check {
    color: var(--site-ink-soft);
    font-size: 14px;
}

.hj-customer-dark .hj-check input {
    accent-color: var(--site-pink);
}

.hj-customer-dark .hj-site-step-head h2 {
    color: var(--site-pink-soft);
    text-transform: uppercase;
    font-weight: 800;
}

.hj-customer-dark .hj-site-step-num {
    background: #ff8fd0;
    color: var(--pink-deep, #2a0a1e);
}

.hj-customer-dark .hj-site-banner {
    background: var(--site-olive);
    color: var(--site-lime);
    border-radius: 14px;
}

@media (min-width: 900px) {
    .hj-customer-dark .hj-nav.hj-nav--site {
        min-height: 76px;
    }
}

/* Shared buttons (hub, voucher, …) */
.hj-customer-dark .hj-hub-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 0 18px;
    border: 0;
    border-radius: 999px;
    font-family: 'Montserrat', system-ui, sans-serif;
    font-weight: 800;
    font-size: 14px;
    text-decoration: none;
    cursor: pointer;
}

.hj-customer-dark .hj-hub-btn--primary {
    background: var(--pink-deep, #2a0a1e);
    color: #fff;
}

.hj-customer-dark .hj-hub-btn--alt {
    background: #fff;
    color: var(--pink-deep, #2a0a1e);
}

.hj-customer-dark a.hj-hub-btn--primary {
    background: var(--site-pink);
    color: var(--pink-deep, #2a0a1e);
}