/* Auction Notice list page styles */

/* ── Analytics banner ── */
.auction-stats-banner {
    background: linear-gradient(135deg, #cd171f 0%, #b3171e 100%);
    padding: 20px;
    border-radius: 12px;
}
.auction-stats-title {
    color: rgba(255,255,255,.7);
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 12px;
}
.auction-stats-row {
    display: flex;
    gap: 12px;
    align-items: stretch;
    flex-wrap: wrap;
}
.auction-stat-card {
    text-decoration: none;
    display: block;
    background: rgba(255,255,255,.18);
    border: 2px solid rgba(255,255,255,.25);
    border-radius: 10px;
    padding: 14px 20px;
    min-width: 110px;
    text-align: center;
}
.auction-stat-card.is-active {
    background: rgba(255,255,255,.28);
    border-color: rgba(255,255,255,.7);
}
.auction-stat-number {
    font-size: 32px;
    font-weight: 800;
    color: #fff;
    line-height: 1;
}
.auction-stat-label {
    font-size: 10px;
    color: rgba(255,255,255,.8);
    margin-top: 4px;
    font-weight: 600;
}
.auction-stats-divider {
    width: 1px;
    background: rgba(255,255,255,.2);
    margin: 4px 0;
}
.auction-type-card {
    text-decoration: none;
    display: block;
    background: rgba(255,255,255,.12);
    border: 2px solid rgba(255,255,255,.2);
    border-radius: 8px;
    padding: 10px 14px;
    text-align: center;
    min-width: 80px;
}
.auction-type-card.is-active {
    background: rgba(255,255,255,.22);
    border-color: rgba(255,255,255,.7);
}
.auction-type-number {
    font-size: 20px;
    font-weight: 700;
    color: #fff;
}
.auction-type-label {
    font-size: 9px;
    color: rgba(255,255,255,.75);
    margin-top: 2px;
}

/* ── Config element ── */
#auction-page-config { display: none; }

/* ── Type-filter pill strip ── */
.auction-type-pills { gap: 6px; }
.auction-type-pill  { border-radius: 20px !important; }

/* ── Card image block ── */
.auction-card-image {
    position: relative;
    height: 180px;
    overflow: hidden;
    background: #e9ecef;
}
.auction-card-img {
    width: 100%;
    height: 180px;
    object-fit: cover;
}
.auction-card-placeholder {
    height: 180px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #adb5bd;
}
.auction-card-badge-stack {
    position: absolute;
    top: 8px;
    left: 8px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.auction-card-category-badge {
    position: absolute;
    top: 8px;
    right: 8px;
}

/* NEW badge */
@keyframes pulse-badge {
    0%,100% { opacity:1; box-shadow:0 0 0 0 rgba(22,163,74,.5); }
    50%      { opacity:.85; box-shadow:0 0 0 4px rgba(22,163,74,0); }
}
@keyframes blink-dot {
    0%,100% { opacity:1; }
    50%      { opacity:.2; }
}
.new-badge {
    display:inline-flex; align-items:center; gap:3px;
    background:#166534; color:#fff; font-size:9px; font-weight:800;
    padding:2px 7px 2px 5px; border-radius:4px; white-space:nowrap;
    animation:pulse-badge 1.4s ease-in-out infinite;
}
.new-badge::before {
    content:''; display:inline-block; width:6px; height:6px;
    background:#fff; border-radius:50%;
    animation:blink-dot 1.4s ease-in-out infinite;
}

/* Window-style pagination */
.an-pagination {
    display:flex; justify-content:center; align-items:center;
    gap:6px; flex-wrap:wrap; margin-top:32px;
}
.an-pagination a,
.an-pagination span {
    display:inline-flex; align-items:center; justify-content:center;
    min-width:38px; height:38px; padding:0 10px;
    border:1px solid #dee2e6; border-radius:6px;
    font-size:14px; font-weight:500; text-decoration:none;
    color:#495057; background:#fff;
    transition:background .15s, color .15s, border-color .15s;
}
.an-pagination a:hover {
    background:#f8f9fa; border-color:#cd171f; color:#cd171f;
}
.an-pagination .an-active {
    background:#cd171f; border-color:#cd171f; color:#fff; font-weight:700;
    box-shadow:0 2px 6px rgba(205,23,31,.35);
}
.an-pagination .an-disabled {
    color:#adb5bd; background:#f8f9fa; pointer-events:none;
}
.an-pagination .an-ellipsis {
    border:none; background:transparent; color:#6c757d;
    min-width:24px; padding:0;
}