/* ============================================================================
   Tedavül — hava durumu kutusu stilleri
   Ana sayfa ve yazar bölümleri (Tedavül Özel, İlim, Yaşama Dair) ortak kullanır.
   Önceden anasayfa.css içindeydi; kategori sayfası o dosyayı yüklemediği için
   kutu orada biçimsiz görünürdü.
   ========================================================================== */
/* ---------------------------------------------------------------- HAVA DURUMU */
.hava-kutu{padding:14px 16px 12px}
.hava-bas{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.hava-bas h3{margin:0;font-family:var(--f-baslik);font-size:13px;letter-spacing:0;color:var(--murekkep);font-weight:700}
.hava-bas small{font-size:11.5px;color:var(--soluk)}
.hava-bas .hava-detay{font-size:12px;font-weight:600;color:var(--turkuaz);white-space:nowrap}
.hava-bas .hava-detay:hover{color:var(--turkuaz-koyu);text-decoration:underline}

/* GECE: kutunun üst yarısı koyu gökyüzü olur — akşam saatlerinde ekrana
   bakınca gecenin olduğu ilk bakışta anlaşılsın (istendi). Yıldızlar sabit
   bir desen; hiçbir şey yanıp sönmez. */
.hava-kutu.gece .hava-simdi{
  margin:0 -16px;padding:14px 16px;border-radius:12px;color:#fff;
  background:
    radial-gradient(1.4px 1.4px at 14% 28%, rgba(255,255,255,.85) 50%, transparent 51%),
    radial-gradient(1.2px 1.2px at 32% 62%, rgba(255,255,255,.65) 50%, transparent 51%),
    radial-gradient(1.6px 1.6px at 58% 22%, rgba(255,255,255,.75) 50%, transparent 51%),
    radial-gradient(1.2px 1.2px at 76% 55%, rgba(255,255,255,.6) 50%, transparent 51%),
    radial-gradient(1.4px 1.4px at 88% 30%, rgba(255,255,255,.8) 50%, transparent 51%),
    linear-gradient(135deg,#132A54 0%,#0B1A38 55%,#091530 100%)}
.hava-kutu.gece .hava-simdi .hava-metin span{color:#AFC2E4}
.hava-kutu.gece .hava-simdi .hava-saat .hava-saat-rakam{color:#fff}
.hava-kutu.gece .hava-gunler{margin-top:12px}
.hava-simdi{display:flex;align-items:center;gap:12px}
.hava-simdi .simge{font-size:34px;line-height:1}
.hava-simdi .hava-metin strong{font-family:var(--f-baslik);font-size:30px;font-weight:700;line-height:1;display:block}
.hava-simdi .hava-metin b{display:block;font-size:13.5px;font-weight:700;margin-top:4px}
.hava-simdi .hava-metin{min-width:0}
.hava-simdi .hava-metin span{display:block;font-size:12.5px;color:var(--ikincil)}
.hava-simdi .hava-metin .hava-derece{font-style:normal;white-space:nowrap}
/* SAAT + TAKVİM: sıcaklığın sağ yanında, üstte saat altta tarih.
   Önceden kutunun altında ayrı bir şeritti; üstünde ayırıcı çizgiyle birlikte
   yaklaşık 40px yer kaplıyor ve kutuyu gereksiz uzatıyordu. */
.hava-simdi .hava-saat{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;gap:6px;
  margin-top:0;padding-top:0;border-top:0;text-align:right}
.hava-simdi .hava-saat .hava-saat-rakam{display:block;margin:0;
  font-family:var(--f-baslik);font-size:19px;font-weight:700;line-height:1;
  font-variant-numeric:tabular-nums;letter-spacing:.01em}
/* TARİH: turkuaz hapın içinde — tıklanabilir olduğu ilk bakışta belli.
   Noktalı/kesikli alt çizgi kaldırıldı: dolgulu zemin zaten düğme olduğunu
   söylüyor, çizgi üstüne binince kirli duruyordu. */
.hava-simdi .hava-saat .hava-saat-gun{font:inherit;font-size:11.5px;font-weight:600;line-height:1;
  color:#fff;background:var(--turkuaz);border:0;border-radius:99px;padding:6px 10px;cursor:pointer;
  display:inline-flex;align-items:center;gap:6px;white-space:nowrap;
  transition:background-color .15s,transform .12s}
.hava-simdi .hava-saat .hava-saat-gun::after{content:"";width:12px;height:12px;flex:0 0 auto;
  background:currentColor;opacity:.95;
  -webkit-mask:var(--ikon-takvim) center/contain no-repeat;
  mask:var(--ikon-takvim) center/contain no-repeat}
.hava-simdi .hava-saat .hava-saat-gun:hover,
.hava-simdi .hava-saat .hava-saat-gun:focus-visible{background:var(--turkuaz-koyu)}
.hava-simdi .hava-saat .hava-saat-gun:active{transform:scale(.97)}
/* Dar kutuda üç sütun sığmazsa saat/takvim alta iner, üst üste binmez */
@media (max-width:360px){
  .hava-simdi{flex-wrap:wrap}
  .hava-simdi .hava-saat{flex-direction:row;align-items:center;width:100%;justify-content:space-between;margin-top:8px}
}

/* ------------------------------------------------------------- AY TAKVİMİ
   Tarihe basınca açılır; gövdeye eklenir, hava kutusunu büyütmez. */
.mini-takvim{position:fixed;z-index:130;width:274px;padding:12px;border-radius:14px;background:#fff;
  border:1px solid var(--cizgi);box-shadow:0 20px 48px rgba(16,24,40,.2)}
.mini-takvim[hidden]{display:none}
.mt-bas{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}
.mt-bas b{font-family:var(--f-baslik);font-size:15px;font-weight:700}
.mt-ok{width:30px;height:30px;border:1px solid var(--cizgi);background:#fff;border-radius:8px;
  font-size:16px;line-height:1;cursor:pointer;color:var(--murekkep)}
.mt-ok:hover{background:var(--bant)}
.mt-gunler,.mt-izgara{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;text-align:center}
.mt-gunler{margin-bottom:4px}
.mt-gunler span{font-size:10.5px;font-weight:700;color:var(--soluk);letter-spacing:.02em}
.mt-gunler span.hs{color:var(--kirmizi)}
.mt-izgara span{font-size:12.5px;padding:6px 0;border-radius:7px;font-variant-numeric:tabular-nums}
.mt-izgara span.hs{color:var(--kirmizi)}
.mt-izgara span.dis{color:var(--cizgi)}
.mt-izgara span.bugun{background:var(--murekkep);color:#fff;font-weight:700}
.mt-alt{display:flex;align-items:center;justify-content:space-between;gap:8px;
  margin-top:10px;padding-top:9px;border-top:1px solid var(--cizgi)}
.mt-bugun{border:0;background:none;font:inherit;font-size:12px;font-weight:600;color:var(--murekkep);cursor:pointer;padding:0}
.mt-bugun:hover{color:var(--kirmizi)}
.mt-alt a{font-size:12px;color:var(--soluk);text-decoration:none}
.mt-alt a:hover{color:var(--kirmizi)}
@media (hover:none){
  .mini-takvim{width:296px}
  .mt-ok{width:38px;height:38px}
  .mt-izgara span{padding:9px 0}
}
.hava-gunler{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--cizgi)}
.hava-gunler div{text-align:center}
.hava-gunler span{display:block;font-size:11px;color:var(--soluk);font-weight:600}
.hava-gunler i{display:block;font-style:normal;font-size:19px;margin:4px 0 2px}
.hava-gunler strong{font-size:13px;font-weight:700}
.hava-gunler small{color:var(--soluk);font-weight:500}

/* hava panelinin altında namaz vakitleri — kutunun genişliğini değiştirmez */
.vakit{margin-top:11px;padding-top:10px;border-top:1px solid var(--cizgi)}
.vakit[hidden]{display:none}
.vakit-bas{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:8px}
.vakit-bas h4{margin:0;font-family:var(--f-baslik);font-size:12.5px;font-weight:700;color:var(--murekkep)}
.vakit-bas small{font-size:10.5px;color:var(--soluk)}
.vakit-izgara{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}
.vakit-izgara > div{text-align:center;padding:5px 2px;border-radius:6px;background:var(--bant)}
.vakit-izgara span{display:block;font-size:10.5px;color:var(--soluk);font-weight:600}
.vakit-izgara b{display:block;font-size:13px;font-weight:700;font-variant-numeric:tabular-nums;margin-top:1px}
.vakit-izgara > div.on{background:var(--murekkep)}
.vakit-izgara > div.on span{color:rgba(255,255,255,.72)}
.vakit-izgara > div.on b{color:#fff}
.vakit-kalan{margin-top:8px;font-size:12px;color:var(--ikincil);text-align:center}
.vakit-kalan b{color:var(--murekkep);font-weight:700}