/* Fast turnaround: category/search tile strip, "Fast turnaround only" filter, product page status line
   and the quote page stock notice. Kept outside the theme folders so it ships with a normal LaunchPad3 publish. */

/* Tile strip under the product name, in the same translucent style as the name band. */
.fast-turnaround-strip {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 4px;
    z-index: 2;
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 4px 6px 4px 16px; /* text lines up with the product name */
    background: rgba(255, 255, 255, 0.65);
    color: #222;
    font-size: 13.5px;
    font-weight: 600;
    line-height: 1.2;
    white-space: nowrap;
    overflow: hidden;
    pointer-events: none;
    transition: opacity 0.2s ease-out;
}

.fast-turnaround-strip svg {
    flex: none;
    width: 1em;
    height: 1em;
    fill: #1d6b40;
}

.fast-turnaround-strip span {
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Phones: two tiles per row, so the wording is smaller to stay on one line
   (Rob approved going below the 10pt minimum here, 11 November 2026). */
@media (max-width: 40rem) {
    .fast-turnaround-strip {
        bottom: 3px;
        gap: 3px;
        padding: 3px 4px 3px 8px;
        font-size: clamp(9px, 2.5vw, 13.5px); /* 9.4px on a 375px phone; full size from about 540px */
    }
}

/* Tablet widths: three tiles per row. */
@media (min-width: 40.0625rem) and (max-width: 64rem) {
    .fast-turnaround-strip {
        padding-left: 10px;
        font-size: clamp(10.5px, calc(2.1vw - 2px), 13.5px);
    }
}

/* "Fast turnaround only" filter above the products. */
.fast-turnaround-filter {
    display: flex;
    justify-content: center;
    margin: 0.5rem 0 1rem;
}

.fast-turnaround-filter label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 40px;
    margin: 0;
    padding: 6px 16px 6px 12px;
    border: 1.5px solid #222;
    border-radius: 9999px;
    background: #fff;
    color: #222;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
}

.fast-turnaround-filter label.on {
    background: #e8f4ed;
    border-color: #1d6b40;
}

.fast-turnaround-filter label:focus-within {
    outline: 2px solid #1d6b40;
    outline-offset: 2px;
}

.fast-turnaround-filter input {
    width: 18px;
    height: 18px;
    margin: 0;
    accent-color: #1d6b40;
}

.fast-turnaround-filter svg {
    width: 14px;
    height: 14px;
    fill: #1d6b40;
}

/* Product page status line under the code and brand. */
.turnaround-status {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px 8px;
    width: 100%;
    clear: both;
    margin: 0.6rem 0 0.1rem;
    color: #222;
    font-size: 15px;
    line-height: 1.35;
}

.turnaround-status svg {
    flex: none;
    width: 17px;
    height: 17px;
}

.turnaround-status strong {
    font-weight: 600;
}

.turnaround-status.fast svg {
    fill: #1d6b40;
}

.turnaround-status.standard svg {
    fill: none;
    stroke: #8a5a12;
    stroke-width: 2.2;
}

.turnaround-status a {
    font-weight: 600;
    text-decoration: underline;
}

/* Quote page: link to fast-turnaround alternatives in the delivery notice and stock pop-up. */
.supplier-turnaround-notice .fast-turnaround-alternatives,
#fastTurnaroundStockModal .fast-turnaround-alternatives {
    font-weight: 600;
    text-decoration: underline;
}