/*
 * İhale durum rozetleri ve geri sayım kutusu — ihale listesi, ihale araç listesi, araç detayı,
 * canlı ekran ve üye paneli ortak kullanır. Sayaç sayıları js/ihale-sayac.js doldurur
 * ([data-days] … [data-seconds]).
 *
 * Kırmızı yalnızca "canlı" rozetinde; kalan süre renkle değil boyut ve kalınlıkla öne çıkar.
 * Rozetler ortak .rozet ailesindedir (site.css: .rozet, .rozet-canli, .rozet-koyu …); eski .canli-rozet,
 * .yaklasan-rozet ve .ozel-rozet sınıfları kaldırıldı.
 */

/* Noktanın çevresinde yayılan halka: "şu an oluyor" hissi, rengi artırmadan. Anahtar kareler
   css/sayfalar/arac-listesi.css'teki .ihale-bant-katil noktası tarafından kullanılır. */
@keyframes ihale-canli-halka {
    from { opacity: .5; transform: scale(1); }
    to   { opacity: 0; transform: scale(2.6); }
}

/* ── Geri sayım ───────────────────────────────────────────────────────── */

/* Rakamlar tabular: her saniye değişirken genişlik oynamaz (bulgu 25). */
.ihale-sayac {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--b-2) var(--b-4);
    padding: var(--b-3) var(--b-4);
    border-radius: var(--r-orta);
    background-color: var(--renk-yuzey-vurgu);
}

.ihale-sayac-etiket {
    color: var(--renk-metin-ikincil);
    font-size: var(--t-sm);
    font-weight: var(--t-orta);
    line-height: var(--t-satir-arayuz);
}

.ihale-sayac-birimler {
    display: flex;
    gap: var(--b-1);
}

.ihale-sayac-birimler span {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 44px;
}

.ihale-sayac-birimler b {
    color: var(--renk-metin);
    font-family: var(--t-aile-baslik);
    font-size: var(--t-2xl);
    font-weight: var(--t-kalin);
    line-height: var(--t-satir-siki);
    font-variant-numeric: tabular-nums;
    font-feature-settings: var(--t-sayi);
}

.ihale-sayac-birimler small {
    color: var(--renk-metin-soluk);
    font-size: var(--t-xs);
    font-weight: var(--t-orta);
    line-height: var(--t-satir-arayuz);
}

.ihale-sayac.sayac-bitti {
    opacity: .45;
}

/* ── Takvim yaprağı (ihale başlangıcı: kısa ay, gün, kısa gün adı) ───── */

.takvim-yaprak {
    display: flex;
    flex: none;
    flex-direction: column;
    align-items: center;
    width: 56px;
    padding: var(--b-1) 0 6px;
    border: var(--kenar);
    border-top: 3px solid var(--gri-900);
    border-radius: var(--r-orta);
    background-color: var(--renk-yuzey);
    line-height: var(--t-satir-siki);
}

.takvim-yaprak b {
    color: var(--renk-metin);
    font-family: var(--t-aile-baslik);
    font-size: var(--t-xl);
    font-weight: var(--t-kalin);
    font-variant-numeric: tabular-nums;
}

.takvim-yaprak small {
    color: var(--renk-metin-soluk);
    font-size: var(--t-xs);
    font-weight: var(--t-orta);
    letter-spacing: .04em;
    text-transform: uppercase;
}

/* Başlamış ihalede yaprağın şeridi kırmızı. */
.takvim-yaprak.canli {
    border-top-color: var(--renk-marka);
}