/* =========================================================
   Ramazan İftar Listesi — FINAL TV CSS (EŞİT SÜTUNLAR)
   ========================================================= */
:root, html, body {
  --bg: #f0f4f8;
  --fg: #333;
  --primary: #007bff;
  --primary-dark: #1e88e5;
  --hover: #d6e6ff;
  --border: #d0d7de;

  /* Özel gün ve gün bandı */
  --highlight: #d0f0c0;   /* özel gün (tüm satır) */
  --bandA: #f7fbff;       /* gün bandı A */
  --bandB: #eaf2ff;       /* gün bandı B */
  --weekend-tint:#fff7e6; /* WE sıcak örtü */
  --week-sep:#d2a446;     /* pazar ayraç çizgisi */

  --today: #ffe4a3;       /* bugün (TV’de bilgi amaçlı) */
}
html.dark-mode, body.dark-mode {
  --bg: #1e1e1e;
  --fg: #f5f5f5;
  --primary: #1e88e5;
  --primary-dark: #2196f3;
  --hover: #2a3f5c;
  --border: #2a2a2a;

  --highlight: #335c3a;
  --bandA: #141a23;
  --bandB: #0e131b;
  --weekend-tint:#2a2418;
  --week-sep:#d2a446;

  --today: #3b2c0f;
}

html, body { height: 100%; background: var(--bg); color: var(--fg); }

/* TV: eşit sütun */
.table {
  width: 100% !important;
  table-layout: fixed !important;
  border-collapse: separate;
  border-spacing: 0;
  color: inherit;
  background: transparent;
}

/* Thead — Ramazan premium */
.table thead th {
  position: sticky; top: 0; z-index: 4;
  background: linear-gradient(180deg, #2e3440, #1f232a);
  color: #fff;
  border-bottom: 2px solid #d2a446;
  text-align: center !important;
  font-weight: 700;
  text-shadow: 0 1px 0 rgba(0,0,0,.30);
  box-shadow: 0 2px 0 rgba(0,0,0,.06), 0 4px 12px rgba(0,0,0,.08);
}
html.dark-mode .table thead th { background: #0d1016; }

/* Hücreler — okunabilirlik */
.table th, .table td {
  font-size: 1rem; line-height: 1.30;
  padding: 6px 6px !important;

  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
  hyphens: manual !important;

  text-align: center !important;
  overflow: hidden !important;
  text-overflow: clip !important;
  border-color: var(--border) !important;
}

/* Hover (özel gün/bugün harici) */
.table-hover tbody tr:not(.current-day):not(.highlight):hover,
.table-hover tbody tr:not(.current-day):not(.highlight):hover > td {
  background: var(--hover) !important; color: inherit !important;
}

/* BUGÜN (TV'de bilgi amaçlı) */
.table tbody tr.current-day, .table tbody tr.current-day > td {
  background: var(--today) !important; color:#000 !important;
}

/* === ÖZEL GÜN (YEŞİL): Tüm satır tek renk === */
.table tbody tr.highlight,
.table tbody tr.highlight > td{
  background: var(--highlight) !important;
  color: var(--fg) !important;
  box-shadow: none !important;
}

/* === GÜN BANDI — .dayA / .dayB === */
.table tbody tr.dayA:not(.current-day):not(.highlight) > td{ background: var(--bandA) !important; }
.table tbody tr.dayB:not(.current-day):not(.highlight) > td{ background: var(--bandB) !important; }

/* Hafta sonu sıcak örtü */
.table tbody tr.weekend:not(.current-day):not(.highlight) > td{
  box-shadow: inset 0 0 0 9999px color-mix(in srgb, var(--weekend-tint) 55%, transparent) !important;
}
@supports not (color-mix(in srgb, white 50%, black)){
  .table tbody tr.weekend:not(.current-day):not(.highlight) > td{
    background: var(--weekend-tint) !important;
  }
}

/* Pazar gün grubu altına hafta ayırıcı kalın çizgi */
.table tbody tr.sunday-last > td{
  border-bottom-width: 3px;
  border-bottom-color: var(--week-sep);
}

/* TV tipografi */
@media (min-width:1600px) and (max-width:2560px){ .table th, .table td{ font-size:.97rem; } }
@media (min-width:3000px){ .table th, .table td{ font-size:1.08rem; padding:7px 8px !important; } }
@media print { body{ background:#fff; color:#000; } .table thead th{ position: static; } }