/* Visibility + contrast fixes after Premium Performance redesign.
   Loaded after style.css so it can safely override the current theme. */

/* Sold archive was clickable but visually hidden/transparent on some revisions. */
.sold-archive-section,
.sold-archive-section .build-grid,
.sold-archive-section .build-card,
.sold-archive-section .build-card *,
.sold-build-grid,
.sold-build-grid .build-card,
.sold-build-grid .build-card * {
    visibility: visible !important;
}

.sold-archive-section .build-card,
.sold-build-grid .build-card {
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
    pointer-events: auto !important;
    position: relative !important;
    z-index: 1 !important;
    background: linear-gradient(180deg, #101722 0%, #0b1018 100%) !important;
    color: #f8fafc !important;
    border: 1px solid rgba(148, 163, 184, 0.28) !important;
    box-shadow: 0 18px 48px rgba(0, 0, 0, 0.28) !important;
    overflow: hidden !important;
}

.sold-archive-section .build-image,
.sold-build-grid .build-image {
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
    background: #05070b !important;
}

.sold-archive-section .build-image img,
.sold-build-grid .build-image img {
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    filter: none !important;
    mix-blend-mode: normal !important;
}

.sold-archive-section .build-body,
.sold-build-grid .build-body {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    color: #f8fafc !important;
    background: transparent !important;
}

.sold-archive-section .build-body h3,
.sold-archive-section .build-body h3 a,
.sold-build-grid .build-body h3,
.sold-build-grid .build-body h3 a {
    color: #ffffff !important;
    opacity: 1 !important;
}

.sold-archive-section .build-body p,
.sold-archive-section .build-date,
.sold-build-grid .build-body p,
.sold-build-grid .build-date {
    color: #cbd5e1 !important;
    opacity: 1 !important;
}

.sold-archive-section .mini-specs span,
.sold-build-grid .mini-specs span {
    color: #e2e8f0 !important;
    background: rgba(255, 255, 255, 0.07) !important;
    border-color: rgba(148, 163, 184, 0.28) !important;
}

.sold-archive-section .card-bottom,
.sold-build-grid .card-bottom {
    border-top-color: rgba(148, 163, 184, 0.22) !important;
}

.sold-archive-section .card-bottom a,
.sold-build-grid .card-bottom a {
    color: #93c5fd !important;
}

.sold-archive-section .price,
.sold-archive-section .card-price,
.sold-build-grid .price,
.sold-build-grid .card-price {
    color: #ffffff !important;
}

.sold-archive-section .badge.sold,
.sold-build-grid .badge.sold,
.badge.sold {
    background: linear-gradient(135deg, #dc2626, #7f1d1d) !important;
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.34) !important;
    box-shadow: 0 10px 28px rgba(220, 38, 38, 0.38) !important;
    font-weight: 950 !important;
}

.sold-empty {
    background: linear-gradient(180deg, #101722 0%, #0b1018 100%) !important;
    color: #ffffff !important;
    border: 1px solid rgba(148, 163, 184, 0.24) !important;
    border-radius: 24px !important;
    padding: 34px !important;
    box-shadow: 0 18px 48px rgba(0, 0, 0, 0.24) !important;
}

.sold-empty p {
    color: #cbd5e1 !important;
}

/* Keep the archive hero readable without changing Policies. */
.sold-archive-hero {
    position: relative !important;
    isolation: isolate !important;
    width: 100% !important;
    min-height: clamp(330px, 36vw, 520px) !important;
    display: flex !important;
    align-items: center !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: clamp(62px, 8vw, 104px) 7vw !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: #ffffff !important;
    background:
        radial-gradient(circle at 78% 36%, rgba(59, 130, 246, 0.14), transparent 28rem),
        linear-gradient(135deg, #05070b 0%, #08111f 52%, #05070b 100%) !important;
}

.sold-archive-hero::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: -1 !important;
    background:
        linear-gradient(90deg, rgba(5, 7, 11, 0.94) 0%, rgba(5, 7, 11, 0.76) 42%, rgba(5, 7, 11, 0.22) 76%, rgba(5, 7, 11, 0.36) 100%),
        linear-gradient(180deg, rgba(5, 7, 11, 0.08) 0%, #05070b 100%) !important;
    pointer-events: none !important;
}

.sold-archive-hero__image {
    position: absolute !important;
    inset: 0 !important;
    z-index: -2 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: right center !important;
}

.sold-archive-hero__content {
    position: relative !important;
    width: min(560px, 100%) !important;
    z-index: 1 !important;
}

.sold-archive-hero h1,
.sold-archive-hero p {
    color: #ffffff !important;
}

.sold-archive-hero .eyebrow {
    color: #93c5fd !important;
}

@media (max-width: 860px) {
    .sold-archive-hero {
        min-height: 480px !important;
        align-items: flex-end !important;
        padding: 92px 24px 54px !important;
    }

    .sold-archive-hero::before {
        background:
            linear-gradient(180deg, rgba(5, 7, 11, 0.20) 0%, rgba(5, 7, 11, 0.58) 48%, #05070b 100%),
            linear-gradient(90deg, rgba(5, 7, 11, 0.82), rgba(5, 7, 11, 0.22)) !important;
    }

    .sold-archive-hero__image {
        object-position: 72% center !important;
    }
}

@media (max-width: 560px) {
    .sold-archive-hero {
        min-height: 460px !important;
        padding: 82px 18px 44px !important;
    }
}