/* =================================================================
   Legacy styles (2026-10-07, docs/features/legacy-styles.md)
   Legacy tiles share the variant rail behind the Current / Legacy
   pills (pack-pill styles, reused as is); this file holds the
   "Bring it back" panel. Linked only on a page with legacy styles.
   ================================================================= */

/* While a legacy style is active the vote panel carries the status, so the
   buy box's own callout steps aside (Jesse, 2026-10-08: one section). The
   class is set by the server and by product-detail.js on every swap. */
.pdp--legacy-active #pdp-availability {
    display: none !important;
}

/* Legacy tiles read as "not current" without fading the label below AA. */
.pdp__variant-item--legacy .pdp__variant-thumb img {
    filter: saturate(0.6);
}

/* --- The vote panel -------------------------------------------- */
/* Tucked up under the SKU like the wishlist heart (2026-10-08): it gives
   back the buy column's grid gap instead of adding to it. */
.pdp__legacy-vote {
    margin-top: calc(-1 * var(--pdp-gap, 16px));
    padding: 14px 16px;
    border-radius: var(--pdp-radius-sm, 9px);
    background: var(--pdp-bg-alt, #f5f5f8);
}
.pdp__legacy-vote[hidden] {
    display: none;
}
.pdp__legacy-vote-title {
    margin: 0 0 6px;
    font-size: 16px;
    font-weight: 800;
    color: var(--pdp-ink, #161619);
}
.pdp__legacy-vote-text {
    margin: 0 0 10px;
    font-size: 14px;
    line-height: 1.45;
    color: #33333a;
}
.pdp__legacy-vote-form {
    margin: 0;
}
.pdp__legacy-vote-notify {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 12px;
    font-size: 14px;
    color: #33333a;
    cursor: pointer;
}
.pdp__legacy-vote-notify input {
    width: 18px;
    height: 18px;
    margin: 0;
    accent-color: var(--pdp-accent-fill, #222);
}
.pdp__legacy-vote-done form {
    margin: 0;
}
.pdp__legacy-vote-link {
    padding: 0;
    border: 0;
    background: transparent;
    font: inherit;
    font-size: 14px;
    color: var(--pdp-accent-ink, #222);
    text-decoration: underline;
    cursor: pointer;
}
.pdp__legacy-vote-feedback {
    margin: 8px 0 0;
    font-size: 14px;
    color: #33333a;
}
.pdp__legacy-vote-feedback:empty {
    display: none;
}