/* =============================================================================
   DES bilgi sayfaları — yeni görünüm
   enterprise/system_info.jspx ("Sistem Hakkında") ve
   enterprise/system_privacy.jspx ("Gizlilik Politikası")
   -----------------------------------------------------------------------------
   Bu dosya YALNIZCA bu iki sayfanın head bölümünden yüklenir. Ortak şablon
   (WEB-INF/jsp/enterprise/template.jspx) değiştirilmedi; şablonu kullanan diğer
   sayfalar (yerel/yabancı medya, arama, arşiv...) etkilenmez.

   Geri almak için: iki sayfadaki bu dosyaya verilen <link> satırını kaldırmak
   yeterli.
   ============================================================================= */

:root {
    --by-kirmizi: #E3061B;
    --by-kirmizi-koyu: #B80516;
    --by-krem: #F5F2EC;
    --by-kart: #FFFFFF;
    --by-cizgi: #E8E2D7;
    --by-murekkep: #17140F;
    --by-ikincil: #5E584D;
    --by-soluk: #A39B8D;
    --by-koyu: #17140F;
    --by-bant: 104px;   /* üstteki beyaz logo bandının yüksekliği */
    --by-yazi: "Figtree", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --by-baslik: "Plus Jakarta Sans", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

/* ── Sayfa: üstte beyaz logo bandı, altı krem ─────────────────────────── */
body {
    margin: 0;
    min-width: 0;   /* eski stiller body'yi en az 960px tutuyor; dar ekranda taşmayı önler */
    background:
        linear-gradient(to bottom,
            var(--by-kart) 0, var(--by-kart) calc(var(--by-bant) - 1px),
            var(--by-cizgi) calc(var(--by-bant) - 1px), var(--by-cizgi) var(--by-bant),
            var(--by-krem) var(--by-bant)) no-repeat,
        var(--by-krem);
    font: 14.5px/1.6 var(--by-yazi);
    color: var(--by-murekkep);
    -webkit-font-smoothing: antialiased;
}

.container_16 {
    box-sizing: border-box;
    width: auto;
    max-width: 1040px;
    padding: 0 24px;
}

/* Logo: beyaz bandın içinde, kırmızı zemin ve beyaz kutu yok */
img.template_info {
    display: block;
    height: 62px;
    width: auto;
    margin-top: 21px;
    background: transparent;
}

/* Oturum açıksa sağ üstteki kullanıcı bilgisi */
.user_info {
    margin-top: 28px;
    font: 13px/1.45 var(--by-yazi);
    color: var(--by-ikincil);
}

/* ── Menü: hap biçimli sekmeler ──────────────────────────────────────── */
.grid_16 > div[style*="margin-top"] { margin-top: 40px !important; }

ul.menu {
    float: none;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    font: 600 13.5px/1 var(--by-yazi);
}
ul.menu li { float: none; display: block; }
ul.menu a {
    display: block;
    padding: 10px 16px;
    border: 0;
    border-radius: 99px;
    background: transparent;
    color: var(--by-ikincil);
    text-decoration: none;
}
ul.menu a:hover {
    background: rgba(23, 20, 15, .06);
    color: var(--by-murekkep);
}
ul.menu a.selected,
ul.menu a.selected:hover {
    background: var(--by-koyu);
    color: #fff;
}

/* Yerel / yabancı medya geçişi (oturum açıksa) ve saat satırı */
a.press {
    color: var(--by-ikincil);
    font-weight: 600;
}
.press.selected {
    color: var(--by-murekkep);
    padding-bottom: 6px;
    background: none;
    border-bottom: 2px solid var(--by-kirmizi);
}
#digital_clock { color: var(--by-soluk); font-size: 13px; }
.grid_6 > div[style*="text-align: right"] { margin: -29px 0 14px !important; }

/* ── İçerik kartı ─────────────────────────────────────────────────────── */
.container_16 .grid_12.prefix_2.suffix_2 {
    float: none;
    display: block;
    box-sizing: border-box;
    width: auto;
    max-width: 860px;
    margin: 11px auto 0;
    padding: 34px 44px 38px;
    background: var(--by-kart);
    border: 1px solid var(--by-cizgi);
    border-radius: 22px;
    box-shadow: 0 1px 2px rgba(23, 20, 15, .04), 0 20px 50px -24px rgba(23, 20, 15, .2);
    /* sayfada satır içi "font: normal 12px Verdana" verilmiş; yalnızca o ezilir */
    font: 15px/1.7 var(--by-yazi) !important;
    color: var(--by-ikincil);
}

.grid_12.prefix_2 h1,
.grid_12.prefix_2 h2 {
    height: auto;
    margin: 30px 0 12px;
    padding: 0;
    border: 0;
    text-align: left;
    font: 800 21px/1.3 var(--by-baslik);
    letter-spacing: -.02em;
    color: var(--by-murekkep);
}
.grid_12.prefix_2 h1 { margin-top: 0; font-size: 26px; letter-spacing: -.03em; }
.grid_12.prefix_2 > h2:first-child { margin-top: 0; font-size: 26px; letter-spacing: -.03em; }

.grid_12.prefix_2 p { margin: 0 0 14px; }
.grid_12.prefix_2 b { color: var(--by-murekkep); }
.grid_12.prefix_2 ul { margin: 6px 0 16px; padding-left: 22px; }
.grid_12.prefix_2 li { margin: 4px 0; }
.grid_12.prefix_2 li::marker { color: var(--by-kirmizi); }
.grid_12.prefix_2 a { color: var(--by-kirmizi); text-decoration: none; font-weight: 600; }
.grid_12.prefix_2 a:hover { text-decoration: underline; }

/* ── Alt not: "Hizmete Özeldir" ───────────────────────────────────────── */
.dipnote {
    margin: 28px 0 28px;
    padding-top: 14px;
    border-top: 1px solid var(--by-cizgi);
    font: italic 12px var(--by-yazi);
    color: var(--by-soluk);
}

/* ── Mobil / dar ekran ────────────────────────────────────────────────── */
@media (max-width: 1000px) {
    .container_16 .grid_10,
    .container_16 .grid_6,
    .container_16 .grid_16,
    .container_16 .grid_12 {
        float: none;
        display: block;
        width: auto;
        margin-left: 0;
        margin-right: 0;
    }
    .user_info { margin: 0 0 8px; }
    .grid_6 > div[style*="text-align: right"] { text-align: left !important; margin: 0 0 12px !important; }
}

@media (max-width: 600px) {
    :root { --by-bant: 84px; }
    .container_16 { padding: 0 14px; }
    img.template_info { height: 48px; margin-top: 18px; }
    .container_16 .grid_12.prefix_2.suffix_2 {
        padding: 22px 20px 26px;
        border-radius: 18px;
        font-size: 14.5px !important;
    }
    .grid_12.prefix_2 h1,
    .grid_12.prefix_2 > h2:first-child { font-size: 22px; }
    .grid_12.prefix_2 h2 { font-size: 18px; }
    ul.menu a { padding: 9px 13px; }
    /* Gizlilik sayfasındaki iki yana yaslı metin dar ekranda büyük boşluklar bırakıyor */
    .grid_12.prefix_2 .text-justify { text-align: left !important; }
}