/* Bootstrap 5 üzerine küçük özelleştirmeler. Renkler Bootstrap değişkenlerinden gelir; gece/gündüz kendiliğinden uyar. */

/* Bootstrap'in d-flex gibi yardımcı sınıfları hidden özniteliğini ezer; gizlenen öğe her durumda gizli kalsın */
[hidden] { display: none !important; }

.sayfa { max-width: 860px; }
.dar { max-width: 460px; }
.sayfa-genis { max-width: 1080px; }
.logo { max-height: 36px; max-width: 220px; width: auto; height: auto; display: block; }
.captcha { border: 1px solid var(--bs-border-color); border-radius: var(--bs-border-radius); background: #fff; max-width: 100%; height: auto; }
/* Bal küpü alanı: ekranın dışında, klavyeyle de ulaşılamaz; yalnızca botlar doldurur */
.bal { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.navbar-brand { letter-spacing: -0.02em; }
.dil-secici { white-space: nowrap; }

/* Adres "bileti": kesik çizgili, koparılabilir bir fiş gibi */
.bilet { border: 2px dashed var(--bs-border-color); }
.etiket { font: 600 0.72rem var(--bs-font-monospace); text-transform: uppercase; letter-spacing: 0.12em; color: var(--bs-secondary-color); }
.yeni-adres .form-select { max-width: 14rem; }
/* Telefonda: ad alanı tam satır, altında alan adı seçimi ve düğme yan yana */
@media (max-width: 575.98px) {
  .yeni-adres .input-group { flex-wrap: wrap; gap: 0.5rem; }
  .yeni-adres .input-group > * { border-radius: var(--bs-border-radius) !important; margin-left: 0 !important; }
  .yeni-adres #ad { flex: 1 1 100%; }
  .yeni-adres #ad-et { display: none; }
  .yeni-adres .form-select { flex: 1 1 8rem; max-width: none; }
}
.adres { font-size: clamp(1.15rem, 4.6vw, 1.8rem); font-weight: 600; line-height: 1.3; overflow-wrap: anywhere; user-select: all; }

/* Gelen kutusu satırı */
.satir {
  display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr) auto; gap: 0.9rem; min-width: 0;
  text-align: left; background: transparent; border: 0; padding: 0.8rem 1rem; color: var(--bs-secondary-color);
}
.satir:hover { background: var(--bs-tertiary-bg); }
.satir:focus-visible { outline: 2px solid var(--bs-success); outline-offset: -2px; }
.satir span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.satir.yeni { color: var(--bs-body-color); font-weight: 600; }
.satir.yeni .kim::before { content: ""; display: inline-block; width: 0.5rem; height: 0.5rem; border-radius: 50%; background: var(--bs-success); margin-right: 0.5rem; vertical-align: 0.05em; }
.zaman { font-family: var(--bs-font-monospace); font-size: 0.82rem; font-variant-numeric: tabular-nums; }

/* Mesaj okuyucu: mail içeriği her temada beyaz zeminde gösterilir (mailler açık zemine göre tasarlanır) */
#m-html { width: 100%; height: 62vh; border: 1px solid var(--bs-border-color); border-radius: var(--bs-border-radius); background: #fff; }
.metin { white-space: pre-wrap; overflow-wrap: anywhere; font-size: 0.9rem; background: var(--bs-tertiary-bg); border: 1px solid var(--bs-border-color); border-radius: var(--bs-border-radius); padding: 1rem; margin: 0; }
.qr { image-rendering: pixelated; background: #fff; padding: 4px; border-radius: 6px; max-width: 100%; height: auto; }

/* İçerik sayfaları */
.icerik { max-width: 68ch; }
.icerik h2 { font-size: 1.2rem; font-weight: 700; margin-top: 2rem; }
.icerik li { margin-bottom: 0.35rem; }

/* Reklam alanları */
.reklam { text-align: center; margin: 0 auto 1.5rem; overflow: hidden; overflow-wrap: anywhere; }
.reklam img { max-width: 100%; height: auto; }
.reklam-etiket { text-align: center; font-size: 0.65rem; text-transform: uppercase; letter-spacing: 0.1em; color: var(--bs-secondary-color); margin-bottom: 0.25rem; }
.reklam-alt { margin-top: 2rem; }
#kutu-reklam:empty, #mesaj-reklam:empty { display: none; }
#mesaj-reklam .reklam { margin-bottom: 0; }
.icerik + .reklam-etiket { margin-top: 2.5rem; }
.donen-yazi { min-width: 12rem; }

@media (max-width: 575.98px) {
  .satir { grid-template-columns: minmax(0, 1fr) auto; gap: 0.2rem 0.75rem; }
  .satir .konu { grid-column: 1 / -1; grid-row: 2; }
}

/* ---------- Yönetim paneli ---------- */
.yonetim { max-width: 1240px; }
.yonetim-menu .navbar-nav { flex-wrap: wrap; font-size: 0.92rem; }
.yonetim-menu .nav-link { padding-left: 0.55rem !important; padding-right: 0.55rem !important; }
.cubuklar.buyuk { height: 120px; gap: 3px; display: flex; }
.cubuklar.buyuk i { flex: 1 1 0; width: auto; }
.durum-nokta { display: inline-block; width: 0.7rem; height: 0.7rem; border-radius: 50%; }
.paylasim-onizleme { max-width: 200px; height: auto; }
.kart-sayi { font: 600 1.6rem var(--bs-font-monospace); font-variant-numeric: tabular-nums; }
.cubuklar { display: inline-flex; align-items: flex-end; gap: 2px; height: 28px; vertical-align: middle; }
.cubuklar i { display: block; width: 7px; min-height: 2px; background: var(--bs-success); border-radius: 1px; }
.c0 { height: 2px; } .c1 { height: 12%; } .c2 { height: 25%; } .c3 { height: 37%; } .c4 { height: 50%; }
.c5 { height: 62%; } .c6 { height: 75%; } .c7 { height: 87%; } .c8 { height: 100%; }
.onizleme { border: 1px dashed var(--bs-border-color); border-radius: var(--bs-border-radius); padding: 0.75rem; }
.logo-onizleme { max-height: 48px; max-width: 240px; }
.favicon-onizleme { width: 48px; height: 48px; }
textarea.kod { font-family: var(--bs-font-monospace); font-size: 0.85rem; }