/**
 * Auction247 — AuctionForge CSS Bridge
 * Overrides AuctionForge default styles to match the dark auction247 theme.
 * Cascades on top of AuctionForge's own CSS using existing BP classes.
 */

/* ── Base Container ────────────────────────────────────────── */
.bp-container-fluid,
.bp-container,
.bp-main-container {
    background: transparent !important;
}

/* ── Page Header (auction list header) ────────────────────── */
.bp-header.bp-header-simple {
    background: var(--color-primary, #0d1b2e) !important;
    border-bottom: 2px solid var(--color-accent, #ff6b00) !important;
    min-height: 180px;
    display: flex;
    align-items: center;
}

.bp-header__overlay {
    background: rgba(0,0,0,0.5) !important;
}

.bp-header__content h1,
.bp-header__content .title {
    color: #fff !important;
    font-family: var(--font-display, 'Outfit', sans-serif) !important;
    font-weight: 800 !important;
    font-size: clamp(1.8rem, 4vw, 3rem) !important;
    text-shadow: 0 2px 12px rgba(0,0,0,0.6) !important;
}

/* Minimal header variant */
.bp-header__content-minimal h1.title {
    color: #fff !important;
    font-family: var(--font-display, 'Outfit', sans-serif) !important;
    font-weight: 800 !important;
}

/* ── Auction List Section ─────────────────────────────── */
.bp-upcoming-list,
.bp-archive-list {
    background: transparent !important;
    padding: 0 !important;
}

/* ── Auction-ready card (the main auction card) ──────────── */
.bp-lot.bp-lot_auction {
    background: var(--color-card, #162032) !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease !important;
    margin: 0 !important;
    width: 100% !important;
    max-width: 380px !important;
    display: flex !important;
    flex-direction: column !important;
}

.bp-lot.bp-lot_auction:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 16px 48px rgba(255,107,0,0.2) !important;
    border-color: rgba(255,107,0,0.4) !important;
}

/* Image area */
.bp-lot__wrp-image,
.bp-lot__wrp-image.bp-lot__wrp-image {
    display: block !important;
    width: 100% !important;
    height: 200px !important;
    overflow: hidden !important;
    position: relative !important;
    border-radius: 0 !important;
}

.bp-lot__image {
    width: 100% !important;
    height: 100% !important;
    background-size: cover !important;
    background-position: center !important;
    background-color: var(--color-surface, #1a2d4a) !important;
    transition: transform 0.4s ease !important;
}

.bp-lot.bp-lot_auction:hover .bp-lot__image {
    transform: scale(1.05) !important;
}

/* Content area */
.bp-lot__content {
    padding: 22px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    flex: 1 !important;
    background: var(--color-card, #162032) !important;
}

/* Title */
.bp-lot__title .bp-title,
.bp-lot__title a.bp-title {
    font-family: var(--font-display, 'Outfit', sans-serif) !important;
    font-size: 1.05rem !important;
    font-weight: 700 !important;
    color: #fff !important;
    text-decoration: none !important;
    line-height: 1.35 !important;
    display: block !important;
    margin-bottom: 4px !important;
}

.bp-lot__title a.bp-title:hover {
    color: var(--color-accent, #ff6b00) !important;
}

/* Date/time */
.bp-lot__date {
    font-size: 0.82rem !important;
    color: rgba(255,255,255,0.55) !important;
    font-family: var(--font-body, 'Inter', sans-serif) !important;
}

/* Description text */
.bp-lot__text {
    font-size: 0.85rem !important;
    color: rgba(255,255,255,0.6) !important;
    font-family: var(--font-body, 'Inter', sans-serif) !important;
    line-height: 1.5 !important;
    flex: 1 !important;
}

/* Toolbar / CTA buttons */
.bp-lot__tool {
    gap: 10px !important;
    flex-wrap: wrap !important;
    margin-top: auto !important;
    align-items: center !important;
}

/* State labels */
.bp-lot__tool__item.bp-text-red {
    color: var(--color-accent, #ff6b00) !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}

/* CTA button */
.bp-lot__tool__item.bp-btn,
.bp-btn.bp-btn-default {
    background: var(--color-accent, #ff6b00) !important;
    color: #fff !important;
    border: none !important;
    border-radius: 50px !important;
    font-family: var(--font-display, 'Outfit', sans-serif) !important;
    font-weight: 600 !important;
    font-size: 0.85rem !important;
    padding: 10px 22px !important;
    cursor: pointer !important;
    text-decoration: none !important;
    display: inline-block !important;
    transition: background 0.2s ease, transform 0.15s ease !important;
    white-space: nowrap !important;
}

.bp-lot__tool__item.bp-btn:hover,
.bp-btn.bp-btn-default:hover {
    background: var(--color-accent-hover, #e65500) !important;
    transform: translateY(-2px) !important;
    color: #fff !important;
}

/* Login buttons in auction context */
.bp-btn.bp-btn-login {
    background: transparent !important;
    border: 1px solid var(--color-accent, #ff6b00) !important;
    color: var(--color-accent, #ff6b00) !important;
    border-radius: 50px !important;
    padding: 10px 22px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}

.bp-btn.bp-btn-login:hover {
    background: var(--color-accent, #ff6b00) !important;
    color: #fff !important;
}

/* ── Card layout — flex + centre so fewer cards hug the middle ── */
.bp-lots.bp-auctions.bp-d-flex.bp-f-wrap,
#auction-list-section .bp-lots,
.auction-forge-container .bp-lots,
.bp-upcoming-list .bp-lots,
.bp-archive-list .bp-lots {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 24px !important;
    padding: 32px 0 !important;
    /* Remove any grid overrides */
    grid-template-columns: unset !important;
}

/* Each card has a fixed width so they fill evenly and centre cleanly */
.bp-lots .bp-lot.bp-lot_auction {
    flex: 0 0 320px !important;
    max-width: 320px !important;
    width: 320px !important;
}

@media (max-width: 720px) {
    .bp-lots .bp-lot.bp-lot_auction {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        width: 100% !important;
    }
}

/* ── Not Found State ─────────────────────────────────────── */
.bp-auction-not-found-message,
.bp-d-flex.bp-mb-30.bp-padding-text p {
    color: rgba(255,255,255,0.55) !important;
    font-family: var(--font-body, 'Inter', sans-serif) !important;
    font-size: 1rem !important;
    text-align: center !important;
    padding: 60px 0 !important;
}

/* ── Countdown numbers — force white so they show over the red bar ── */
.bp-lot__countdown-section,
.bp-lot .bp-countdown {
    background: var(--color-accent, #ff6b00) !important;
    border-radius: 0 !important;
}

.bp-countdown .bp-days,
.bp-countdown .bp-hours,
.bp-countdown .bp-minutes,
.bp-countdown .bp-seconds,
.bp-countdown [class*="bp-cd-num"],
.bp-countdown .number,
.bp-countdown span:not(.bp-cd-unit):not([class*="label"]) {
    color: #fff !important;
    font-weight: 700 !important;
}

.bp-countdown .bp-cd-unit,
.bp-countdown .bp-cd-label,
.bp-lot .bp-countdown-label {
    color: rgba(255,255,255,0.85) !important;
    font-size: 0.7rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}

/* Date/time text outside countdown */
.bp-lot__date .bp-time-item {
    color: rgba(255,255,255,0.6) !important;
}

/* ── Notice block ────────────────────────────────────────── */
#bp-notice-block {
    background: transparent !important;
}

/* ── Pagination ──────────────────────────────────────────── */
.wrp-navigation .page-numbers {
    color: rgba(255,255,255,0.7) !important;
    border: 1px solid rgba(255,255,255,0.15) !important;
    border-radius: 6px !important;
    padding: 8px 14px !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
    background: var(--color-card, #162032) !important;
}

.wrp-navigation .page-numbers.current,
.wrp-navigation .page-numbers:hover {
    background: var(--color-accent, #ff6b00) !important;
    border-color: var(--color-accent, #ff6b00) !important;
    color: #fff !important;
}

/* ── Profile / Login pages ───────────────────────────────── */
.bp-profile-wrapper,
#bp-registration-wrapper,
.bp-login-form {
    background: var(--color-card, #162032) !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
    border-radius: 14px !important;
    padding: 40px !important;
    max-width: 480px !important;
    margin: 60px auto !important;
}

/* Form inputs */
.bp-input,
.bp-form input[type="text"],
.bp-form input[type="email"],
.bp-form input[type="password"],
.bp-form input[type="tel"] {
    background: rgba(255,255,255,0.05) !important;
    border: 1px solid rgba(255,255,255,0.15) !important;
    border-radius: 8px !important;
    color: #fff !important;
    padding: 12px 16px !important;
    font-family: var(--font-body, 'Inter', sans-serif) !important;
    width: 100% !important;
    box-sizing: border-box !important;
    transition: border-color 0.2s ease !important;
}

.bp-form input:focus {
    border-color: var(--color-accent, #ff6b00) !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(255,107,0,0.15) !important;
}

/* Form labels */
.bp-form label {
    color: rgba(255,255,255,0.7) !important;
    font-family: var(--font-body, 'Inter', sans-serif) !important;
    font-size: 0.85rem !important;
    font-weight: 600 !important;
    display: block !important;
    margin-bottom: 6px !important;
}

/* Submit buttons */
.bp-form input[type="submit"],
.bp-btn-submit,
#bp-registration-wrapper input[type="submit"] {
    background: var(--color-accent, #ff6b00) !important;
    color: #fff !important;
    border: none !important;
    border-radius: 50px !important;
    font-family: var(--font-display, 'Outfit', sans-serif) !important;
    font-weight: 700 !important;
    font-size: 1rem !important;
    padding: 14px 32px !important;
    cursor: pointer !important;
    width: 100% !important;
    transition: background 0.2s ease !important;
}

.bp-form input[type="submit"]:hover,
.bp-btn-submit:hover {
    background: var(--color-accent-hover, #e65500) !important;
}

/* Error/success messages */
.bp-notice.bp-error,
.bp-alert-danger {
    background: rgba(220, 53, 69, 0.15) !important;
    border: 1px solid rgba(220, 53, 69, 0.3) !important;
    border-radius: 8px !important;
    color: #ff6b6b !important;
    padding: 12px 16px !important;
}

.bp-notice.bp-success,
.bp-alert-success {
    background: rgba(40, 167, 69, 0.15) !important;
    border: 1px solid rgba(40, 167, 69, 0.3) !important;
    border-radius: 8px !important;
    color: #52d68a !important;
    padding: 12px 16px !important;
}

/* ── Lot Detail / Auction single page ────────────────────── */
.bp-fix-width-lot,
.tools-wrapper {
    background: transparent !important;
}

/* Thanks/Welcome page wrapper */
#thanks-page {
    background: var(--color-card, #162032) !important;
    border-radius: 14px !important;
    margin: 40px auto !important;
    max-width: 600px !important;
    padding: 40px !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
}

/* ── Archive header ──────────────────────────────────────── */
.bp-archive__header {
    color: rgba(255,255,255,0.7) !important;
    font-family: var(--font-body, 'Inter', sans-serif) !important;
    font-size: 0.85rem !important;
    padding: 12px 0 !important;
    border-bottom: 1px solid rgba(255,255,255,0.08) !important;
    margin-bottom: 24px !important;
}

/* ═══════════════════════════════════════════════════════════
   CATALOG PAGE — Auction header / title / date
═══════════════════════════════════════════════════════════ */

/* Catalog page global background */
.bp-container-fluid {
    background: var(--color-bg, #0d0d1a) !important;
    color: var(--color-text-light, #e8e8f0) !important;
}

/* Auction title — classic layout (h1 inside bp-header__content) */
.bp-header__content h1,
.bp-header__content .title,
.bp-header .title {
    color: #fff !important;
    font-weight: 800 !important;
    text-shadow: 0 2px 12px rgba(0,0,0,0.8) !important;
}

/* Auction title — minimal layout */
.bp-header__content-minimal h1,
.bp-header__content-minimal .title,
.bp-header__content-minimal .title-sm,
.minimal-header-left h1 {
    color: #fff !important;
    font-weight: 800 !important;
    margin-bottom: 6px !important;
}

/* Auction date/time */
.bp-item-header__time,
.bp-header__time,
.bp-header__content p,
.bp-header__content-minimal p,
#dateTimeField {
    color: rgba(255,255,255,0.8) !important;
    font-size: 0.95rem !important;
}

/* Minimal header container */
.bp-header__content-minimal {
    background: var(--color-secondary, #1a1a2e) !important;
    padding: 32px 24px !important;
    border-bottom: 2px solid var(--color-accent, #ff6b00) !important;
}

/* Classic header */
.bp-header.bp-row.bp-single-page {
    background: var(--color-secondary, #1a1a2e) !important;
    border-bottom: 2px solid var(--color-accent, #ff6b00) !important;
    min-height: 160px !important;
}

/* Auction description text block */
.bp-content__text,
.bp-content__text p,
.bp-auction-content .bp-content__text * {
    color: rgba(255,255,255,0.75) !important;
}

/* ── Search / Sort / Filter toolbar ─── */
.bp-search-section,
.bp-search-in-auction,
.bp-search-wrap,
.bp-filter-wrap,
.bp-lots-filter {
    background: var(--color-card-bg, #12122a) !important;
    border-radius: 8px !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
}

/* Sort dropdown labels and selects */
.bp-sort-label,
.bp-filter-label,
.bp-items-per-page label,
.bp-search-in-auction label,
.bp-search-section label {
    color: rgba(255,255,255,0.7) !important;
}

.bp-select2,
.bp-sort select,
.bp-filter select,
select.bp-select2,
select.bp-select2__simple,
.bp-search-in-auction select,
.bp-items-per-page select {
    background: var(--color-card-bg, #12122a) !important;
    color: #e8e8f0 !important;
    border: 1px solid rgba(255,255,255,0.15) !important;
    border-radius: 6px !important;
}

/* Search input */
.bp-search-in-auction input[type="text"],
.bp-search-in-auction input[type="search"],
.bp-search-wrap input {
    background: rgba(255,255,255,0.06) !important;
    color: #e8e8f0 !important;
    border: 1px solid rgba(255,255,255,0.15) !important;
    border-radius: 6px !important;
}

.bp-search-in-auction input::placeholder { color: rgba(255,255,255,0.35) !important; }

/* Items in page / pagination text */
.bp-items-in-page,
.bp-pagination-info,
.bp-lots-count {
    color: rgba(255,255,255,0.6) !important;
}

/* ── Categories sidebar ─── */
.af-catalog-sidebar {
    background: var(--color-card-bg, #12122a) !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
    border-radius: 10px !important;
    padding: 16px !important;
}

.af-sidebar-title {
    color: var(--color-accent, #ff6b00) !important;
    font-weight: 700 !important;
    font-size: 0.8rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.1em !important;
    margin-bottom: 12px !important;
}

.af-sidebar-toggle-btn {
    color: #e8e8f0 !important;
    background: transparent !important;
    border: 1px solid rgba(255,255,255,0.15) !important;
    border-radius: 6px !important;
}

.af-cat-label {
    color: rgba(255,255,255,0.75) !important;
    cursor: pointer !important;
}

.af-cat-label:hover { color: #fff !important; }

.af-cat-label.af-cat-active {
    color: var(--color-accent, #ff6b00) !important;
    font-weight: 600 !important;
}

.af-cat-checkbox { accent-color: var(--color-accent, #ff6b00) !important; }

.af-sidebar-clear {
    color: rgba(255,107,0,0.8) !important;
    font-size: 0.8rem !important;
}

/* ── Lot card — title, lot number, prices ─── */
.bp-lot__title a,
.bp-lot__title .bp-title,
.bp-lot__title,
.bp-lot .bp-title {
    color: #e8e8f0 !important;
    font-weight: 600 !important;
}

.bp-lot__subtitle,
.bp-subtitle {
    color: rgba(255,255,255,0.55) !important;
    font-size: 0.78rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.06em !important;
}

.bp-lot__price,
.bp-price {
    color: var(--color-accent, #ff6b00) !important;
    font-weight: 700 !important;
    font-size: 1rem !important;
}

/* Lot message (estimated price etc.) */
.bp-lot__message {
    color: rgba(255,255,255,0.5) !important;
}

/* ── Pagination ─── */
.page-numbers a,
.page-numbers span,
.bp-pagination a {
    color: rgba(255,255,255,0.7) !important;
    background: var(--color-card-bg, #12122a) !important;
    border: 1px solid rgba(255,255,255,0.1) !important;
    border-radius: 6px !important;
}

.page-numbers .current,
.page-numbers a:hover {
    background: var(--color-accent, #ff6b00) !important;
    color: #fff !important;
    border-color: var(--color-accent, #ff6b00) !important;
}

/* ── Lot detail single page ─── */
.bp-item-header__title h1,
.bp-item-header h1,
.bp-single-lot h1,
.bp-lot-detail h1 {
    color: #fff !important;
    font-weight: 800 !important;
}

.bp-item-header__info,
.bp-item-header p,
.bp-lot-detail p {
    color: rgba(255,255,255,0.7) !important;
}

/* Status labels inside lot detail */
.bp-lot__tool__item,
.bp-lot__tool__item p {
    color: rgba(255,255,255,0.6) !important;
}

.bp-lot__tool__item.bp-text-red p { color: #ff6b6b !important; }

/* ═══════════════════════════════════════════════════════════
   SINGLE LOT PAGE — All text elements
═══════════════════════════════════════════════════════════ */

/* Lot title h1 */
#single-lot h1,
.bp-desc h1,
.bp-single-lot h1 {
    color: #fff !important;
    font-weight: 800 !important;
    line-height: 1.3 !important;
}

/* "LOT X:" number prefix */
#single-lot .bp-title,
.bp-single-lot__head .bp-title {
    color: var(--color-accent, #ff6b00) !important;
    font-weight: 700 !important;
}

/* Lot navigation — < Prev Lot | Catalog | Next Lot > */
.navigation-bar,
.nav-item,
.nav-item.prev-lot,
.nav-item.next-lot,
.nav-item.catalog-link {
    color: rgba(255,255,255,0.7) !important;
}
.nav-item:hover { color: #fff !important; }

/* Classic layout nav tools — prev / next / back to catalog */
.bp-tools__prev,
.bp-tools__next,
.bp-tools__all,
.bp-tools__item {
    color: rgba(255,255,255,0.7) !important;
}
.bp-tools__item:hover { color: #fff !important; }

/* Auction start timer ("The auction will start in X days") */
.bp-control__title,
#auctionStartTimer {
    color: rgba(255,255,255,0.75) !important;
    font-size: 0.9rem !important;
}

/* "Your max absentee bid:" label (injected by AF JS) */
.bp-form-group label,
.bp-form-group__label,
.bp-control__inner label,
#bidFormSection label {
    color: rgba(255,255,255,0.8) !important;
}

/* Start price / Estimated price / Buyer's Premium lines */
.bp-control__price,
.bp-control__estimate,
.bp-control__commission,
.bp-control__desc p {
    color: rgba(255,255,255,0.75) !important;
}

.bp-control__price span,
.bp-control__estimate span,
.bp-control__commission span,
#startPriceSingleLot,
#auction-commission-field {
    color: #e8e8f0 !important;
    font-weight: 600 !important;
}

/* Lot description body / condition report / disclaimer — ALL descendants */
.bp-body__main_content .body,
.bp-body__main_content .body *,
.bp-body__main_content .body p,
.bp-body__main_content .body li,
.bp-body__main_content .body h1,
.bp-body__main_content .body h2,
.bp-body__main_content .body h3,
.bp-body__main_content .body h4,
.bp-body__main_content .body h5,
.bp-body__main_content .body h6,
.bp-body__main_content .body span,
.bp-body__main_content .body div,
.bp-body__main_content .body strong,
.bp-body__main_content .body em,
.entry-content *,
#single-lot .body *,
#single-lot .wp-block-paragraph,
#single-lot p {
    color: rgba(255,255,255,0.8) !important;
}

/* "Description" / author title label above the body */
.bp-body__main_content p.title {
    color: var(--color-accent, #ff6b00) !important;
    font-weight: 700 !important;
    font-size: 0.8rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.1em !important;
    margin-bottom: 8px !important;
}

/* "item-header-title" — auction name on minimal layout lot page */
.item-header-title {
    color: rgba(255,255,255,0.85) !important;
    font-weight: 600 !important;
}

/* "Back to catalog" button */
.bp-back-to-catalog-button {
    color: rgba(255,255,255,0.7) !important;
    border: 1px solid rgba(255,255,255,0.2) !important;
    border-radius: 6px !important;
    padding: 6px 14px !important;
    font-size: 0.85rem !important;
    transition: all 0.2s !important;
}
.bp-back-to-catalog-button:hover {
    color: #fff !important;
    border-color: rgba(255,255,255,0.5) !important;
}

/* "Share this lot:" label and link list */
.bp-body__main_content .bp-share,
.bp-body__main_content .bp-share p,
.bp-single-tool-lot p {
    color: rgba(255,255,255,0.65) !important;
}

/* View / bid analytics counters */
.af-lot-view-counter,
.af-lot-bid-counter {
    color: rgba(255,255,255,0.55) !important;
    font-size: 0.8rem !important;
}

/* Links in lot body (Terms & conditions, Increments table, Make inquiry) */
.bp-body__main_content a:not(.btn) {
    color: var(--color-accent, #ff6b00) !important;
}
.bp-body__main_content a:not(.btn):hover {
    color: #fff !important;
}

/* Highest bid display box */
#leadingBid,
.bp-control__notice_wrp {
    color: rgba(255,255,255,0.8) !important;
}