@import url("/_content/OqtaneLibrary.Components/wallet-balance.css");

/* Wallet – layout og bakgrunn som MatchMate (hero + innholdsdel med SiteSettings-tema) */

.wlh-module {
    --wlh-gutter: 0.5rem;
    --wlh-landing-bg: #e4e7eb;
    --wlh-panel-bg: #eceff1;
    --wlh-panel-border: #cfd3d8;
    --wlh-card-bg: #ffffff;
    --wlh-accent: #673ab7;
    --wlh-accent-deep: #311b92;
    --wlh-border: #dadce0;
    --wlh-text: #1e293b;
    --wlh-text-muted: #475569;

    box-sizing: border-box;
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    padding: 0 0 3rem;
    min-height: 1px;
    overflow-x: clip;
    background: transparent;
    color: var(--wlh-text);
    font-family: "Google Sans", Roboto, Arial, sans-serif;
    text-align: left;
}

.wlh-module.wlh-module--landing {
    --wlh-landing-inset: 0.5rem;
    --ks-accent: var(--tts-accent, #673ab7);
    --ks-accent-deep: var(--tts-accent-deep, #311b92);
    --ks-border: #dadce0;
    --ks-panel-border: var(--wlh-panel-border);
    --ks-card-bg: var(--wlh-card-bg);
    --ks-text: #202124;
    --ks-text-muted: #5f6368;
    position: relative;
    display: flex;
    flex-direction: column;
    gap: var(--wlh-landing-inset);
    background: var(--wlh-landing-bg);
    border-radius: 0.85rem;
    overflow: visible;
    margin-top: 0.25rem;
    padding: var(--wlh-landing-inset) 1rem 2rem;
    box-sizing: border-box;
}

.wlh-module.wlh-module--landing.tts-module {
    --wlh-accent: var(--tts-accent, #673ab7);
    --wlh-accent-deep: var(--tts-accent-deep, #311b92);
}

.wlh-module .ks-module-top-bar {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.75rem;
    flex-wrap: nowrap;
    width: 100%;
    margin-bottom: 0;
    box-sizing: border-box;
    --ks-top-bar-gutter: var(--space-md, 12px);
    margin-left: calc(-1 * var(--ks-top-bar-gutter));
    margin-right: calc(-1 * var(--ks-top-bar-gutter));
    width: calc(100% + 2 * var(--ks-top-bar-gutter));
    padding-left: max(env(safe-area-inset-left, 0px), 0.65rem);
    padding-right: calc(var(--ks-top-bar-gutter) + env(safe-area-inset-right, 0px));
}

.wlh-module--landing .ks-module-top-bar {
    --ks-top-bar-gutter: var(--wlh-landing-inset, 0.5rem);
}

.wlh-module .ks-module-top-bar__end {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex: 0 0 auto;
    margin-left: auto;
    width: 100%;
}

.wlh-module .ks-module-top-bar__end .ks-balance-bar--embedded {
    justify-content: flex-end;
}

@media (min-width: 768px) {
    .wlh-module {
        width: 100%;
        max-width: 100%;
        margin-left: 0;
        margin-right: 0;
        padding-inline: 1.25rem;
        --wlh-gutter: 0.75rem;
    }

    .wlh-module.wlh-module--landing {
        margin-top: 0.25rem;
        padding: var(--wlh-landing-inset) 1.25rem 2rem;
        border-radius: 0.85rem;
        overflow: visible;
    }
}

@media (prefers-color-scheme: dark) {
    .wlh-module {
        --wlh-landing-bg: #1a2332;
        --wlh-panel-bg: #1e293b;
        --wlh-panel-border: #334155;
        --wlh-card-bg: #1e293b;
        --wlh-border: #334155;
        --wlh-text: #e2e8f0;
        --wlh-text-muted: #cbd5e1;
    }
}

[data-theme="dark"] .wlh-module,
.theme-dark .wlh-module,
.oqtane-dark .wlh-module {
    --wlh-landing-bg: #1a2332;
    --wlh-panel-bg: #1e293b;
    --wlh-panel-border: #334155;
    --wlh-card-bg: #1e293b;
    --wlh-border: #334155;
    --wlh-text: #e2e8f0;
    --wlh-text-muted: #cbd5e1;
}

.wlh-home {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    width: 100%;
}

/* Hero-del (matchmate-page-part--hero) */
.wlh-module--landing .wlh-hero {
    position: sticky;
    top: 5rem;
    z-index: 20;
    flex-shrink: 0;
    overflow: hidden;
    border-radius: 0.85rem;
    margin-bottom: 0;
    min-height: 140px;
    display: flex;
    align-items: flex-end;
    background: transparent;
    color: #fff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

.wlh-hero__media {
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(135deg, rgba(13, 148, 136, 0.25) 0%, rgba(15, 118, 110, 0.72) 100%),
        linear-gradient(145deg, #0d9488 0%, #0f766e 35%, #115e59 60%, #14532d 100%);
}

.wlh-hero__media::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        radial-gradient(circle at 15% 85%, rgba(153, 246, 228, 0.22) 0%, transparent 45%),
        radial-gradient(circle at 85% 15%, rgba(45, 212, 191, 0.18) 0%, transparent 40%);
}

.wlh-hero__overlay {
    position: relative;
    z-index: 1;
    width: 100%;
    padding-block: 1.25rem;
    padding-inline: max(var(--wlh-gutter), env(safe-area-inset-left, 0px)) max(var(--wlh-gutter), env(safe-area-inset-right, 0px));
    background: linear-gradient(to top, rgba(0, 0, 0, 0.82) 0%, rgba(0, 0, 0, 0.25) 70%, transparent 100%);
    color: #fff;
}

.wlh-hero__badge {
    display: inline-flex;
    align-items: center;
    padding: 0.35rem 0.8rem;
    border-radius: 999px;
    font-size: clamp(0.95rem, 2vw, 1.2rem);
    font-weight: 700;
    line-height: 1.25;
    border: 1px solid rgba(255, 255, 255, 0.28);
    background: rgba(255, 255, 255, 0.14);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    white-space: nowrap;
}

.wlh-hero__badge--title {
    display: block;
    max-width: min(100%, 520px);
    margin-bottom: 0.4rem;
}

.wlh-hero__sub {
    margin: 0;
    font-size: 0.95rem;
    line-height: 1.45;
    color: rgba(255, 255, 255, 0.92);
    max-width: 42rem;
}

/* Innholdsdel (matchmate-page-part--body) */
.wlh-module--landing .wlh-home__panel {
    position: relative;
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    border-radius: 0.85rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
    background: transparent;
    border: none;
    padding-block: 0.25rem 0.5rem;
    padding-inline: max(var(--wlh-gutter), env(safe-area-inset-left, 0px)) max(var(--wlh-gutter), env(safe-area-inset-right, 0px));
    box-sizing: border-box;
    overflow-x: clip;
    display: flex;
    flex-direction: column;
}

.wlh-module--landing .wlh-home__panel::before,
.wlh-module--landing .wlh-home__panel::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 0;
    border-radius: inherit;
}

.wlh-module--landing .wlh-home__panel::before {
    background:
        linear-gradient(135deg, rgba(13, 148, 136, 0.25) 0%, rgba(15, 118, 110, 0.72) 100%),
        linear-gradient(145deg, #0d9488 0%, #0f766e 35%, #115e59 60%, #14532d 100%);
}

.wlh-module--landing .wlh-home__panel::after {
    background:
        radial-gradient(circle at 15% 85%, rgba(153, 246, 228, 0.22) 0%, transparent 45%),
        radial-gradient(circle at 85% 15%, rgba(45, 212, 191, 0.18) 0%, transparent 40%);
}

.wlh-module--landing .wlh-home__panel > * {
    position: relative;
    z-index: 1;
}

.wlh-module--landing .wlh-home__panel > .wlh-tabs,
.wlh-module--landing .wlh-home__panel > .wlh-host-toolbar,
.wlh-module--landing .wlh-home__panel > .wlh-topup-panel,
.wlh-module--landing .wlh-home__panel > .wlh-host-balance-panel,
.wlh-module--landing .wlh-home__panel > .wlh-table-wrap {
    background: var(--wlh-panel-bg);
    border: 1px solid var(--wlh-panel-border);
    padding-inline: 1.25rem;
    box-sizing: border-box;
    min-width: 0;
}

.wlh-module--landing .wlh-home__panel > .wlh-tabs {
    border-radius: 0.75rem 0.75rem 0 0;
    padding-top: 1rem;
    padding-bottom: 0.75rem;
    margin-bottom: 0;
    border-bottom: none;
}

.wlh-module--landing .wlh-home__panel > .wlh-host-toolbar {
    border-radius: 0;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    margin-top: -1px;
    border-bottom: 1px solid var(--wlh-panel-border);
}

.wlh-module--landing .wlh-home__panel > .wlh-topup-panel,
.wlh-module--landing .wlh-home__panel > .wlh-host-balance-panel,
.wlh-module--landing .wlh-home__panel > .wlh-table-wrap {
    border-radius: 0 0 0.75rem 0.75rem;
    padding-top: 0.75rem;
    padding-bottom: 1.25rem;
    margin-top: -1px;
    flex: 1 1 auto;
}

.wlh-host-toolbar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1rem 1.5rem;
}

.wlh-host-switch {
    display: inline-flex;
    align-items: center;
    gap: 0.6rem;
    margin: 0;
    cursor: pointer;
    user-select: none;
}

.wlh-host-switch__input {
    width: 2.75rem;
    height: 1.5rem;
    margin: 0;
    accent-color: var(--wlh-accent, #673ab7);
    cursor: pointer;
}

.wlh-host-switch__label {
    font-size: 0.95rem;
    font-weight: 500;
    color: var(--wlh-text);
}

.wlh-host-filter {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem 0.75rem;
    min-width: min(100%, 20rem);
}

.wlh-host-filter__label {
    margin: 0;
    font-size: 0.9rem;
    color: var(--wlh-text-muted);
}

.wlh-host-filter__select {
    min-width: 12rem;
    max-width: 100%;
}

.wlh-host-balance-panel {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.wlh-host-balance-intro {
    margin: 0;
    color: var(--wlh-text-muted);
    font-size: 0.95rem;
}

.wlh-table-wrap--nested {
    padding: 0;
    margin: 0;
    border: none;
    background: transparent;
}

.wlh-tabs {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
    margin-bottom: 0;
}

.wlh-tab {
    flex: 1 1 auto;
    min-width: 5rem;
    padding: 0.5rem 0.75rem;
    border-radius: 0.375rem;
    cursor: pointer;
    font-weight: 600;
}

.wlh-topup-intro {
    margin-bottom: 0.75rem;
    color: var(--wlh-text);
}

.wlh-topup-amounts {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.wlh-topup-amount {
    padding: 0.5rem 1rem;
    border: 1px solid var(--wlh-accent);
    border-radius: 0.375rem;
    background: var(--wlh-card-bg);
    color: var(--wlh-accent-deep);
    cursor: pointer;
    font-weight: 600;
}

.wlh-topup-amount:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

.wlh-topup-custom__label {
    display: block;
    font-size: 0.9rem;
    font-weight: 600;
    margin-bottom: 0.25rem;
    color: var(--wlh-text);
}

.wlh-topup-custom__row {
    display: flex;
    gap: 0.5rem;
    align-items: center;
    flex-wrap: wrap;
}

.wlh-topup-custom__input {
    width: 8rem;
    padding: 0.45rem 0.6rem;
    border: 1px solid var(--wlh-border);
    border-radius: 0.375rem;
    background: var(--wlh-card-bg);
    color: var(--wlh-text);
}

.wlh-topup-custom__hint {
    font-size: 0.85rem;
    color: var(--wlh-text-muted);
    margin-top: 0.35rem;
}

.wlh-table-wrap {
    overflow-x: auto;
}

.wlh-table {
    width: 100%;
    border-collapse: collapse;
    color: var(--wlh-text);
}

.wlh-table th,
.wlh-table td {
    padding: 0.5rem 0.75rem;
    border-bottom: 1px solid var(--wlh-border);
    text-align: left;
}

.wlh-table th {
    font-weight: 600;
    background: var(--wlh-card-bg);
    color: var(--wlh-text);
}

/* SiteSettings hero- og innholdstema (samme paletter som MatchMate) */
.wlh-hero__media.tts-hero__theme--purple,
.wlh-home:has(.wlh-hero__media.tts-hero__theme--purple) .wlh-home__panel::before {
    background:
        linear-gradient(135deg, rgba(69, 39, 160, 0.25) 0%, rgba(49, 27, 146, 0.72) 100%),
        linear-gradient(145deg, #311b92 0%, #4527a0 35%, #673ab7 60%, #512da8 100%);
}

.wlh-hero__media.tts-hero__theme--purple::after,
.wlh-home:has(.wlh-hero__media.tts-hero__theme--purple) .wlh-home__panel::after {
    background:
        radial-gradient(circle at 15% 85%, rgba(179, 157, 219, 0.28) 0%, transparent 45%),
        radial-gradient(circle at 85% 15%, rgba(126, 87, 194, 0.22) 0%, transparent 40%);
}

.wlh-hero__media.tts-hero__theme--blue,
.wlh-home:has(.wlh-hero__media.tts-hero__theme--blue) .wlh-home__panel::before {
    background:
        linear-gradient(135deg, rgba(13, 71, 161, 0.25) 0%, rgba(21, 101, 192, 0.72) 100%),
        linear-gradient(145deg, #0d47a1 0%, #1565c0 35%, #1976d2 60%, #1e88e5 100%);
}

.wlh-hero__media.tts-hero__theme--blue::after,
.wlh-home:has(.wlh-hero__media.tts-hero__theme--blue) .wlh-home__panel::after {
    background:
        radial-gradient(circle at 15% 85%, rgba(144, 202, 249, 0.28) 0%, transparent 45%),
        radial-gradient(circle at 85% 15%, rgba(100, 181, 246, 0.22) 0%, transparent 40%);
}

.wlh-hero__media.tts-hero__theme--teal,
.wlh-home:has(.wlh-hero__media.tts-hero__theme--teal) .wlh-home__panel::before {
    background:
        linear-gradient(135deg, rgba(0, 77, 64, 0.25) 0%, rgba(0, 105, 92, 0.72) 100%),
        linear-gradient(145deg, #004d40 0%, #00695c 35%, #00897b 60%, #26a69a 100%);
}

.wlh-hero__media.tts-hero__theme--teal::after,
.wlh-home:has(.wlh-hero__media.tts-hero__theme--teal) .wlh-home__panel::after {
    background:
        radial-gradient(circle at 15% 85%, rgba(128, 203, 196, 0.28) 0%, transparent 45%),
        radial-gradient(circle at 85% 15%, rgba(77, 182, 172, 0.22) 0%, transparent 40%);
}

.wlh-hero__media.tts-hero__theme--green,
.wlh-home:has(.wlh-hero__media.tts-hero__theme--green) .wlh-home__panel::before {
    background:
        linear-gradient(135deg, rgba(27, 94, 32, 0.25) 0%, rgba(46, 125, 50, 0.72) 100%),
        linear-gradient(145deg, #1b5e20 0%, #2e7d32 35%, #388e3c 60%, #43a047 100%);
}

.wlh-hero__media.tts-hero__theme--green::after,
.wlh-home:has(.wlh-hero__media.tts-hero__theme--green) .wlh-home__panel::after {
    background:
        radial-gradient(circle at 15% 85%, rgba(165, 214, 167, 0.28) 0%, transparent 45%),
        radial-gradient(circle at 85% 15%, rgba(129, 199, 132, 0.22) 0%, transparent 40%);
}

.wlh-hero__media.tts-hero__theme--rose,
.wlh-home:has(.wlh-hero__media.tts-hero__theme--rose) .wlh-home__panel::before {
    background:
        linear-gradient(135deg, rgba(136, 14, 79, 0.25) 0%, rgba(173, 20, 87, 0.72) 100%),
        linear-gradient(145deg, #880e4f 0%, #ad1457 35%, #c2185b 60%, #d81b60 100%);
}

.wlh-hero__media.tts-hero__theme--rose::after,
.wlh-home:has(.wlh-hero__media.tts-hero__theme--rose) .wlh-home__panel::after {
    background:
        radial-gradient(circle at 15% 85%, rgba(244, 143, 177, 0.28) 0%, transparent 45%),
        radial-gradient(circle at 85% 15%, rgba(236, 64, 122, 0.22) 0%, transparent 40%);
}

.wlh-hero__media.tts-hero__theme--slate,
.wlh-home:has(.wlh-hero__media.tts-hero__theme--slate) .wlh-home__panel::before {
    background:
        linear-gradient(135deg, rgba(38, 50, 56, 0.25) 0%, rgba(55, 71, 79, 0.72) 100%),
        linear-gradient(145deg, #263238 0%, #37474f 35%, #455a64 60%, #546e7a 100%);
}

.wlh-hero__media.tts-hero__theme--slate::after,
.wlh-home:has(.wlh-hero__media.tts-hero__theme--slate) .wlh-home__panel::after {
    background:
        radial-gradient(circle at 15% 85%, rgba(176, 190, 197, 0.28) 0%, transparent 45%),
        radial-gradient(circle at 85% 15%, rgba(144, 164, 174, 0.22) 0%, transparent 40%);
}

.wlh-hero__media.tts-hero__theme--lightblue,
.wlh-home:has(.wlh-hero__media.tts-hero__theme--lightblue) .wlh-home__panel::before {
    background:
        linear-gradient(135deg, rgba(227, 242, 253, 0.95) 0%, rgba(144, 202, 249, 0.88) 100%),
        linear-gradient(145deg, #e3f2fd 0%, #bbdefb 35%, #90caf9 60%, #64b5f6 100%);
}

.wlh-hero__media.tts-hero__theme--lightblue::after,
.wlh-home:has(.wlh-hero__media.tts-hero__theme--lightblue) .wlh-home__panel::after {
    background:
        radial-gradient(circle at 15% 85%, rgba(255, 255, 255, 0.55) 0%, transparent 45%),
        radial-gradient(circle at 85% 15%, rgba(25, 118, 210, 0.12) 0%, transparent 40%);
}

.wlh-hero__media.tts-hero__theme--lightgray,
.wlh-home:has(.wlh-hero__media.tts-hero__theme--lightgray) .wlh-home__panel::before {
    background:
        linear-gradient(135deg, rgba(250, 250, 250, 0.98) 0%, rgba(207, 216, 220, 0.88) 100%),
        linear-gradient(145deg, #fafafa 0%, #eceff1 35%, #cfd8dc 60%, #b0bec5 100%);
}

.wlh-hero__media.tts-hero__theme--lightgray::after,
.wlh-home:has(.wlh-hero__media.tts-hero__theme--lightgray) .wlh-home__panel::after {
    background:
        radial-gradient(circle at 15% 85%, rgba(255, 255, 255, 0.65) 0%, transparent 45%),
        radial-gradient(circle at 85% 15%, rgba(96, 125, 139, 0.1) 0%, transparent 40%);
}

.wlh-hero__media.tts-hero__theme--lightgreen,
.wlh-home:has(.wlh-hero__media.tts-hero__theme--lightgreen) .wlh-home__panel::before {
    background:
        linear-gradient(135deg, rgba(232, 245, 233, 0.95) 0%, rgba(165, 214, 167, 0.88) 100%),
        linear-gradient(145deg, #e8f5e9 0%, #c8e6c9 35%, #a5d6a7 60%, #81c784 100%);
}

.wlh-hero__media.tts-hero__theme--lightgreen::after,
.wlh-home:has(.wlh-hero__media.tts-hero__theme--lightgreen) .wlh-home__panel::after {
    background:
        radial-gradient(circle at 15% 85%, rgba(255, 255, 255, 0.55) 0%, transparent 45%),
        radial-gradient(circle at 85% 15%, rgba(56, 142, 60, 0.1) 0%, transparent 40%);
}

.wlh-hero__media.tts-hero__theme--lightlavender,
.wlh-home:has(.wlh-hero__media.tts-hero__theme--lightlavender) .wlh-home__panel::before {
    background:
        linear-gradient(135deg, rgba(243, 229, 245, 0.95) 0%, rgba(206, 147, 216, 0.85) 100%),
        linear-gradient(145deg, #f3e5f5 0%, #e1bee7 35%, #ce93d8 60%, #ba68c8 100%);
}

.wlh-hero__media.tts-hero__theme--lightlavender::after,
.wlh-home:has(.wlh-hero__media.tts-hero__theme--lightlavender) .wlh-home__panel::after {
    background:
        radial-gradient(circle at 15% 85%, rgba(255, 255, 255, 0.55) 0%, transparent 45%),
        radial-gradient(circle at 85% 15%, rgba(106, 27, 154, 0.1) 0%, transparent 40%);
}

/* Lys hero-tema: mørk tekst og lys overlay (som MatchMate) */
.wlh-hero:has(.tts-hero__theme--lightblue, .tts-hero__theme--lightgray, .tts-hero__theme--lightgreen, .tts-hero__theme--lightlavender) {
    color: #202124;
}

.wlh-hero:has(.tts-hero__theme--lightblue, .tts-hero__theme--lightgray, .tts-hero__theme--lightgreen, .tts-hero__theme--lightlavender) .wlh-hero__overlay {
    background: linear-gradient(to top, rgba(255, 255, 255, 0.92) 0%, rgba(255, 255, 255, 0.45) 70%, transparent 100%);
    color: #202124;
}

.wlh-hero:has(.tts-hero__theme--lightblue, .tts-hero__theme--lightgray, .tts-hero__theme--lightgreen, .tts-hero__theme--lightlavender) .wlh-hero__badge {
    color: #202124;
    background: rgba(255, 255, 255, 0.72);
    border-color: rgba(32, 33, 36, 0.15);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.65);
}

.wlh-hero:has(.tts-hero__theme--lightblue, .tts-hero__theme--lightgray, .tts-hero__theme--lightgreen, .tts-hero__theme--lightlavender) .wlh-hero__sub {
    color: rgba(32, 33, 36, 0.88);
}

@media (max-width: 576px) {
    .wlh-module.wlh-module--landing {
        --wlh-landing-inset: 0.35rem;
        margin-top: 0.15rem;
        padding: var(--wlh-landing-inset) 0.75rem 1.25rem;
        gap: 0.4rem;
    }

    .wlh-module--landing .wlh-hero,
    .wlh-module--landing .wlh-home__panel {
        border-radius: 0.5rem;
    }

    .wlh-module--landing .wlh-hero {
        top: 4.25rem;
    }

    .wlh-hero__overlay {
        padding-block: 1rem;
        padding-inline: max(var(--wlh-gutter), env(safe-area-inset-left, 0px)) max(var(--wlh-gutter), env(safe-area-inset-right, 0px));
    }

    .wlh-module--landing .wlh-home__panel > .wlh-tabs,
    .wlh-module--landing .wlh-home__panel > .wlh-topup-panel,
    .wlh-module--landing .wlh-home__panel > .wlh-table-wrap {
        padding-inline: 1rem;
    }

}

@media (min-width: 768px) {
    .wlh-module--landing .wlh-home__panel {
        border-radius: 0.75rem;
        padding-block: 0.75rem 1rem;
    }
}

.wlh-charge-actions {
    white-space: nowrap;
}

.wlh-charge-refunded {
    color: var(--wlh-text-muted);
    font-size: 0.875rem;
}

.wlh-refund-btn {
    min-width: 5.5rem;
}