/*
 * "Continue your last search" (home/continue-search.blade.php).
 *
 * Absolutely positioned in the band under the hero search card
 * (.hz-hero__content padding-bottom: 96px desktop, 92px tablet, 80px phone),
 * so showing it after load moves nothing: no layout shift, and the hero
 * image and headline stay where they are. No z-index, so an open filter
 * chip panel (z-index 30) still covers it.
 */
.hzcs {
    position: absolute;
    right: 0;
    bottom: 26px;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 0 16px;
    pointer-events: none;
}

.hzcs[hidden] {
    display: none;
}

.hzcs__link,
.hzcs__dismiss {
    pointer-events: auto;
}

.hzcs__link {
    display: inline-flex;
    align-items: baseline;
    min-width: 0;
    max-width: min(100%, 640px);
    padding: 8px 16px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.95);
    box-shadow: 0 2px 10px rgba(8, 12, 20, 0.18);
    color: #111111;
    font-size: 14px;
    line-height: 20px;
    text-decoration: none;
    white-space: nowrap;
}

.hzcs__link:hover .hzcs__label,
.hzcs__link:focus-visible .hzcs__label {
    text-decoration: underline;
}

.hzcs__link:focus-visible,
.hzcs__dismiss:focus-visible {
    outline: 2px solid #ffffff;
    outline-offset: 2px;
}

.hzcs__prefix {
    flex: none;
    color: #4b5563;
}

.hzcs__label {
    min-width: 0;
    overflow: hidden;
    margin-inline-start: 4px;
    font-weight: 600;
    text-overflow: ellipsis;
}

.hzcs__dismiss {
    flex: none;
    width: 32px;
    height: 32px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.95);
    box-shadow: 0 2px 10px rgba(8, 12, 20, 0.18);
    color: #111111;
    font-size: 20px;
    line-height: 32px;
    cursor: pointer;
}

/* Phones: up to two lines, so the place survives; still inside the 80px band. */
@media (max-width: 640px) {
    .hzcs {
        bottom: 12px;
        padding: 0 12px;
    }

    .hzcs__link {
        display: -webkit-box;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        padding: 6px 14px;
        border-radius: 18px;
        font-size: 13px;
        line-height: 18px;
        text-align: start;
        white-space: normal;
    }

    .hzcs__label {
        margin-inline-start: 0;
    }
}