/* Kodlama/Encoding: UTF-8 (BOMsuz/no BOM) - Türkçe kontrol: ğüşıöç ĞÜŞİÖÇ - bu satırı silme / do not remove */
/* =====================================================================
   auc-countdown.css  —  TÜM GERİ SAYIMLARIN STİLİ (tek dosya)
   Etkilediği yerler: marka katalog sayfaları, half price sayfaları,
   Black Friday / Boxing Day / EOFY / Click Frenzy / Back to School sayfaları
   ve ana sayfadaki küçük sayaçlar (.auc-cd-sm).
   auc.css'ten SONRA yüklenir, oradaki eski sayaç stilini ezer (auc.css'e dokunulmadı).

   RENK/BOYUT DEĞİŞTİRMEK İÇİN sadece aşağıdaki :root değişkenlerini değiştir.
   Sürüm numarası ARTIRMAYA GEREK YOK: dosyanın tarihi linke otomatik eklenir
   (include-auc-shell-head.php). Yükledikten sonra yalnızca Cloudflare Purge.
   Bu dosyayı silersen site eski sayaç görünümüne döner.
   ===================================================================== */
:root{
  --cd-tile-top:#0d2f86;      /* kutu üst yarı rengi */
  --cd-tile-bot:#012169;      /* kutu alt yarı rengi */
  --cd-num:#ffffff;           /* rakam rengi */
  --cd-sec-top:#ff2a4f;       /* saniye kutusu üst yarı */
  --cd-sec-bot:#c4001f;       /* saniye kutusu alt yarı */
  --cd-label:#5b6478;         /* Days/Hours yazısı */
  --cd-colon:#F2A900;         /* kutular arası iki nokta */
  --cd-accent:linear-gradient(90deg,#012169 0%,#E4002B 55%,#F2A900 100%); /* kutunun üst şeridi */
  --cd-radius:14px;
}

/* ---- Dış kutu: üstte bayrak renklerinde ince şerit ---- */
.auc-cdbox{position:relative;overflow:hidden;border-radius:18px;padding:22px 20px 18px}
.auc-cdbox:before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:var(--cd-accent)}
.auc-cd-head h2{margin-top:2px}

/* ---- Büyük sayaç: çevirmeli saat (flip clock) görünümü ---- */
.auc-cd:not(.auc-cd-sm){display:flex;align-items:flex-start;justify-content:center;gap:0;margin:18px 0 16px}
.auc-cd:not(.auc-cd-sm)>div{flex:1 1 0;max-width:150px;background:none;border-radius:0;padding:0;overflow:visible;position:relative;text-align:center;color:inherit}
.auc-cd:not(.auc-cd-sm)>div:after{content:none}
.auc-cd:not(.auc-cd-sm)>div+div{margin-left:26px}
.auc-cd:not(.auc-cd-sm)>div+div:before{content:":";position:absolute;left:-21px;top:0;width:16px;text-align:center;
  font-size:clamp(28px,5.5vw,48px);line-height:clamp(64px,13vw,104px);font-weight:800;color:var(--cd-colon)}
.auc-cd:not(.auc-cd-sm) b{position:relative;display:block;height:clamp(64px,13vw,104px);line-height:clamp(64px,13vw,104px);
  border-radius:var(--cd-radius);color:var(--cd-num);font-size:clamp(30px,7vw,58px);font-weight:800;letter-spacing:.02em;
  font-variant-numeric:tabular-nums;text-shadow:0 2px 0 rgba(0,0,0,.25);
  background:linear-gradient(180deg,var(--cd-tile-top) 0,var(--cd-tile-top) 50%,var(--cd-tile-bot) 50%,var(--cd-tile-bot) 100%);
  box-shadow:0 10px 22px rgba(1,33,105,.22),inset 0 1px 0 rgba(255,255,255,.18)}
/* ortadaki ince çizgi + yandaki menteşe noktaları */
.auc-cd:not(.auc-cd-sm) b:before{content:"";position:absolute;left:0;right:0;top:50%;height:2px;margin-top:-1px;background:rgba(0,0,0,.35)}
.auc-cd:not(.auc-cd-sm) b:after{content:"";position:absolute;left:-3px;right:-3px;top:50%;height:8px;margin-top:-4px;
  background:radial-gradient(circle at 3px 4px,#9aa3b8 2.5px,transparent 3px),radial-gradient(circle at calc(100% - 3px) 4px,#9aa3b8 2.5px,transparent 3px)}
/* saniye kutusu kırmızı: sayfanın canlı olduğunu hissettirir */
.auc-cd:not(.auc-cd-sm)>div:last-child b{background:linear-gradient(180deg,var(--cd-sec-top) 0,var(--cd-sec-top) 50%,var(--cd-sec-bot) 50%,var(--cd-sec-bot) 100%);
  box-shadow:0 10px 22px rgba(228,0,43,.25),inset 0 1px 0 rgba(255,255,255,.22)}
.auc-cd:not(.auc-cd-sm) span{display:block;margin-top:8px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--cd-label);opacity:1}
/* süre doldu: hafif soluklaşır (sayfa birkaç saniye sonra kendini yeniler) */
.auc-cd[data-done] b{opacity:.55}

@media (max-width:480px){
  .auc-cdbox{padding:20px 14px 16px}
  .auc-cd:not(.auc-cd-sm)>div+div{margin-left:16px}
  .auc-cd:not(.auc-cd-sm)>div+div:before{left:-14px;width:12px}
  .auc-cd:not(.auc-cd-sm) span{font-size:10px;letter-spacing:.08em}
}

/* ---- Ana sayfadaki küçük sayaçlar (.auc-cd-sm) ---- */
.auc-cd-sm{display:flex;gap:6px;margin:8px 0 4px}
.auc-cd-sm>span{min-width:50px;padding:0 0 4px;border:0;border-radius:10px;font-size:11px;font-weight:700;text-transform:uppercase;
  color:rgba(255,255,255,.8);text-align:center;opacity:1;
  background:linear-gradient(180deg,var(--cd-tile-top) 0,var(--cd-tile-top) 50%,var(--cd-tile-bot) 50%,var(--cd-tile-bot) 100%);
  box-shadow:0 4px 10px rgba(1,33,105,.18)}
.auc-cd-sm>span:last-child{background:linear-gradient(180deg,var(--cd-sec-top) 0,var(--cd-sec-top) 50%,var(--cd-sec-bot) 50%,var(--cd-sec-bot) 100%)}
.auc-cd-sm>span:before,.auc-cd-sm>span:after{content:none}
.auc-cd-sm b{display:block;padding-top:5px;font-size:22px;line-height:1.1;font-weight:800;color:var(--cd-num);font-variant-numeric:tabular-nums}

/* Hareket azaltma tercihi olan ziyaretçiler için gölgeleri sadeleştir */
@media (prefers-reduced-motion:reduce){.auc-cd b,.auc-cd-sm>span{box-shadow:none}}