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

/* ---- Animations ---- */
@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 ---- */
.new-badge {
    display: inline-flex; align-items: center; gap: 3px;
    background: #16a34a; color: #fff; font-size: 9px; font-weight: 800;
    padding: 2px 7px 2px 5px; border-radius: 4px;
    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;
}

/* ---- Breadcrumb ---- */
.breadcrumb { flex-wrap: wrap; }
.breadcrumb-item { min-width: 0; word-break: break-word; overflow-wrap: anywhere; }

/* ---- Gallery wrapper ---- */
.notice-gallery-wrap { position: relative; }

/* ---- Main image with hover overlay ---- */
.notice-main-img { display: block; position: relative; }
.notice-main-img img { border-radius: 6px; max-height: 400px; object-fit: cover; }
.notice-img-overlay {
    position: absolute; inset: 0;
    display: flex; align-items: center; justify-content: center;
    border-radius: 6px; background: rgba(0, 0, 0, 0);
    transition: background .25s; pointer-events: none;
}
.notice-img-overlay i { color: #fff; font-size: 34px; opacity: 0; transition: opacity .25s; }
.notice-main-img:hover .notice-img-overlay { background: rgba(0, 0, 0, 0.32); }
.notice-main-img:hover .notice-img-overlay i { opacity: 1; }
.notice-photo-count {
    position: absolute; bottom: 10px; right: 10px;
    background: rgba(0, 0, 0, 0.62); color: #fff;
    font-size: 12px; font-weight: 600;
    padding: 4px 10px; border-radius: 20px; pointer-events: none;
}

/* ---- Featured / NEW badge overlay ---- */
.notice-badge-overlay {
    position: absolute; top: 12px; left: 12px;
    display: flex; flex-direction: column; gap: 5px; z-index: 2;
}

/* ---- Thumbnail strip ---- */
.notice-thumb-strip { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 6px; }
.notice-thumb-item {
    display: block; width: 72px; height: 60px;
    border-radius: 4px; overflow: hidden;
    border: 2px solid #ddd; flex-shrink: 0;
    transition: border-color .2s;
}
.notice-thumb-item:hover { border-color: #dc3545; }
.notice-thumb-item img { width: 100%; height: 100%; object-fit: cover; display: block; }

/* ---- Related notices ---- */
.notice-related-img { height: 100px; object-fit: cover; }

/* ---- Map iframe ---- */
.notice-map-iframe { border: 0; display: block; }

/* QR code card */
#auction-qr-code { display: flex; justify-content: center; }
#auction-qr-code canvas { display: block; }