#loginBox {
    background-color: #fefefe;
    backdrop-filter: blur(10px);
    border: 1px solid #eaeaea;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);
}

.membership-card-text {
    color: #1a1a1a !important;

    /* Rich dark text */
    opacity: 1 !important;

    /* Override Bootstrap muted */
}

/* OPTIONAL: keep Basic badge green, Plus badge black */
.save-badge-basic {
    /* inherits base .save-badge styles you already have */
}

.save-badge-plus {
    background: #000;

    /* black badge */
    color: #fff;

    /* white text */
    box-shadow: 0 6px 16px rgba(0,0,0,.35);
}

/* a slightly stronger flash that works on dark badges too */
@keyframes flashPulseStrong {
    0% {
        transform: scale(1);
        filter: brightness(1);
    }

    50% {
        transform: scale(1.08);
        filter: brightness(1.35);
    }

    100% {
        transform: scale(1);
        filter: brightness(1);
    }
}

.flash-on-strong {
    animation: flashPulseStrong .9s ease-in-out 3;
}

/* Force black text in PLUS column only */
.plus-card,


.plus-card * {
    color: #000 !important;
}

/* Small currency symbol, top-left next to price digits */
.pricing_items__price_info .price-currency {
    font-size: 1.25rem;

    /* small £ */
    line-height: 1;
    margin-right: .25rem;
    align-self: flex-start;

    /* keep at top of the price row */
    transform: translateY(-0.25em);
}

/* Billing toggle wrapper */
.billing-toggle {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 32px 0 16px;
}

/* Toggle track (rounded background) */
.toggle-pill {
    display: inline-flex;
    background: #f3f4f6;

    /* light gray track */
    border-radius: 9999px;

    /* full pill */
    padding: 6px;

    /* spacing inside the track */
    box-shadow: inset 0 1px 3px rgba(0,0,0,0.1);
}

/* Buttons inside */
.toggle-pill button {
    border: none;
    background: transparent;
    padding: 12px 28px;

    /* bigger buttons */
    border-radius: 9999px;
    font-weight: 700;
    font-size: 1rem;

    /* slightly larger text */
    cursor: pointer;
    transition: all 0.25s ease;
    color: #374151;

    /* default gray text */
}

/* Active button */
.toggle-pill .active {
    background: #111827;

    /* dark fill */
    color: #fff !important;
    box-shadow: 0 2px 6px rgba(0,0,0,0.15);
}

nav[aria-label="Language selector"] a {
    color: inherit;
}

nav[aria-label="Language selector"] a:hover img {
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(0,0,0,.15);
}

nav[aria-label="Language selector"] img {
    transition: .15s ease;
}