/* Tema D — portal: klasik mali mavi, sol/sağ sütun kutuları, degrade yalnız üst bant, kutu başlıkları ve alt bilgide. */
.tema-d {
  --zemin: #f4f7fa;
  --yuzey: #ffffff;
  --murekkep: #1f2a37;
  --ikincil: #5b6b7c;
  --marka: #0f5fa8;
  --marka-koyu: #0b3d6e;
  --marka-acik: #cfe3f5;
  --vurgu: #b85c15;      /* beyaz yazıyla 4,6:1 */
  --vurgu-metin: #9a4b0f;
  --vurgu-zemin: #fff1e5;
  --uyari: #c0392b;
  --cizgi: #d9e4ee;
  --cizgi-ince: #eef2f6;
  --serif: "Source Sans 3", system-ui, sans-serif;
  --sans: "Source Sans 3", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --kap: 75rem;
  font-size: 1rem;
}
.tema-d h1, .tema-d h2, .tema-d h3 { font-family: var(--sans); font-weight: 700; letter-spacing: -.01em; color: var(--marka-koyu); }
.tema-d h1 { font-size: clamp(1.6rem, 1.3rem + 1.2vw, 2.1rem); }
.tema-d h2 { font-size: 1.25rem; }
.tema-d main { padding-bottom: var(--b6); }
.tema-d a { text-decoration: none; }
.tema-d a:hover { text-decoration: underline; }
.tema-d .yazi a, .tema-d .kaynaklar a { text-decoration: underline; }

/* Üst şerit */
.tema-d .p-ust { background: var(--marka-koyu); color: #d6e6f5; font-size: .88rem; }
.tema-d .p-ust-ic { display: flex; justify-content: space-between; align-items: center; min-height: 2.3rem; gap: 1rem; flex-wrap: wrap; }
.tema-d .p-ust a { color: #fff; margin-right: 1.1rem; }
.tema-d .p-ust-sag a:last-child { margin-right: 0; }
.tema-d .p-giris { background: var(--vurgu); padding: .25rem .7rem; border-radius: 3px; font-weight: 600; }
.tema-d .p-giris:hover { background: #9a4b0f; text-decoration: none; }
@media (max-width: 760px) {
  .tema-d .p-ust-ic { flex-wrap: nowrap; min-height: 2.6rem; }
  .tema-d .p-ust-sag a:not(.p-giris) { display: none; }
  .tema-d .p-ust-sol a:not(:first-child) { display: none; }
  .tema-d .p-ust-sol a { margin-right: 0; white-space: nowrap; }
}

/* Logo bandı + menü */
.tema-d .p-bas { background: var(--yuzey); }
.tema-d .p-bas-ic { display: flex; align-items: center; justify-content: space-between; min-height: 4.6rem; }
.tema-d .marka-ad { font-family: var(--sans); font-weight: 700; font-size: 1.45rem; color: var(--marka-koyu); }
.tema-d .marka-unvan { color: var(--ikincil); font-size: .88rem; }
.tema-d .p-menu { background: linear-gradient(180deg, #1569b8, #0b4a8a); }
.tema-d .p-menu ul { list-style: none; margin: 0; padding: 0; display: flex; }
.tema-d .p-menu a { display: block; color: #fff; font-weight: 600; font-size: .95rem; padding: .7rem 1.1rem; text-transform: uppercase; letter-spacing: .03em; }
.tema-d .p-menu a:hover { background: rgba(255,255,255,.12); text-decoration: none; }
.tema-d .p-menu a[aria-current="page"] { background: rgba(0,0,0,.22); box-shadow: inset 0 -3px 0 var(--vurgu); }
.tema-d .menu-mobil summary { border-color: var(--cizgi); color: var(--marka-koyu); }
.tema-d .menu-mobil nav { background: var(--yuzey); border-bottom: 1px solid var(--cizgi); }
@media (max-width: 960px) { .tema-d .p-menu { display: none; } .tema-d .p-bas { position: relative; } .tema-d .menu-mobil { display: block; } }
@media (min-width: 961px) { .tema-d .menu-mobil { display: none; } }

/* Banner */
.tema-d .p-banner { background: linear-gradient(135deg, #e3f0fb 0%, #ffffff 60%); border-bottom: 1px solid var(--cizgi); }
.tema-d .p-banner-ic { display: grid; grid-template-columns: 9rem 1fr; gap: 1.75rem; align-items: center; padding-top: 1.5rem; padding-bottom: 1.5rem; }
.tema-d .p-banner-foto img { width: 9rem; height: 9rem; object-fit: cover; object-position: top; border-radius: 50%; border: 4px solid #fff; box-shadow: 0 1px 4px rgba(0,0,0,.12); }
.tema-d .p-banner h1 { margin: 0 0 .4rem; }
.tema-d .p-banner .h1-ad { display: block; font-size: clamp(1.7rem, 1.3rem + 1.6vw, 2.4rem); }
.tema-d .p-banner .h1-unvan { display: block; font-size: 1.02rem; font-weight: 400; color: var(--ikincil); margin-top: .1rem; }
.tema-d .p-banner p { margin: 0 0 .5rem; max-width: 46rem; }
.tema-d .p-banner-kunye { font-size: .9rem; color: var(--ikincil); }
.tema-d .p-banner-cta { margin-top: .75rem; display: flex; gap: .6rem; flex-wrap: wrap; }
@media (max-width: 640px) { .tema-d .p-banner-ic { grid-template-columns: 1fr; gap: 1rem; } .tema-d .p-banner-foto img { width: 6rem; height: 6rem; } }

/* Izgara */
.tema-d .p-izgara { display: grid; grid-template-columns: 16.25rem 1fr; gap: 1.25rem; padding-top: 1.25rem; align-items: start; }
.tema-d .p-izgara3 { grid-template-columns: 16.25rem 1fr 16.25rem; }
.tema-d .p-icerik .kap { padding: 0; max-width: none; }
.tema-d .p-icerik { background: var(--yuzey); border: 1px solid var(--cizgi); border-radius: 6px; padding: 1.25rem 1.5rem 1.5rem; }
.tema-d .p-icerik .kirinti ol { margin: 0 0 .75rem; }
.tema-d .p-icerik .sayfa-bas { padding-top: 0; }
@media (max-width: 1060px) { .tema-d .p-izgara3 { grid-template-columns: 15rem 1fr; } .tema-d .p-izgara3 .p-sag { grid-column: 1 / -1; display: grid; grid-template-columns: 1fr 1fr; gap: 1.25rem; align-items: start; } }
@media (max-width: 860px) { .tema-d .p-izgara, .tema-d .p-izgara3 { grid-template-columns: 1fr; } .tema-d .p-izgara3 .p-sag { grid-template-columns: 1fr; } .tema-d .p-sol { order: 2; } .tema-d .p-orta, .tema-d .p-icerik { order: 1; } .tema-d .p-sag { order: 0; } }

/* Kutular */
.tema-d .kutu { background: var(--yuzey); border: 1px solid var(--cizgi); border-radius: 6px; box-shadow: 0 1px 3px rgba(0,0,0,.06); margin-bottom: 1.25rem; overflow: hidden; }
.tema-d .kutu-bas { margin: 0; font-size: .92rem; font-weight: 700; color: #fff; background: linear-gradient(90deg, #1569b8, #3a8ed8); padding: 0 .9rem; line-height: 2.4rem; letter-spacing: .01em; }
.tema-d .kutu-acik .kutu-bas { background: linear-gradient(90deg, #eaf3fa, #ffffff); color: var(--marka-koyu); font-size: 1.05rem; border-bottom: 1px solid var(--cizgi); }
.tema-d .kutu-ic { padding: .6rem .9rem; font-size: .93rem; }
.tema-d .kutu-acik .kutu-ic { padding: .9rem 1.1rem; font-size: .97rem; }
.tema-d .kutu-tumu { display: block; padding: .45rem .9rem; border-top: 1px solid var(--cizgi-ince); font-size: .82rem; font-weight: 600; color: var(--marka); background: #f8fbfd; }
.tema-d .link-liste { list-style: none; margin: 0; padding: 0; }
.tema-d .link-liste li { border-bottom: 1px solid var(--cizgi-ince); }
.tema-d .link-liste li:last-child { border-bottom: 0; }
.tema-d .link-liste a { display: block; padding: .42rem 0 .42rem 1rem; position: relative; color: var(--murekkep); }
.tema-d .link-liste a::before { content: "›"; position: absolute; left: .1rem; color: var(--marka); font-weight: 700; }
.tema-d .link-liste a:hover { background: #f3f8fc; text-decoration: none; color: var(--marka); }
.tema-d .hat-liste { list-style: none; margin: 0; padding: 0; }
.tema-d .hat-liste li { display: grid; grid-template-columns: 5.2rem 1fr; gap: .2rem .5rem; padding: .45rem 0; border-bottom: 1px solid var(--cizgi-ince); align-items: baseline; }
.tema-d .hat-liste li:last-child { border-bottom: 0; }
.tema-d .hat-liste time { font-weight: 700; color: var(--marka-koyu); font-size: .86rem; white-space: nowrap; }
.tema-d .hat-liste a { color: var(--murekkep); line-height: 1.35; }
.tema-d .hat-liste li.yakin time::before { content: ""; display: inline-block; width: .5rem; height: .5rem; border-radius: 50%; background: var(--uyari); margin-right: .35rem; vertical-align: middle; }
.tema-d .hat-liste em { grid-column: 2; font-style: normal; font-size: .78rem; color: var(--uyari); font-weight: 700; }
.tema-d .kutu-giris .kutu-ic { padding: .9rem; }
.tema-d .giris-kutu { display: flex; flex-direction: column; gap: .5rem; }
.tema-d .giris-kutu input { min-height: 40px; padding: .45rem .6rem; font-size: .95rem; border-radius: 4px; }
.tema-d .giris-kutu .dugme { width: 100%; min-height: 40px; padding: .5rem; }
.tema-d .giris-kutu .kucuk { text-align: center; color: var(--ikincil); }
.tema-d .p-tel { font-size: 1.25rem; font-weight: 700; margin: .3rem 0; }
.tema-d .p-tel a { color: var(--marka-koyu); }
.tema-d .kur-mini { width: 100%; border-collapse: collapse; font-size: .86rem; }
.tema-d .kur-mini th, .tema-d .kur-mini td { padding: .25rem .2rem; text-align: right; border-bottom: 1px solid var(--cizgi-ince); }
.tema-d .kur-mini th[scope="row"] { text-align: left; color: var(--marka-koyu); }
.tema-d .kur-mini thead th { font-size: .74rem; text-transform: uppercase; letter-spacing: .05em; color: var(--ikincil); font-weight: 600; }
.tema-d .kur-mini tbody tr:last-child > * { border-bottom: 0; }

/* Orta kutular */
.tema-d .duyuru-liste { list-style: none; margin: 0; padding: 0; }
.tema-d .duyuru-liste li { padding: .7rem 0; border-bottom: 1px solid var(--cizgi-ince); }
.tema-d .duyuru-liste li:last-child { border-bottom: 0; }
.tema-d .duyuru-liste strong { font-size: 1.05rem; color: var(--marka-koyu); }
.tema-d .duyuru-liste a:hover strong { color: var(--marka); }
.tema-d .duyuru-meta { display: block; font-size: .82rem; color: var(--ikincil); margin: .1rem 0 .25rem; }
.tema-d .duyuru-liste p { margin: 0; color: var(--murekkep); font-size: .95rem; }
.tema-d .hizmet-liste { list-style: none; margin: 0; padding: 0; }
.tema-d .hizmet-liste li { padding: .6rem 0 .6rem 1.1rem; border-bottom: 1px solid var(--cizgi-ince); position: relative; }
.tema-d .hizmet-liste li::before { content: "›"; position: absolute; left: .1rem; top: .55rem; color: var(--marka); font-weight: 700; }
.tema-d .hizmet-liste li:last-child { border-bottom: 0; }
.tema-d .hizmet-liste strong { color: var(--marka-koyu); }
.tema-d .hizmet-liste p { margin: 0; font-size: .9rem; color: var(--ikincil); }
.tema-d .hizmet-liste.iki { display: grid; grid-template-columns: 1fr 1fr; column-gap: 1.5rem; }
@media (max-width: 640px) { .tema-d .hizmet-liste.iki { grid-template-columns: 1fr; } }

/* Düğmeler */
.tema-d .dugme { border-radius: 4px; background: var(--marka); border-color: var(--marka); min-height: 40px; padding: .5rem 1.1rem; }
.tema-d .dugme:hover { background: var(--marka-koyu); }
.tema-d .dugme.vurgu { background: var(--vurgu); border-color: var(--vurgu); }
.tema-d .dugme.vurgu:hover { background: #9a4b0f; }
.tema-d .dugme.ikincil { background: #fff; color: var(--marka); border-color: var(--cizgi); }
.tema-d input, .tema-d select, .tema-d textarea { border-radius: 4px; border-color: #b9c8d6; }

/* İç sayfa bileşenleri (A temasından devralınan) uyumu */
.tema-d .bolum-bas { border-top-color: var(--cizgi); }
.tema-d .bolum-no, .tema-d .numarali-liste li::before { color: var(--marka); }
.tema-d .ust-etiket { color: var(--marka); }
.tema-d .alt-menu a[aria-current="page"] { border-bottom-color: var(--vurgu); }
.tema-d .tablo { border-top: 2px solid var(--marka); }
.tema-d .tablo thead th { background: #f3f8fc; color: var(--marka-koyu); text-transform: none; letter-spacing: 0; font-size: .86rem; }
.tema-d .icerik-liste { border-top: 2px solid var(--marka); }
.tema-d .icerik-satir strong, .tema-d .rehber-liste strong, .tema-d .numarali-liste li a { font-family: var(--sans); font-weight: 700; font-size: 1.1rem; }
.tema-d .hesap-form, .tema-d .hesap-sonuc { border-radius: 6px; }
.tema-d .hesap-sonuc { border-top: 3px solid var(--marka); }
.tema-d .sonuc-liste .vurgu dd { font-family: var(--sans); font-weight: 700; }
.tema-d .durum-not { border-radius: 3px; }
.tema-d .eksik { color: var(--vurgu-metin); border-bottom-color: var(--vurgu-metin); }

/* Alt bilgi */
.tema-d .p-alt { background: linear-gradient(180deg, #0b3d6e, #072a4e); color: #cfdcea; padding: 2.5rem 0 1rem; margin-top: 1.5rem; font-size: .93rem; }
.tema-d .p-alt a { color: #fff; }
.tema-d .p-alt-ic { display: grid; grid-template-columns: 1.2fr 1.2fr 1fr; gap: 2rem; }
.tema-d .p-alt p { margin: 0 0 .3rem; }
.tema-d .p-alt .alt-ad { font-size: 1.2rem; font-weight: 700; color: #fff; }
.tema-d .p-alt-tel { font-size: 1.25rem; font-weight: 700; }
.tema-d .p-alt ul { list-style: none; margin: 0; padding: 0; columns: 2; column-gap: 1.5rem; }
.tema-d .p-alt li { margin-bottom: .35rem; break-inside: avoid; }
.tema-d .p-alt .alt-not { border-top: 1px solid rgba(255,255,255,.15); margin-top: 1.75rem; padding-top: 1rem; font-size: .82rem; color: #9fb3c8; }
.tema-d .p-alt .eksik { color: #ffd4b5; border-bottom-color: #ffd4b5; }
@media (max-width: 760px) { .tema-d .p-alt-ic { grid-template-columns: 1fr; gap: 1.25rem; } .tema-d .p-alt ul { columns: 1; } }

/* Yönetim ve mükellef alanı (portal teması) */
.tema-d.yonetim { background: var(--zemin); }
.tema-d .y-ust { background: linear-gradient(180deg, #1569b8, #0b4a8a); }
.tema-d .y-marka { font-family: var(--sans); font-weight: 700; }
.tema-d .y-kutu { border-radius: 6px; box-shadow: 0 1px 3px rgba(0,0,0,.06); }
.tema-d .kuyruk li { border-radius: 6px; }
.tema-d .kuyruk li.buro { border-left-color: var(--marka); }
.tema-d .kontrol-liste li.k-eksik::before { color: var(--uyari); }
.tema-d .rozet { border-radius: 999px; }