/* Dutch Drift League combineer-deal upsell (scope #717). */

.wwr-ddl-combideal-upsell {
    margin-top: 1.5rem;
    padding: 1.25rem 1.5rem;
    border: 1px solid #e6e6e6;
    border-radius: 10px;
    background: #fff;
}

.wwr-ddl-combideal-upsell__title {
    margin: 0 0 .25rem;
    font-size: 1.05rem;
    font-weight: 700;
    line-height: 1.25;
    text-transform: none;
}

.wwr-ddl-combideal-upsell__intro {
    margin: 0 0 1rem;
    color: #555;
    font-size: .9rem;
}

.wwr-ddl-combideal-upsell__tiles {
    display: flex;
    flex-direction: column;
    gap: .75rem;
}

.wwr-ddl-combideal-upsell__tile {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: .85rem 1rem;
    border: 1px solid #ececec;
    border-radius: 8px;
    background: #fafafa;
    transition: border-color .15s ease, box-shadow .15s ease;
}

.wwr-ddl-combideal-upsell__tile:hover {
    border-color: #FE0001;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .06);
}

.wwr-ddl-combideal-upsell__tile-info {
    display: flex;
    flex-direction: column;
    gap: .15rem;
}

.wwr-ddl-combideal-upsell__tile-title {
    font-weight: 700;
    font-size: .95rem;
}

.wwr-ddl-combideal-upsell__tile-meta {
    color: #777;
    font-size: .82rem;
}

.wwr-ddl-combideal-upsell__price {
    display: inline-flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: .4rem;
    margin-top: .35rem;
}

.wwr-ddl-combideal-upsell__price-original {
    color: #999;
    text-decoration: line-through;
    font-size: .85rem;
}

.wwr-ddl-combideal-upsell__price-discounted {
    color: #FE0001;
    font-weight: 700;
    font-size: 1rem;
}

.wwr-ddl-combideal-upsell__price-badge {
    background: #FE0001;
    color: #fff;
    font-size: .7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .02em;
    padding: .12rem .4rem;
    border-radius: 4px;
}

.wwr-ddl-combideal-upsell .wwr-ddl-combideal-upsell__add,
.wwr-ddl-combideal-upsell .wwr-ddl-combideal-upsell__add:link,
.wwr-ddl-combideal-upsell .wwr-ddl-combideal-upsell__add:visited {
    flex: 0 0 auto;
    display: inline-block;
    padding: .6rem 1.1rem;
    background: #16223e;
    color: #fff;
    font-weight: 700;
    font-size: .85rem;
    text-decoration: none;
    border-radius: 6px;
    white-space: nowrap;
    transition: background .15s ease;
}

.wwr-ddl-combideal-upsell .wwr-ddl-combideal-upsell__add:hover,
.wwr-ddl-combideal-upsell .wwr-ddl-combideal-upsell__add:focus,
.wwr-ddl-combideal-upsell .wwr-ddl-combideal-upsell__add:active {
    background: #FE0001;
    color: #fff;
}

@media (max-width: 480px) {
    .wwr-ddl-combideal-upsell__tile {
        flex-direction: column;
        align-items: stretch;
    }

    .wwr-ddl-combideal-upsell__add {
        text-align: center;
    }
}

/* De journey-cart is sticky vanaf 1024px (top:116px). Met meerdere events plus
   de combineer-deal wordt hij hoger dan het scherm, waardoor de upsell onderaan
   buiten beeld valt zonder dat je erbij kunt. Geef hem een eigen scroll. */
@media only screen and (min-width: 1024px) {
    .wwr-journey__cart-wrapper .wwr-journey__cart {
        max-height: calc(100vh - 116px - 1.5rem);
        overflow-y: auto;
    }
}

/* Kortingsregel in de mini-cart-widget (sidebar). */
.wwr-ddl-combideal-minicart-discount {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 1rem;
    margin: .25rem 0 0;
    color: #FE0001;
    font-weight: 700;
    font-size: .9rem;
}

/* Promo-modal: de combineer-deal als pop-up ná het toevoegen van een event. */
.wwr-ddl-combideal-modal__intro {
    margin: 0 0 1rem;
    color: #555;
    font-size: .95rem;
}

.wwr-ddl-combideal-modal .wwr-ddl-combideal-upsell {
    margin-top: 0;
    border: 0;
    padding: 0;
}

.wwr-ddl-combideal-modal .wwr-ddl-combideal-upsell__title {
    display: none;
}