/*
 * Discount Pound wordmark
 * The warm ticket panel gives "Pound" a quiet coupon-stub cue without
 * introducing a symbol or competing with the retailer/deal content.
 */
.dp-wordmark {
    display: inline-flex;
    align-items: center;
    gap: .24em;
    color: var(--dp-wordmark-ink, #26384c);
    font: inherit;
    font-weight: 700;
    letter-spacing: -.055em;
    line-height: 1;
    white-space: nowrap;
    vertical-align: middle;
}

.dp-wordmark__discount {
    display: inline-block;
    font-weight: 700;
}

.dp-wordmark__pound {
    position: relative;
    display: inline-block;
    padding: .18em .62em .2em .34em;
    border-radius: .16em;
    background: var(--dp-wordmark-ticket, #f1c15e);
    color: var(--dp-wordmark-ticket-ink, #352806);
    font-size: .88em;
    font-weight: 850;
    letter-spacing: -.045em;
    line-height: .96;
}

.dp-wordmark__pound::after {
    position: absolute;
    top: .13em;
    right: .34em;
    bottom: .13em;
    border-left: 1px dashed currentColor;
    content: "";
    opacity: .48;
}

.dp-wordmark--header {
    --dp-wordmark-ink: #26384c;
    --dp-wordmark-ticket: #f1c15e;
    --dp-wordmark-ticket-ink: #352806;
    font-size: clamp(1.04rem, 4.8vw, 1.25rem);
}

.dp-wordmark--mobile {
    --dp-wordmark-ink: #26384c;
    --dp-wordmark-ticket: #f1c15e;
    --dp-wordmark-ticket-ink: #352806;
    font-size: 1rem;
}

.dp-wordmark--footer {
    --dp-wordmark-ink: #fff;
    --dp-wordmark-ticket: #f1c15e;
    --dp-wordmark-ticket-ink: #352806;
    font-size: clamp(1.12rem, 3vw, 1.28rem);
}

.dp-wordmark--auth {
    --dp-wordmark-ink: #fff;
    --dp-wordmark-ticket: #f1c15e;
    --dp-wordmark-ticket-ink: #352806;
    font-size: clamp(1.55rem, 5vw, 1.9rem);
}

.dp-wordmark--admin,
.dp-wordmark--admin-login {
    --dp-wordmark-ink: #fff;
    --dp-wordmark-ticket: #f1c15e;
    --dp-wordmark-ticket-ink: #352806;
    font-size: 1.12rem;
}

.dp-wordmark--setup {
    --dp-wordmark-ink: #fff;
    --dp-wordmark-ticket: #f1c15e;
    --dp-wordmark-ticket-ink: #352806;
    font-size: 1.38rem;
}

@media (max-width: 380px) {
    .dp-wordmark--header {
        font-size: 1rem;
    }
}