/* =====================================================================
   TarihTakvimi.com — tema düğmesi, sosyal bağlantılar ve KOYU TEMA
   site.css ve sayfa.css'ten sonra yüklenir.
   ===================================================================== */

/* ---------- Ortak (her iki tema) ---------- */
:root{color-scheme:light}               /* bilgisayar karanlık moddaysa bile açık temada form kutuları açık kalsın */
.search input{background:transparent;color:var(--ink)}
.nav .navlinks{margin-left:auto}
.tema-btn{flex:0 0 auto;width:38px;height:38px;border-radius:10px;border:1px solid var(--line);background:#fff;color:var(--navy);display:grid;place-items:center;cursor:pointer}
.tema-btn:hover{border-color:#b8d5fb;color:var(--blue)}
.tema-btn .tema-gunes{display:none}
[data-tema="koyu"] .tema-btn .tema-ay{display:none}
[data-tema="koyu"] .tema-btn .tema-gunes{display:block}
.navlinks a.aktif{color:var(--blue)}

/* Kategori kısayolları: kategori sayısı değişebilir */
.quick-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));row-gap:14px}
.quick{transition:transform .15s}
.quick:hover{transform:translateY(-2px)}
.quick:hover strong{color:var(--blue)}

/* Alt bilgi: sosyal bağlantılar + e-posta */
.footer-sag{display:flex;flex-direction:column;align-items:flex-end;gap:12px}
.footer-eposta{display:block;font-size:12px;color:#a9bed7;margin-top:6px}
.footer-eposta:hover{color:#fff}
.sosyal{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}
.sosyal-link{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:700;color:#d7e5f5;border:1px solid rgba(255,255,255,.22);border-radius:20px;padding:5px 11px}
.sosyal-link:hover{background:rgba(255,255,255,.1);color:#fff}

@media(max-width:680px){
  .tema-btn{margin-left:auto}
  .quick-grid{grid-template-columns:repeat(3,1fr)}
  .quick{border-right:1px solid var(--line)}
  .quick:nth-child(3n){border-right:0}
  .footer-sag{align-items:flex-start}
  .sosyal{justify-content:flex-start}
}

/* ---------- KOYU TEMA ---------- */
:root[data-tema="koyu"]{
  --navy:#e6edf7; --ink:#dbe5f2; --muted:#9fb0c6; --line:#24395a; --bg:#0b1626; --white:#13213a;
  --blue:#4f9dff; --green:#3fc184; --amber:#e3b341;
  --shadow:0 8px 28px rgba(0,0,0,.35);
  color-scheme:dark;
}
[data-tema="koyu"] body{background:var(--bg);color:var(--ink)}

/* Üst bar, menü */
[data-tema="koyu"] .topbar{background:#0f1c31;border-bottom-color:var(--line)}
[data-tema="koyu"] .navlinks{color:#b9c8dc}
[data-tema="koyu"] .navlinks a:hover,[data-tema="koyu"] .navlinks a.aktif{color:var(--blue)}
[data-tema="koyu"] .menu-btn,[data-tema="koyu"] .tema-btn{background:#13213a;border-color:var(--line);color:var(--ink)}
@media(max-width:1120px){[data-tema="koyu"] .navlinks{background:#0f1c31;border-bottom-color:var(--line)}}
[data-tema="koyu"] .navlinks a:hover{background:#13213a}[data-tema="koyu"] .navlinks a.aktif{background:#162a48}
[data-tema="koyu"] .nav-ikon.c-navy{background:#2b4366}

/* Giriş bölümü */
[data-tema="koyu"] .hero{background:linear-gradient(115deg,#081a31 0%,#0d2b4f 62%,#11457a 100%)}
[data-tema="koyu"] .search{background:#13213a;box-shadow:0 8px 22px rgba(0,0,0,.4)}
[data-tema="koyu"] .search input{background:transparent;color:var(--ink)}
[data-tema="koyu"] .search input::placeholder{color:#7f93ad}

/* Kısayollar, reklam yeri */
[data-tema="koyu"] .quicklinks{background:#0f1c31;border-bottom-color:var(--line)}
[data-tema="koyu"] .quick{border-right-color:var(--line)}
[data-tema="koyu"] .ad-slot{background:#0f1c31;border-color:#2b4366;color:#6f84a0}

/* Paneller ve kartlar */
[data-tema="koyu"] .panel,[data-tema="koyu"] .about{background:#13213a;border-color:var(--line)}
[data-tema="koyu"] .chip{background:#13213a;border-color:var(--line);color:#b9c8dc}
[data-tema="koyu"] .chip.active{background:var(--blue);border-color:var(--blue);color:#06101e}
[data-tema="koyu"] .cd-card{background:#13213a;border-color:var(--line)}
[data-tema="koyu"] .cd-card:hover{border-color:#3a5f92}
[data-tema="koyu"] .badge{background:#1b3358;color:#8cc0ff}
[data-tema="koyu"] .badge.ok{background:#123a2a;color:#5fd69c}
[data-tema="koyu"] .badge.wait{background:#1f2c40;color:#9fb0c6}
[data-tema="koyu"] .badge.today{background:#3d1820;color:#ff8a98}
[data-tema="koyu"] .stage{background:#182a47;color:#b9c8dc}
[data-tema="koyu"] .stage strong{color:#fff}
[data-tema="koyu"] .counter div{background:#182a47}
[data-tema="koyu"] .counter b{color:#fff}
[data-tema="koyu"] .hero-count .counter div{background:rgba(255,255,255,.1)}
[data-tema="koyu"] .pending-box{background:#182a47;color:#c4d2e4}
[data-tema="koyu"] .today-box{background:#3d1820;color:#ff8a98}
[data-tema="koyu"] .cd-foot{border-top-color:var(--line)}
[data-tema="koyu"] .empty{border-color:#2b4366}
[data-tema="koyu"] .note{background:#13294a;color:#b9c8dc}
[data-tema="koyu"] .past summary{color:#b9c8dc}

/* Yan sütun */
[data-tema="koyu"] .mosque{background:#1b3358}
[data-tema="koyu"] .city-select{background:#182a47;border-color:var(--line);color:var(--ink)}
[data-tema="koyu"] .demo-warning{background:#3a2f10;color:#e9c46a}
[data-tema="koyu"] .month-head button{background:#1b3358;color:#8cc0ff}
[data-tema="koyu"] .month-grid .has-event{background:#1b3358;color:#8cc0ff}
[data-tema="koyu"] .month-grid .today{background:var(--blue);color:#06101e}
[data-tema="koyu"] .cal-info{background:#182a47;color:#b9c8dc}
[data-tema="koyu"] .popular a{color:#aebdd1;border-bottom-color:var(--line)}
[data-tema="koyu"] .popular a:hover{color:var(--blue)}

/* Alt bilgi */
[data-tema="koyu"] footer{background:#07101d}

/* İç sayfalar (sayfa.css) */
[data-tema="koyu"] .donem{color:#9fb0c6}
[data-tema="koyu"] .tablo-kap{border-color:var(--line)}
[data-tema="koyu"] .tarih-tablo th{background:#182a47;color:#9fb0c6;border-bottom-color:var(--line)}
[data-tema="koyu"] .tarih-tablo td{border-bottom-color:var(--line)}
[data-tema="koyu"] .tarih-tablo tr.siradaki td{background:#16304f}
[data-tema="koyu"] .tarih-tablo tr.gecti td{color:#6f84a0}
[data-tema="koyu"] .icerik{color:#c4d2e4}
[data-tema="koyu"] .sss details{border-top-color:var(--line)}
[data-tema="koyu"] .sss p{color:#b9c8dc}
[data-tema="koyu"] .toast{background:#1b3358}
[data-tema="koyu"] .search button{background:#1677f9;color:#fff}
[data-tema="koyu"] .search button:hover{background:#0f63d6}

/* Telefonda üst bar: logo + tema + menü düğmesi tek satır */
.menu-btn{white-space:nowrap}
@media(max-width:680px){
  .nav{gap:8px}
  .brand{min-width:0}
  .brand-name{font-size:18px}
  .tagline{display:none}
  .navlinks a{padding:6px 0;font-size:15px}
}

/* Paket 2: sayfalar, SSS, form — koyu tema */
[data-tema="koyu"] .sss .cevap{color:#b9c8dc}
[data-tema="koyu"] .iletisim-formu input:not([type=checkbox]),[data-tema="koyu"] .iletisim-formu select,[data-tema="koyu"] .iletisim-formu textarea{background:#0f1c31;border-color:#2b4366;color:var(--ink)}
[data-tema="koyu"] .form-basari{background:#123a2a;color:#5fd69c}
[data-tema="koyu"] .form-hata{background:#3d1820;color:#ff8a98}
[data-tema="koyu"] .gonder{background:#1677f9}
[data-tema="koyu"] .hukuki-uyari{background:#33290f;border-color:#5b4a16;color:#f0d78c}
[data-tema="koyu"] .hukuki-uyari a{color:#ffe08a}

/* Ana sayfa kategori kısayolları: 8 kategori tek sırada, dar ekranda 4'lü */
.quick-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}
@media(min-width:1000px){.quick-grid{grid-template-columns:repeat(8,1fr)}.quick{padding:4px 8px}.quick:nth-child(n){border-right:1px solid var(--line)}.quick:last-child{border-right:0}}
@media(max-width:999px){.quick-grid{grid-template-columns:repeat(4,1fr)}.quick:nth-child(n){border-right:1px solid var(--line)}.quick:nth-child(4n){border-right:0}}
@media(max-width:680px){.quick-grid{grid-template-columns:repeat(4,1fr)}.quick{padding:4px 4px}.quick:nth-child(n){border-right:1px solid var(--line)}.quick:nth-child(4n){border-right:0}.quick strong{font-size:11.5px}}

/* Görüntülenme sayacı (etkinlik sayfası) */
.hero .goruntulenme{display:inline-flex;align-items:center;gap:6px;margin:10px 0 0;font-size:13px;font-weight:700;opacity:.8}

/* Etkileşim: takvime ekle, paylaş, oy, sitene ekle */
.eylemler{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.eylem-acilir{position:relative}
.eylem-acilir>summary{list-style:none}.eylem-acilir>summary::-webkit-details-marker{display:none}
.eylem{display:inline-flex;align-items:center;gap:6px;padding:8px 13px;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);color:#fff;font-size:13px;font-weight:700;cursor:pointer;text-decoration:none;line-height:1.2;user-select:none}
.eylem:hover,.eylem-acilir[open]>.eylem{background:rgba(255,255,255,.26)}
.eylem-wa{background:#1fa855;border-color:#1fa855}.eylem-wa:hover{background:#178a45}
.eylem-menu{position:absolute;z-index:30;top:calc(100% + 6px);left:0;min-width:220px;background:#fff;color:#172b45;border-radius:12px;box-shadow:0 12px 32px rgba(10,30,60,.25);padding:6px;display:flex;flex-direction:column}
.eylem-menu a,.eylem-menu button{display:block;text-align:left;padding:9px 11px;border-radius:8px;color:#172b45;font:inherit;font-size:14px;font-weight:600;text-decoration:none;background:none;border:0;cursor:pointer}
.eylem-menu a:hover,.eylem-menu button:hover{background:#eef4fc}
.eylem-menu small{padding:4px 11px 6px;color:#64748b;font-size:12px}
.oy-kutu{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px}
.oy-kutu p{margin:0}.oy-soru{font-weight:800}
.oy-dugmeler{display:flex;gap:8px}
.oy-dugme{padding:8px 16px;border-radius:999px;border:1px solid var(--line,#dbe5f1);background:var(--card,#fff);color:inherit;font:inherit;font-weight:700;cursor:pointer}
.oy-dugme:hover{border-color:#1677f9;color:#1677f9}
.gom-kutu{margin:0 0 18px;padding:14px 16px;border:1px dashed var(--line,#cfdcec);border-radius:14px;font-size:14px}
.gom-kutu summary{cursor:pointer;font-weight:700}
.gom-kutu p{margin:10px 0 6px}
.gom-kod{width:100%;box-sizing:border-box;font:12px/1.45 Consolas,"Courier New",monospace;border-radius:8px;border:1px solid var(--line,#dbe5f1);padding:8px;background:var(--bg,#f5f8fc);color:inherit;resize:vertical}
.dugme-kucuk{margin-top:6px;padding:7px 14px;border-radius:999px;border:0;background:#1677f9;color:#fff;font:inherit;font-size:13px;font-weight:700;cursor:pointer}
.gom-onizleme-baslik{font-size:12px;color:#64748b}
.en-cok a{display:flex;align-items:center;gap:8px}
.en-cok .sira-no{flex:0 0 22px;height:22px;border-radius:50%;background:#eef4fc;color:#1677f9;font-size:12px;font-weight:800;display:inline-flex;align-items:center;justify-content:center}
.en-cok .yan-durum{margin-left:auto}
[data-tema="koyu"] .en-cok .sira-no{background:rgba(255,255,255,.08)}
@media (max-width:600px){.eylem{padding:8px 11px}.eylem-menu{min-width:200px}}
.oy-kutu [hidden]{display:none!important}

/* Namaz vakitleri */
.il-sec{display:inline-flex;align-items:center;gap:8px;margin-top:14px;font-size:13px;font-weight:700;color:#cfe0f7}
.il-sec select{border-radius:10px;border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.12);color:#fff;padding:7px 10px;font:inherit;font-weight:700}
.il-sec select option{color:#172b45}
.namaz-counter{grid-template-columns:repeat(3,1fr)}
.vakit-izgara{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}
.vakit{border:1px solid var(--line);border-radius:14px;padding:12px 8px;text-align:center;background:var(--white)}
.vakit span{display:block;font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
.vakit b{display:block;font-size:24px;margin-top:4px;color:var(--ink)}
.vakit.simdiki{border-color:#1677f9;background:#eef5ff;box-shadow:0 0 0 2px rgba(22,119,249,.18)}
.vakit.simdiki span{color:#1677f9}
[data-tema="koyu"] .vakit.simdiki{background:#15325c}
.iftar-bant{display:flex;align-items:center;gap:12px;margin:16px 0 0;padding:13px 16px;border-radius:14px;background:linear-gradient(135deg,#21194a,#3b2a7a);color:#fff;text-decoration:none;font-size:14px}
.iftar-bant>span:first-child{font-size:22px}.iftar-bant .ok{margin-left:auto;font-weight:800}
main>.iftar-bant{margin:0 0 18px}
.vakit-tablo td,.vakit-tablo th{text-align:center;white-space:nowrap}
.vakit-tablo td:first-child,.vakit-tablo th:first-child{text-align:left}
.vakit-tablo th small{display:block;font-size:9px;letter-spacing:.03em;opacity:.8;text-transform:none}
.vakit-tablo tr.siradaki td{background:#eef5ff;font-weight:700}
[data-tema="koyu"] .vakit-tablo tr.siradaki td{background:#15325c}
.imsakiye td:nth-child(2){text-align:left}
.imsakiye tr.gecti td{opacity:.55}
.il-arac{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.il-arac input{flex:1 1 220px;max-width:340px;border-radius:999px;border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.12);color:#fff;padding:9px 16px;font:inherit}
.il-arac input::placeholder{color:#cfe0f7}
.konum-not{margin-top:10px;font-size:14px}
.il-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px}
.il-kart{display:block;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--white);text-decoration:none;color:var(--ink)}
.il-kart:hover{border-color:#1677f9}
.il-kart strong{display:block;font-size:15px}.il-kart span{display:block;font-size:12px;color:var(--muted);margin-top:3px}
.il-kart.secili{border-color:#1677f9;box-shadow:0 0 0 2px rgba(22,119,249,.15)}
.prayer-top h2 a{color:inherit;text-decoration:none}
.city-select{max-width:140px}
.nk-sayac{display:flex;justify-content:space-between;align-items:baseline;gap:8px;background:#eef5ff;border-radius:10px;padding:9px 11px;margin-bottom:10px;font-size:12px;color:var(--muted);font-weight:700}
.nk-sayac b{font-size:16px;color:#1677f9;white-space:nowrap}
[data-tema="koyu"] .nk-sayac{background:#15325c}
.nk-vakitler{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.nk-vakitler div{border:1px solid var(--line);border-radius:9px;text-align:center;padding:6px 2px}
.nk-vakitler span{display:block;font-size:11px;color:var(--muted);font-weight:700}
.nk-vakitler b{font-size:15px}
.nk-vakitler div.siradaki{border-color:#1677f9;background:#eef5ff}
[data-tema="koyu"] .nk-vakitler div.siradaki{background:#15325c}
.nk-bag{display:block;margin-top:10px;font-size:13px;font-weight:700}
.nk-hata{font-size:12px;color:var(--muted);margin:0}
@media (max-width:760px){.vakit-izgara{grid-template-columns:repeat(3,1fr)}.vakit b{font-size:21px}}
[hidden]{display:none!important}
.sol{grid-template-columns:minmax(0,1fr)}
@media (max-width:950px){.layout{grid-template-columns:minmax(0,1fr)}}