/* Ziyaretçinin seçtiği açık/koyu tema. Derleme gerektirmeden sunulur. */
.tema-secici {
    display: inline-flex;
    height: 2rem;
    width: 2rem;
    align-items: center;
    justify-content: center;
    gap: .375rem;
    border: 1px solid #e2e8f0;
    border-radius: 9999px;
    background: #f1f5f9;
    padding: 0;
    color: #4a607d;
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
    transition: color .15s ease, border-color .15s ease, background-color .15s ease;
}

.tema-secici:hover { border-color: #0f2d52; color: #0f2d52; }

.tema-menusu {
    position: absolute;
    right: 0;
    top: calc(100% + .5rem);
    z-index: 80;
    width: 9.75rem;
    overflow: hidden;
    border: 1px solid #e2e8f0;
    border-radius: .625rem;
    background: #fff;
    padding: .25rem;
    box-shadow: 0 10px 25px rgb(15 23 42 / .16);
}

.tema-menusu button {
    display: flex;
    width: 100%;
    align-items: center;
    gap: .5rem;
    border-radius: .375rem;
    padding: .5rem .625rem;
    color: #334155;
    font-size: .75rem;
    font-weight: 700;
    text-align: left;
}

.tema-menusu button:hover,
.tema-menusu .tema-menusu-secili { background: #eaf1fa; color: #0f2d52; }

html[data-theme="dark"] {
    color-scheme: dark;
    --color-surface: #0f172a;
    --color-ink: #e5edf8;
    --color-ink-soft: #aebdd1;
}

html[data-theme="dark"] body { background-color: #0f172a; }
html[data-theme="dark"] .bg-white { background-color: #172033 !important; }
html[data-theme="dark"] .bg-gray-50,
html[data-theme="dark"] .bg-gray-100,
html[data-theme="dark"] .bg-surface { background-color: #111b2e !important; }
html[data-theme="dark"] .border-gray-100,
html[data-theme="dark"] .border-gray-200,
html[data-theme="dark"] .border-gray-300 { border-color: #334155 !important; }
html[data-theme="dark"] .text-ink { color: #e5edf8 !important; }
html[data-theme="dark"] .text-ink-soft,
html[data-theme="dark"] .text-gray-500,
html[data-theme="dark"] .text-gray-600,
html[data-theme="dark"] .text-gray-700 { color: #aebdd1 !important; }
html[data-theme="dark"] .text-gray-800,
html[data-theme="dark"] .text-gray-900 { color: #e5edf8 !important; }
html[data-theme="dark"] .text-navy { color: #bfdbfe !important; }
html[data-theme="dark"] .hover\:text-navy:hover { color: #dbeafe !important; }
html[data-theme="dark"] .text-black { color: #f8fafc !important; }
html[data-theme="dark"] .ring-gray-100,
html[data-theme="dark"] .ring-gray-200,
html[data-theme="dark"] .divide-gray-100,
html[data-theme="dark"] .divide-gray-200 { --tw-ring-color: #334155 !important; border-color: #334155 !important; }
html[data-theme="dark"] input,
html[data-theme="dark"] textarea,
html[data-theme="dark"] select { border-color: #475569; background-color: #0f172a; color: #e5edf8; }
html[data-theme="dark"] .article-body { color: #dbe7f5; }
html[data-theme="dark"] .article-body h2,
html[data-theme="dark"] .article-body h3,
html[data-theme="dark"] .article-body a { color: #9cc7ff; }
html[data-theme="dark"] .tema-secici { border-color: #475569; background: #26344c; color: #e5edf8; }
html[data-theme="dark"] .tema-secici:hover { border-color: #93c5fd; color: #bfdbfe; }
html[data-theme="dark"] .tema-menusu { border-color: #475569; background: #172033; box-shadow: 0 10px 25px rgb(0 0 0 / .35); }
html[data-theme="dark"] .tema-menusu button { color: #dbeafe; }
html[data-theme="dark"] .tema-menusu button:hover,
html[data-theme="dark"] .tema-menusu .tema-menusu-secili { background: #263d5e; color: #fff; }

/* Modül kapakları: sade, koyu lacivert zemin. Yeni sayfa kapaklarında bu sınıf kullanılır. */
.modul-kapak {
    background: #111b30;
}

.kesfet-katmani {
    position: fixed !important;
    inset: 0 !important;
    z-index: 2147483000 !important;
    width: 100vw !important;
    height: 100dvh !important;
    overflow: hidden !important;
    isolation: isolate;
    background: #0b1220 !important;
    overscroll-behavior: none;
}
.kesfet-sahne { position: relative; height: 100%; width: 100%; overflow: hidden; background: #0b1220; cursor: grab; touch-action: none; }
.kesfet-sahne:active { cursor: grabbing; }
.kesfet-ac-dugmesi { position: relative; z-index: 30; pointer-events: auto; touch-action: manipulation; box-shadow: 0 4px 14px rgb(0 0 0 / .28); transition: filter .18s ease, transform .18s ease; }
.kesfet-ac-dugmesi:hover { filter: brightness(1.16); transform: translateY(-1px); }
[data-bilgi-sayfasi], [data-ozel-sayfa] { min-width: 0; max-width: 100%; overflow-wrap: anywhere; }
[data-bilgi-sayfasi] article, [data-bilgi-sayfasi] aside, [data-ozel-sayfa] article { min-width: 0; max-width: 100%; }
[data-bilgi-sayfasi] h1, [data-ozel-sayfa] h1 { flex-shrink: 1; min-width: 0; white-space: normal; }
[data-bilgi-menu] a { gap: 8px; }
.kesfet-mobil-satir { display: flex; flex: 0 0 auto; }
.kesfet-bagimsiz-mobil { display: none; }
.son-dakika-haber-link { min-width: 0; }
.son-dakika-haber-basligi { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.kesfet-kapat { position: absolute; top: 1.25rem; right: 1.25rem; z-index: 20; display: flex; height: 3rem; width: 3rem; align-items: center; justify-content: center; border: 1px solid rgb(255 255 255 / .38); border-radius: 9999px; background: rgb(0 0 0 / .38); color: #fff; font-size: 2rem; font-weight: 300; line-height: 1; transition: background-color .18s ease; }
.kesfet-kapat:hover { background: rgb(0 0 0 / .7); }
.kesfet-numarator { position: absolute; top: 50%; right: 1.5rem; z-index: 20; display: flex; flex-direction: column; align-items: center; gap: .8rem; transform: translateY(-50%); }
.kesfet-yonlendirme { position: absolute; bottom: 1.25rem; left: 50%; z-index: 20; transform: translateX(-50%); color: rgb(255 255 255 / .65); font-size: .75rem; font-weight: 600; text-align: center; white-space: nowrap; }
.kesfet-yonlendirme span { display: block; font-size: 1.125rem; line-height: 1; }
.kesfet-golge {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(0, 0, 0, .98) 0%, rgba(0, 0, 0, .82) 35%, rgba(0, 0, 0, .30) 64%, transparent 100%);
}
.kesfet-icerik {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: flex-end;
    box-sizing: border-box;
    height: 100%;
    max-width: 72rem;
    margin: 0 auto;
    padding: 6rem 1.5rem 7.5rem;
}
.kesfet-metin { max-width: 48rem; }
@media (min-width: 768px) {
    .kesfet-icerik { padding: 8rem 3rem 9rem; }
}
.kesfet-nokta { height: .55rem; width: .55rem; border: 1px solid rgb(255 255 255 / .8); border-radius: 9999px; background: rgb(255 255 255 / .18); transition: transform .2s ease, background-color .2s ease; }
.kesfet-nokta:hover, .kesfet-nokta-aktif { transform: scale(1.45); background: #fff; }
@media (max-width: 767px) {
    .son-dakika-icerik { height: 72px; flex-wrap: nowrap; }
    .son-dakika-icerik [data-son-dakika-rozet] { align-self: center; margin: 0; height: 32px; padding: 0 8px; font-size: 10px; }
    .kesfet-mobil-satir { display: none; }
    .kesfet-bagimsiz-mobil { display: flex; align-items: center; justify-content: flex-end; margin-left: auto; padding: 0; }
    .kesfet-bagimsiz-mobil .kesfet-ac-dugmesi { margin: 0; }
    .son-dakika-haber-link { position: absolute; inset: 0; align-items: center; padding: 8px; }
    .son-dakika-haber-basligi { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; white-space: normal; line-height: 20px; max-height: 40px; overflow-wrap: anywhere; }
}
@media (max-width: 640px) {
    .kesfet-kapat { top: .8rem; right: .8rem; }
    .kesfet-numarator { right: .9rem; }
    .cerez-bilgilendirme { position: relative !important; inset: auto !important; }
}

.haber-tepkileri { margin-top: 2rem; border-radius: 1rem; background: #fff; padding: 1.25rem; box-shadow: 0 1px 4px rgb(15 23 42 / .12); }
.haber-tepki-baslik { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: 1rem; }
.haber-tepki-baslik h2 { margin: 0; color: #111827; font-size: 1rem; font-weight: 800; }
.haber-tepki-baslik span { border-radius: 9999px; background: #eef1f5; padding: .4rem .8rem; color: #566277; font-size: .72rem; font-weight: 700; }
.haber-tepki-listesi { display: grid; grid-template-columns: repeat(8, minmax(0, 1fr)); gap: .65rem; }
.haber-tepki { display: flex; min-height: 7.25rem; flex-direction: column; align-items: center; justify-content: center; gap: .25rem; border: 1px solid #dce1e8; border-radius: 1rem; background: #f5f6f8; color: #4d596c; transition: transform .16s ease, border-color .16s ease, background-color .16s ease; }
.haber-tepki:hover, .haber-tepki-secili { transform: translateY(-3px); border-color: #ff2333; background: #fff6f6; }
.haber-tepki:disabled { opacity: .65; }
.haber-tepki-emoji { font-size: 2.45rem; line-height: 1; }.haber-tepki-ad { font-size: .76rem; font-weight: 700; }.haber-tepki strong { color: #0f172a; font-size: .9rem; }
html[data-theme="dark"] .haber-tepkileri { background: #172033; box-shadow: 0 1px 5px rgb(0 0 0 / .3); }
html[data-theme="dark"] .haber-tepki-baslik h2 { color: #eef5ff; }
html[data-theme="dark"] .haber-tepki-baslik span { background: #26344c; color: #c6d5e9; }
html[data-theme="dark"] .haber-tepki { border-color: #3b4a63; background: #111b2e; color: #c6d5e9; }
html[data-theme="dark"] .haber-tepki:hover, html[data-theme="dark"] .haber-tepki-secili { border-color: #ff5663; background: #35202a; }
html[data-theme="dark"] .haber-tepki strong { color: #f4f8ff; }
@media (max-width: 900px) { .haber-tepki-listesi { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (max-width: 480px) { .haber-tepkileri { padding: 1rem; }.haber-tepki-baslik { align-items: flex-start; flex-direction: column; }.haber-tepki-listesi { grid-template-columns: repeat(2, minmax(0, 1fr)); }.haber-tepki { min-height: 6.5rem; } }