/* ================= Tema: açık (krem + orman yeşili) / koyu (gece yeşili), 2026-10-17 =================
   site.css ve bolumler.css'ten sonra yüklenir. Renkler değişkenden gelir; koyu temada sabit renk kullanan
   yerler aşağıdaki "koyu tema düzeltmeleri" bölümünde tek tek ezilir. Seçim: html[data-tema], base.html. */
:root {
  --zemin: #f4f0e6;
  --kart: #fffdf7;
  --kart-2: #e9ece3;
  --murekkep: #1b2a25;
  --murekkep-2: #22332d;
  --soluk: #5d6a64;
  --soluk-2: #8e9892;
  --cizgi: #e2dbca;
  --orman: #17392f;
  --orman-2: #0e261f;
  --altin: #d3b062;
  --altin-yazi: #2b230f;
  --vurgu-yesil: #17392f;   /* ikon / etkin sekme */
  --ters: #fffdf7;          /* murekkep zeminin üstündeki yazı */
  color-scheme: light;
}
html[data-tema="koyu"] {
  --zemin: #0d1814;
  --kart: #14211c;
  --kart-2: #1a2a24;
  --murekkep: #e9e5d9;
  --murekkep-2: #d5d0c2;
  --soluk: #9ba69f;
  --soluk-2: #6d7973;
  --cizgi: #24362f;
  --orman: #1d3c33;
  --orman-2: #12271f;
  --altin: #d6b56a;
  --vurgu-yesil: #d6b56a;
  --ters: #0d1814;
  color-scheme: dark;
}
html, body { background: var(--zemin); }
body { transition: background-color .25s, color .25s; }

/* ---------- Üst bar ---------- */
.ust { background: var(--zemin); border-bottom-color: var(--cizgi); }
.logo-yazi { font-family: "Fraunces", Georgia, serif; font-style: italic; font-weight: 500; font-size: 28px; letter-spacing: -.01em; padding-top: 0;
  font-variation-settings: "opsz" 144, "SOFT" 50; }
.logo-isaret { color: var(--vurgu-yesil); }
.tema-dugme .tema-gunes { display: none; }
html[data-tema="koyu"] .tema-dugme .tema-ay { display: none; }
html[data-tema="koyu"] .tema-dugme .tema-gunes { display: inline; }
.tema-dugme i { font-size: 20px; }
.btn-ilan { border-color: var(--murekkep); color: var(--murekkep); }
.btn-ilan:hover { background: var(--murekkep); color: var(--ters); }

/* ---------- Ana sayfa ---------- */
.ana-ic { padding-top: 22px; }
.ana-ust { display: grid; gap: 12px; }
.giris-kart {
  position: relative; overflow: hidden; isolation: isolate; text-align: center; color: #f4efe3;
  padding: clamp(36px, 6vw, 64px) 22px clamp(34px, 5vw, 56px); border-radius: 26px;
  background: radial-gradient(120% 90% at 50% 0%, #24493d 0%, var(--orman) 45%, var(--orman-2) 100%);
  box-shadow: 0 24px 48px -32px rgba(14, 38, 31, .55);
}
.giris-kart::before { /* fotoğraf dokusu (adresi index.html verir) */
  content: ""; position: absolute; inset: 0; z-index: -1; background-size: cover; background-position: 50% 55%;
  opacity: .14; mix-blend-mode: luminosity;
}
html[data-tema="koyu"] .giris-kart { border: 1px solid rgba(214, 181, 106, .16); box-shadow: none; }
.gk-etiket { font-size: 12px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--altin); }
.giris-kart h1 { margin: 14px 0 0; display: flex; flex-direction: column; align-items: center; font-family: "Fraunces", Georgia, serif;
  font-size: clamp(42px, 7vw, 76px); line-height: 1.02; letter-spacing: -.02em; font-weight: 500; }
.gk-ust { font-style: italic; font-weight: 400; font-variation-settings: "opsz" 144, "SOFT" 100; }
.gk-alt { font-variation-settings: "opsz" 144, "SOFT" 30; }
.giris-kart .nokta { color: var(--altin); }
.gk-metin { margin: 16px auto 0; max-width: 30ch; font-size: 15.5px; line-height: 1.45; color: rgba(244, 239, 227, .86); }

.hava-kart { padding: 14px 16px; border-radius: 18px; background: var(--kart-2); border: 1px solid var(--cizgi); display: grid; gap: 6px; align-content: center; }
html[data-tema="koyu"] .hava-kart { background: var(--kart); }
.hk-baslik { display: flex; align-items: center; gap: 7px; font-size: 11.5px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: var(--soluk); }
.hk-satir { display: flex; justify-content: space-between; align-items: flex-end; gap: 12px; flex-wrap: wrap; }
.hk-derece { display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; }
.hk-derece b { font-family: "Inter Tight", sans-serif; font-size: 28px; font-weight: 700; letter-spacing: -.03em; }
.hk-derece span { font-size: 14px; color: var(--soluk); }
.hk-yan { text-align: right; display: grid; justify-items: end; }
.hk-yan b { display: inline-flex; align-items: center; gap: 5px; font-size: 15px; }
.hk-yan b i { font-size: 17px; color: var(--vurgu-yesil); }
.hk-yan small { font-size: 12.5px; color: var(--soluk); }
.hk-alt { display: flex; flex-wrap: wrap; gap: 4px 16px; font-size: 13px; color: var(--soluk); }
.hk-alt span { display: inline-flex; align-items: center; gap: 5px; }
.hk-alt i { font-size: 15px; }

.ana-bolum { margin-top: 30px; }
.ab-baslik { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; flex-wrap: wrap; margin-bottom: 12px; }
.ab-baslik h2 { font-family: "Inter Tight", sans-serif; font-size: 21px; font-weight: 700; letter-spacing: -.03em; line-height: 1.15; }
.ab-baslik a { display: inline-flex; align-items: center; gap: 3px; font-size: 13.5px; font-weight: 600; color: var(--soluk); }
html[data-tema="koyu"] .ab-baslik a { color: var(--altin); }
.ab-baslik a:hover { color: var(--murekkep); }

.ilan-ver-buyuk {
  display: flex; align-items: center; justify-content: center; gap: 12px; min-height: 56px; padding: 10px 16px;
  border-radius: 16px; background: var(--altin); color: var(--altin-yazi); font-weight: 700; font-size: 16px;
  transition: filter .15s, transform .15s;
}
.ilan-ver-buyuk span { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 10px; background: rgba(43, 35, 15, .14); }
.ilan-ver-buyuk span i { font-size: 18px; }
.ilan-ver-buyuk:hover { filter: brightness(1.05); transform: translateY(-1px); }

.kapilar { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-top: 10px; }
.kapilar a, .aktiviteler a, .sohbet-kart, .mahalle-cipler a {
  background: var(--kart); border: 1px solid var(--cizgi); transition: border-color .15s, transform .15s, background .15s;
}
.kapilar a:hover, .aktiviteler a:hover, .sohbet-kart:hover, .mahalle-cipler a:hover { border-color: var(--vurgu-yesil); }
.kapilar a { display: flex; align-items: center; gap: 12px; padding: 16px 14px; border-radius: 16px; font-weight: 600; font-size: 15px; line-height: 1.25; min-height: 68px; }
.kp-ikon { flex: none; display: grid; place-items: center; width: 38px; height: 38px; border-radius: 11px; background: var(--kart-2); }
html[data-tema="koyu"] .kp-ikon { background: var(--orman); }
.kp-ikon i { font-size: 20px; color: var(--vurgu-yesil); }
.kp-ok { margin-left: auto; flex: none; font-size: 14px; color: var(--soluk-2); }

.sohbet-kart { display: grid; gap: 4px; padding: 13px 16px; border-radius: 16px; }
.sk-ust { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.sk-ust b { font-size: 15px; }
.sk-ust small { font-size: 12.5px; color: #1f8a52; font-weight: 600; }
html[data-tema="koyu"] .sk-ust small { color: #5fd99a; }
.sk-mesaj { font-size: 14px; line-height: 1.4; color: var(--soluk); overflow-wrap: anywhere;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.sk-mesaj b { color: var(--murekkep); font-weight: 600; }

.aktiviteler { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; margin-top: 10px; }
.aktiviteler a { display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 14px 4px 12px; border-radius: 14px;
  font-size: 13px; font-weight: 600; text-align: center; line-height: 1.2; }
.aktiviteler a i { font-size: 24px; color: var(--vurgu-yesil); }

.mahalle-cipler { display: flex; flex-wrap: wrap; gap: 8px; }
.mahalle-cipler a { padding: 8px 14px; border-radius: 999px; font-size: 14px; font-weight: 500; }

@media (min-width: 900px) {
  .ana-ic { padding-top: 32px; }
  .ana-ust { grid-template-columns: minmax(0, 2.2fr) minmax(0, 1fr); gap: 16px; }
  .hava-kart { padding: 22px; gap: 12px; }
  .hk-derece b { font-size: 40px; }
  .ana-bolum { margin-top: 44px; }
  .ab-baslik h2 { font-size: 26px; }
  .kapilar { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
  .kapilar a { padding: 22px 18px; font-size: 16px; }
  .aktiviteler a { padding: 20px 8px 16px; font-size: 14px; }
  .aktiviteler a i { font-size: 28px; }
}

/* ---------- Alt sekme çubuğu (telefon) ---------- */
@media (max-width: 640px) {
  .alt-cubuk { background: color-mix(in srgb, var(--kart) 96%, transparent); border-top-color: var(--cizgi); }
  .alt-cubuk a { color: var(--soluk-2); }
  .alt-cubuk a.aktif { color: var(--vurgu-yesil); }
  .alt-cubuk a.aktif::before { background: var(--vurgu-yesil); }
  .alt-cubuk .ac-arti { background: var(--orman); border-color: var(--orman); color: #fffdf7; }
  html[data-tema="koyu"] .alt-cubuk .ac-arti { background: var(--altin); border-color: var(--altin); color: var(--altin-yazi); }
  .alt-cubuk a.aktif .ac-arti { border-color: var(--altin); color: inherit; }
  .ana-ic { padding-top: 14px; }
  .ana-bolum { margin-top: 26px; }
  .giris-kart { padding: 30px 18px 28px; border-radius: 22px; }
  .giris-kart h1 { margin-top: 10px; font-size: 44px; }
  .gk-metin { margin-top: 12px; font-size: 15px; }
  .kapilar a { padding: 14px 12px; gap: 10px; }
  .kp-ok { display: none; }
}

/* ---------- Koyu tema düzeltmeleri: murekkep zeminli düğmeler açık renge döner, yazıları koyu olmalı ---------- */
html[data-tema="koyu"] .btn-dolu { background: var(--altin); border-color: var(--altin); color: var(--altin-yazi); }
html[data-tema="koyu"] .btn-dolu:hover { background: #e2c47f; }
html[data-tema="koyu"] .btn-cizgi:hover { color: var(--ters); }
html[data-tema="koyu"] .kart-ikon { background: var(--orman); }
html[data-tema="koyu"] .kart:hover .kart-ok { color: var(--ters); }
html[data-tema="koyu"] .etiketler span { color: var(--soluk); }

/* ---------- Ana sayfa kategori kartları (6 kapı, Aktivite içinde 4 alt bölüm): düzen site.css'te, renkler temadan ----------
   Açık temada krem kart + orman yeşili ikon; koyu temada kartlar gece yeşili zeminde gold neon konturlu kalır. */
.ana .bolum-baslik { margin: 34px 0 14px; }
.ana .bolum-baslik p { color: var(--soluk); }
.bolumler > .kart { background: var(--kart); border: 1px solid var(--cizgi); box-shadow: none; }
.bolumler > .kart:hover { border-color: var(--vurgu-yesil); box-shadow: 0 14px 30px -24px rgba(23, 57, 47, .45); }
.bolumler > .kart h3 { color: var(--murekkep); }
.bolumler > .kart p { color: var(--soluk); }
.bolumler > .kart .kart-no, .bolumler > .kart .kart-ok { color: var(--vurgu-yesil); }
.bolumler > .kart .kart-ok { border-color: var(--cizgi); }
.bolumler > .kart .kart-ikon { background: var(--kart-2); border: 0; }
.bolumler > .kart .kart-ikon i { color: var(--vurgu-yesil); }
.bolumler > .kart:hover .kart-ok { background: var(--orman); border-color: var(--orman); color: #fffdf7; }
.bolumler > .kart .etiketler { border-top-color: var(--cizgi); }
.bolumler > .kart .etiketler span { color: var(--soluk); }
.bolumler .kart .aktivite-linkler a { background: transparent; border-color: var(--cizgi); color: var(--murekkep); }
.bolumler .kart .aktivite-linkler a i { color: var(--vurgu-yesil); }
.bolumler .kart .aktivite-linkler a:hover { background: var(--kart-2); border-color: var(--vurgu-yesil); }
.ana .sohbet-serit { background: var(--kart); border-color: var(--cizgi); color: var(--murekkep); }
.ana .ss-mesaj { color: var(--soluk); }
.ana .ss-mesaj b { color: var(--murekkep); }

html[data-tema="koyu"] .bolumler > .kart {
  border-color: rgba(214, 181, 106, .75);
  box-shadow: 0 0 0 1px rgba(214, 181, 106, .18), 0 0 14px rgba(214, 181, 106, .22), inset 0 0 18px rgba(214, 181, 106, .05);
}
html[data-tema="koyu"] .bolumler > .kart:hover { border-color: #ecd394; box-shadow: 0 0 0 1px rgba(214, 181, 106, .35), 0 0 22px rgba(214, 181, 106, .4); }
html[data-tema="koyu"] .bolumler > .kart h3 { color: #f0dca6; }
html[data-tema="koyu"] .bolumler > .kart .kart-ikon { background: transparent; border: 1px solid rgba(214, 181, 106, .55); }
html[data-tema="koyu"] .bolumler > .kart .etiketler { border-top-color: rgba(214, 181, 106, .22); }
html[data-tema="koyu"] .bolumler > .kart .etiketler span { color: #c7b488; }
html[data-tema="koyu"] .bolumler > .kart:hover .kart-ok { background: var(--altin); border-color: var(--altin); color: var(--altin-yazi); }
html[data-tema="koyu"] .bolumler .kart .aktivite-linkler a { border-color: rgba(214, 181, 106, .4); color: #f0dca6; }
html[data-tema="koyu"] .bolumler .kart .aktivite-linkler a:hover { background: rgba(214, 181, 106, .1); border-color: var(--altin); }
@media (max-width: 640px) { .ana .bolum-baslik { margin: 26px 0 12px; } }

/* ---------- Koyu tema: diğer sayfalar (kontrast taramasıyla bulundu) ---------- */
/* murekkep zeminli düğmeler: gold dolgu, koyu yazı */
html[data-tema="koyu"] :is(.btn-wa, .ozel-form .btn-gonder, .kayit-cubuk .btn-gonder, .ing-ses:hover, .ing-ses.buyuk) {
  background: var(--altin); color: var(--altin-yazi);
}
/* murekkep zeminli koyu paneller ve rozetler: koyu temada orman yeşili kalsın, beyaz yazı okunsun */
html[data-tema="koyu"] :is(.meydan-panel, .kesfet-serit, .ing-siradaki, .balon.benim, .uyum, .gonderi-ikon, .av-ikon,
  .kademe-no, .okey-koltuk .ok-av, .kesfet-son .kart-ikon, .saha-yer.saha-dolu .saha-top, .ses-dugme) { background: var(--orman); }
html[data-tema="koyu"] .meydan-panel { border: 1px solid var(--cizgi); }
html[data-tema="koyu"] .kart:hover .kart-ok, html[data-tema="koyu"] .btn-ilan:hover { color: var(--ters); }
/* beyaz zeminli küçük öğeler: yazı koyu kalsın */
html[data-tema="koyu"] :is(.sohbet-yeni, .btn-gonder, .balon.benim .ses-dugme) { color: #14211c; }
html[data-tema="koyu"] .dil-menu { background: var(--kart); }
html[data-tema="koyu"] .aktivite-linkler a:hover { background: var(--kart-2); }
/* sabit koyu gri metinler */
html[data-tema="koyu"] :is(.yasam span, .gonderi-metin, .av-hava, .av-popup .av-popup-hava, .mac-bilgi, .rozet-k,
  .ilan-aciklama, .kademe-nasil ul, .iz-metin) { color: var(--soluk); }

/* Hava kartı kategori kartlarının altında (2026-10-17): açılış kartı tek başına tam genişlik, hava yatay şerit */
.bolumler + .hava-kart { margin-top: 14px; }
@media (min-width: 900px) {
  .ana-ust { grid-template-columns: 1fr; }
  .bolumler + .hava-kart { grid-template-columns: auto 1fr auto; align-items: center; gap: 8px 28px; padding: 18px 24px; }
  .bolumler + .hava-kart .hk-satir { justify-content: flex-start; gap: 28px; }
  .bolumler + .hava-kart .hk-derece b { font-size: 32px; }
  .bolumler + .hava-kart .hk-alt { justify-content: flex-end; }
}

/* ---------- Bugün Fethiye'de + son paylaşımlar (ana sayfa), nöbetçi eczane sayfası (2026-10-17) ---------- */
.bugun-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.bugun-kart { display: grid; align-content: start; gap: 10px; padding: 16px; border-radius: 18px; background: var(--kart);
  border: 1px solid var(--cizgi); transition: border-color .15s; min-width: 0; }
.bugun-kart:hover { border-color: var(--vurgu-yesil); }
.bk-baslik { display: flex; align-items: center; gap: 10px; font-weight: 700; font-size: 15px; line-height: 1.25; }
.bk-ikon { flex: none; display: grid; place-items: center; width: 34px; height: 34px; border-radius: 10px; background: var(--kart-2); }
html[data-tema="koyu"] .bk-ikon { background: var(--orman); }
.bk-ikon i { font-size: 18px; color: var(--vurgu-yesil); }
.bk-ok { margin-left: auto; flex: none; font-size: 15px; color: var(--soluk-2); }
.bk-liste { list-style: none; margin: 0; padding: 0; display: grid; gap: 7px; }
.bk-liste li { display: flex; justify-content: space-between; align-items: baseline; gap: 4px 10px; flex-wrap: wrap; font-size: 14px; line-height: 1.35; }
.bk-liste b { font-weight: 600; overflow-wrap: anywhere; }
.bk-liste span { font-size: 12.5px; color: var(--soluk); }
.bk-bos { font-size: 14px; color: var(--soluk); display: flex; align-items: center; gap: 6px; }
.bk-iyi { color: #1f8a52; font-weight: 600; }
html[data-tema="koyu"] .bk-iyi { color: #5fd99a; }

.son-liste { list-style: none; margin: 0; padding: 0; border-radius: 18px; background: var(--kart); border: 1px solid var(--cizgi); overflow: hidden; }
.son-liste li + li { border-top: 1px solid var(--cizgi); }
.son-liste a { display: flex; align-items: center; gap: 12px; padding: 12px 16px; transition: background .15s; }
.son-liste a:hover { background: var(--kart-2); }
.al-ikon { flex: none; display: grid; place-items: center; width: 36px; height: 36px; border-radius: 11px; background: var(--kart-2); }
html[data-tema="koyu"] .al-ikon { background: var(--orman); }
.al-ikon i { font-size: 18px; color: var(--vurgu-yesil); }
.al-yazi { flex: 1; min-width: 0; display: grid; gap: 2px; }
.al-yazi small { font-size: 12.5px; color: var(--soluk); }
.al-yazi b { font-size: 14.5px; font-weight: 600; line-height: 1.35; overflow-wrap: anywhere; }
.al-zaman { flex: none; align-self: flex-start; font-size: 12px; color: var(--soluk-2); white-space: nowrap; padding-top: 2px; }

.ez-alt { margin-top: 6px; color: var(--soluk); font-size: 14.5px; }
.ez-liste { list-style: none; margin: 22px 0 0; padding: 0; display: grid; gap: 12px; }
.ez-kart { display: flex; justify-content: space-between; align-items: flex-end; gap: 12px 16px; flex-wrap: wrap; padding: 16px 18px;
  border-radius: 18px; background: var(--kart); border: 1px solid var(--cizgi); }
.ez-bilgi { min-width: 0; flex: 1 1 260px; display: grid; gap: 3px; }
.ez-bolge { font-size: 11.5px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--soluk); }
html[data-tema="koyu"] .ez-bolge { color: var(--altin); }
.ez-bilgi h2 { font-family: "Inter Tight", sans-serif; font-size: 19px; font-weight: 700; letter-spacing: -.02em; line-height: 1.2; }
.ez-adres { font-size: 14px; color: var(--soluk); line-height: 1.4; }
.ez-saat { display: flex; align-items: center; gap: 5px; font-size: 12.5px; color: var(--soluk-2); }
.ez-dugmeler { display: flex; gap: 8px; flex-wrap: wrap; }
.ez-not { margin-top: 12px; font-size: 13px; color: var(--soluk); }
.ez-not a { text-decoration: underline; }
.acil-bolum { margin-top: 36px; scroll-margin-top: 80px; }
.ab-h2 { font-family: "Inter Tight", sans-serif; font-size: 22px; font-weight: 700; letter-spacing: -.03em; margin-bottom: 12px; }
.acil-liste { list-style: none; margin: 0; padding: 0; border-radius: 18px; background: var(--kart); border: 1px solid var(--cizgi); overflow: hidden; }
.acil-liste li + li { border-top: 1px solid var(--cizgi); }
.acil-liste a { display: flex; align-items: center; gap: 12px; padding: 13px 16px; transition: background .15s; }
.acil-liste a:hover { background: var(--kart-2); }
.acil-ikon { flex: none; display: grid; place-items: center; width: 38px; height: 38px; border-radius: 11px; background: var(--kart-2); }
html[data-tema="koyu"] .acil-ikon { background: var(--orman); }
.acil-ikon i { font-size: 19px; color: var(--vurgu-yesil); }
.acil-yazi { flex: 1; min-width: 0; display: grid; gap: 1px; }
.acil-yazi b { font-size: 15px; }
.acil-yazi small { font-size: 12.5px; color: var(--soluk); line-height: 1.35; }
.acil-no { flex: none; font-family: "Inter Tight", sans-serif; font-size: 18px; font-weight: 700; letter-spacing: -.01em; }

@media (max-width: 640px) {
  .bugun-grid { grid-template-columns: minmax(0, 1fr); gap: 10px; }
  .bugun-kart { padding: 14px; }
  .son-liste a { padding: 11px 13px; }
  .ez-dugmeler { width: 100%; }
  .ez-dugmeler .btn { flex: 1; justify-content: center; }
}

/* Logo yazısı "Fethiye Meydanı" (2026-10-17): telefonda tek satıra sığsın, sığmazsa alt satıra geçer (kesilmez) */
@media (max-width: 640px) {
  .logo-yazi, .alt-cubuklu .logo-yazi { font-size: 22px; line-height: 1.05; }
}
@media (max-width: 350px) {
  .logo-yazi, .alt-cubuklu .logo-yazi { font-size: 18px; }
}
.ez-durum { display: inline-block; padding: 3px 10px; border-radius: 999px; font-size: 13px; font-weight: 700; background: var(--kart-2); color: var(--murekkep); margin-right: 4px; }
.ez-acik { background: #1f8a52; color: #fff; }
.ez-uyari { display: flex; gap: 10px; align-items: flex-start; margin-top: 16px; padding: 12px 14px; border-radius: 14px;
  background: rgba(211, 176, 98, .14); border: 1px solid rgba(211, 176, 98, .45); font-size: 14px; line-height: 1.45; }
.ez-uyari i { flex: none; font-size: 20px; color: var(--altin); margin-top: 1px; }
.ez-uyari p { margin: 0; }
.ez-uyari-kirmizi { background: rgba(210, 63, 52, .12); border-color: rgba(210, 63, 52, .5); }
.ez-uyari-kirmizi i { color: #d23f34; }
.ez-uyari-kirmizi a { text-decoration: underline; font-weight: 600; }

/* ---------- Meteorolojik uyarı şeridi + uç değer tahmini (ana sayfa, 2026-10-17) ---------- */
.hava-uyari { display: flex; align-items: center; gap: 12px; padding: 13px 16px; margin-bottom: 10px; border-radius: 16px;
  border: 1px solid; background: var(--kart); }
.hava-uyari > i { flex: none; font-size: 22px; }
.hava-uyari span { flex: 1; min-width: 0; display: grid; gap: 2px; }
.hava-uyari b { font-size: 15px; line-height: 1.3; overflow-wrap: anywhere; }
.hava-uyari small { font-size: 12.5px; color: var(--soluk); }
.hava-uyari .hu-ok { font-size: 16px; color: var(--soluk-2); }
.hava-uyari.seviye-1 { border-color: rgba(214, 170, 30, .7); background: rgba(240, 200, 60, .12); }
.hava-uyari.seviye-1 > i { color: #c99a06; }
.hava-uyari.seviye-2 { border-color: rgba(235, 120, 30, .75); background: rgba(240, 130, 40, .13); }
.hava-uyari.seviye-2 > i { color: #e0701a; }
.hava-uyari.seviye-3 { border-color: rgba(210, 50, 45, .8); background: rgba(210, 50, 45, .13); }
.hava-uyari.seviye-3 > i { color: #d23f34; }
.hava-tahmin { display: grid; gap: 4px; padding: 11px 16px; margin-bottom: 10px; border-radius: 16px; background: var(--kart);
  border: 1px dashed var(--cizgi); }
.hava-tahmin p { display: flex; align-items: center; gap: 8px; font-size: 14.5px; font-weight: 600; }
.hava-tahmin p i { font-size: 18px; color: var(--vurgu-yesil); }
.hava-tahmin small { font-size: 12px; color: var(--soluk); }

/* ---------- Vitrin şeridi: meydan sohbetinin altında soldan sağa kayan kutular (2026-10-17) ---------- */
.vitrin { margin: 0 0 14px; }
.vitrin-pencere { overflow: hidden; border-radius: 16px;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 4%, #000 96%, transparent);
          mask-image: linear-gradient(90deg, transparent, #000 4%, #000 96%, transparent); }
.vitrin-serit { display: flex; gap: 10px; width: max-content; animation: vitrin-kay var(--sure, 48s) linear infinite; }
.vitrin-pencere:hover .vitrin-serit, .vitrin-pencere:focus-within .vitrin-serit, .vitrin-pencere:active .vitrin-serit { animation-play-state: paused; }
/* iki kopya yan yana: -50%'den 0'a = içerik soldan sağa akar, sonunda başa sarar ama fark edilmez */
@keyframes vitrin-kay { from { transform: translateX(calc(-50% - 5px)); } to { transform: translateX(0); } }
.vitrin-kutu { position: relative; flex: none; width: 200px; min-height: 104px; display: grid; align-content: start; gap: 4px;
  padding: 12px 14px; border-radius: 14px; background: var(--kart); border: 1px solid var(--cizgi); }
.vitrin-kutu b { font-size: 14.5px; line-height: 1.25; overflow-wrap: anywhere; }
.vitrin-kutu small { font-size: 12.5px; line-height: 1.35; color: var(--soluk); }
.vk-ikon { display: grid; place-items: center; width: 32px; height: 32px; border-radius: 10px; background: var(--kart-2); margin-bottom: 2px; }
html[data-tema="koyu"] .vk-ikon { background: var(--orman); }
.vk-ikon i { font-size: 17px; color: var(--vurgu-yesil); }
.vk-etiket { position: absolute; top: 9px; right: 10px; font-size: 10.5px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase;
  padding: 2px 7px; border-radius: 999px; background: var(--kart-2); color: var(--soluk); }
.vitrin-kutu.bos { border-style: dashed; background: transparent; transition: border-color .15s; }
.vitrin-kutu.bos:hover { border-color: var(--vurgu-yesil); }
.vitrin-kutu.bos small { color: var(--altin); font-weight: 600; }
html:not([data-tema="koyu"]) .vitrin-kutu.bos small { color: var(--orman); }
@media (max-width: 640px) { .vitrin-kutu { width: 168px; min-height: 98px; padding: 11px 12px; } .vitrin { margin-bottom: 10px; } }
@media (prefers-reduced-motion: reduce) {
  .vitrin-serit { animation: none; }
  .vitrin-pencere { overflow-x: auto; -webkit-mask-image: none; mask-image: none; }
  .vitrin-serit > [aria-hidden="true"] { display: none; }
}

/* ---------- İşletme tanıtım sayfası + yönetim listesi (2026-10-17) ---------- */
.vk-ikon img { width: 100%; height: 100%; object-fit: cover; border-radius: 10px; }
a.vitrin-kutu.dolu { transition: border-color .15s; }
a.vitrin-kutu.dolu:hover { border-color: var(--vurgu-yesil); }
.is-kart { margin-top: 16px; padding: 18px; border-radius: 20px; background: var(--kart); border: 1px solid var(--cizgi); display: grid; gap: 14px; }
.is-foto { width: 100%; max-height: 340px; object-fit: cover; border-radius: 14px; }
.is-ust { display: flex; align-items: flex-start; gap: 12px; }
.is-ikon { flex: none; display: grid; place-items: center; width: 46px; height: 46px; border-radius: 13px; background: var(--kart-2); }
html[data-tema="koyu"] .is-ikon { background: var(--orman); }
.is-ikon i { font-size: 24px; color: var(--vurgu-yesil); }
.is-baslik { flex: 1; min-width: 0; }
.is-kategori { font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--soluk); }
.is-baslik h1 { font-family: "Inter Tight", sans-serif; font-size: clamp(24px, 5vw, 32px); font-weight: 700; letter-spacing: -.03em; line-height: 1.15; overflow-wrap: anywhere; }
.is-etiket { position: static; flex: none; }
.is-kisa { font-size: 15.5px; color: var(--soluk); }
.is-dugmeler { display: flex; flex-wrap: wrap; gap: 8px; }
.is-dugmeler .btn { flex: 1 1 140px; justify-content: center; }
.is-ornek-dugme { opacity: .55; pointer-events: none; }
.is-kampanya { display: flex; align-items: center; gap: 8px; padding: 10px 12px; border-radius: 12px; font-weight: 600; font-size: 14.5px;
  background: rgba(211, 176, 98, .14); border: 1px solid rgba(211, 176, 98, .45); }
.is-kampanya i { color: var(--altin); font-size: 18px; }
.is-bilgi { display: grid; gap: 10px; margin: 0; }
.is-bilgi div { display: grid; gap: 2px; }
.is-bilgi dt { display: flex; align-items: center; gap: 6px; font-size: 12.5px; color: var(--soluk); }
.is-bilgi dd { margin: 0; font-size: 15px; }
.yi-liste { display: grid; gap: 12px; margin-top: 18px; }
.yi-kart { padding: 14px 16px; border-radius: 16px; background: var(--kart); border: 1px solid var(--cizgi); display: grid; gap: 12px; }
.yi-kart.pasif { opacity: .6; }
.yi-ust { display: flex; justify-content: space-between; align-items: flex-start; gap: 10px; }
.yi-ust b { font-size: 16px; overflow-wrap: anywhere; }
.yi-ust small { display: block; font-size: 13px; color: var(--soluk); margin-top: 2px; }
.yi-rozet { font-weight: 700; color: var(--altin); }
.yi-islem { display: flex; gap: 6px; flex: none; }
.yi-sayac { display: grid; grid-template-columns: repeat(auto-fill, minmax(96px, 1fr)); gap: 8px; margin: 0; }
.yi-sayac div { padding: 8px 10px; border-radius: 10px; background: var(--kart-2); }
html[data-tema="koyu"] .yi-sayac div { background: var(--orman-2); }
.yi-sayac dt { font-size: 11.5px; color: var(--soluk); }
.yi-sayac dd { margin: 0; font-family: "Inter Tight", sans-serif; font-size: 20px; font-weight: 700; }
.yi-sil { margin-top: 28px; }
.onay-satir { display: flex; align-items: center; gap: 8px; font-size: 14.5px; font-weight: 500; margin-bottom: 6px; cursor: pointer; }