/* Baggage funnel (A/B test variant) — pairs with baggage-funnel-test.js.
   Meant to be inserted (link+script) at the end of any Claim step page.
   English only: every rule is scoped to html[lang="en"] / html[lang="en-us"]. */

/* baggage-expired: two-column text + button box replacing .fields__box */
html:is([lang="en"], [lang="en-us"]) .ab-expired-box {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 20px;
    background-color: unset;
    padding: 18px 16px;
}

html:is([lang="en"], [lang="en-us"]) .ab-expired-box__text {
    flex: 1 1 auto;
    min-width: 0;
    font-weight: 400;
    font-size: 18px;
    line-height: 150%;
    letter-spacing: 0%;
    vertical-align: middle;
    color: #172F6F;
}

html:is([lang="en"], [lang="en-us"]) .ab-expired-box__text p:last-child {
    margin-bottom: 0;
}

html:is([lang="en"], [lang="en-us"]) .ab-expired-box__action {
    flex: 0 0 270px;
}

html:is([lang="en"], [lang="en-us"]) .ab-expired-box__action .secondary-btn {
    white-space: nowrap;
}

@media (max-width: 575px) {
    html:is([lang="en"], [lang="en-us"]) .ab-expired-box {
        flex-direction: column;
        align-items: stretch;
    }

    html:is([lang="en"], [lang="en-us"]) .ab-expired-box__action .secondary-btn {
        white-space: normal;
    }
}