:root {
    --asm-ana: #0f766e;
    --asm-ana-koyu: #115e59;
    --asm-ana-acik: #ccfbf1;
    --asm-vurgu: #e11d48;
    --asm-metin: #1f2937;
    --asm-soluk: #6b7280;
    --asm-zemin: #f6f8f8;
    --asm-kart: #ffffff;
    --asm-cizgi: #e5e7eb;
    --bs-link-color: var(--asm-ana);
    --bs-link-hover-color: var(--asm-ana-koyu);
    --bs-link-color-rgb: 15, 118, 110;
    --bs-link-hover-color-rgb: 17, 94, 89;
}

html { font-size: 16px; scroll-padding-top: 90px; }
body {
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    color: var(--asm-metin);
    background: var(--asm-zemin);
    display: flex; flex-direction: column; min-height: 100vh;
}
main { flex: 1; }
.atla { position: absolute; left: 8px; top: 8px; z-index: 2000; background: #fff; padding: 8px 12px; }

/* Üst bant */
.ust-bant { background: var(--asm-ana-koyu); color: #e6fffa; font-size: .875rem; padding: 6px 0; }
.ust-bant a { color: #fff; text-decoration: none; }
.durum-rozet { font-weight: 600; }
.durum-rozet.acik::before, .durum-rozet.kapali::before {
    content: ""; display: inline-block; width: 8px; height: 8px; border-radius: 50%; margin-right: 6px; vertical-align: middle;
}
.durum-rozet.acik::before { background: #4ade80; }
.durum-rozet.kapali::before { background: #fda4af; }

/* Başlık ve menü */
.site-baslik { background: #fff; box-shadow: 0 1px 0 var(--asm-cizgi), 0 4px 16px rgba(0,0,0,.04); }
.marka { display: flex; align-items: center; gap: 10px; color: var(--asm-metin); }
.marka-ikon {
    display: grid; place-items: center; width: 40px; height: 40px; border-radius: 10px;
    background: var(--asm-ana); color: #fff; font-size: 1.4rem; flex-shrink: 0;
}
.marka-ad { display: block; font-weight: 700; font-size: 1rem; line-height: 1.2; white-space: normal; }
.marka-alt { display: block; font-size: .8rem; color: var(--asm-soluk); }
.navbar .nav-link { white-space: nowrap; font-weight: 500; color: var(--asm-metin); padding: .5rem .75rem; border-radius: 8px; }
.navbar .nav-link:hover, .navbar .nav-link:focus { color: var(--asm-ana); background: var(--asm-zemin); }
.navbar .nav-link.active { color: var(--asm-ana); }
.dropdown-item:active { background: var(--asm-ana); }

/* Hero */
.hero { background: linear-gradient(135deg, var(--asm-ana) 0%, #14b8a6 100%); color: #fff; padding: 64px 0 88px; }
.hero h1 { font-weight: 800; letter-spacing: -.02em; }
.hero p.lead { color: #e6fffa; max-width: 40rem; }
.hero .btn-light { color: var(--asm-ana-koyu); font-weight: 600; }
.hero-kart { background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.25); border-radius: 16px; padding: 20px; }
.hero-kart .saat-listesi li { border-color: rgba(255,255,255,.2); }

.hizli-baglantilar { margin-top: -48px; }
.hizli-kart {
    display: block; height: 100%; background: var(--asm-kart); border-radius: 14px; padding: 20px;
    text-decoration: none; color: var(--asm-metin); box-shadow: 0 6px 24px rgba(15,118,110,.08);
    border: 1px solid var(--asm-cizgi); transition: transform .15s, box-shadow .15s;
}
.hizli-kart:hover { transform: translateY(-2px); box-shadow: 0 10px 30px rgba(15,118,110,.14); color: var(--asm-metin); }
.hizli-kart .ikon { font-size: 1.6rem; }
.hizli-kart strong { display: block; margin-top: 6px; }
.hizli-kart span.k { color: var(--asm-soluk); font-size: .875rem; }

/* Genel bölümler */
.bolum { padding: 56px 0; }
.bolum-baslik { display: flex; justify-content: space-between; align-items: end; gap: 12px; margin-bottom: 24px; }
.bolum-baslik h2 { font-weight: 700; margin: 0; }
.sayfa-baslik { background: #fff; border-bottom: 1px solid var(--asm-cizgi); padding: 40px 0 28px; }
.sayfa-baslik h1 { font-weight: 800; margin: 0; letter-spacing: -.01em; }
.sayfa-baslik .breadcrumb { font-size: .875rem; margin-bottom: 8px; }

.kart { background: var(--asm-kart); border: 1px solid var(--asm-cizgi); border-radius: 14px; padding: 24px; height: 100%; }
.icerik-kutusu { background: var(--asm-kart); border: 1px solid var(--asm-cizgi); border-radius: 14px; padding: 28px; }
.icerik-kutusu img { max-width: 100%; height: auto; border-radius: 8px; }

/* Birim ve personel */
.birim-kart h3 { font-size: 1.1rem; font-weight: 700; color: var(--asm-ana); }
.kisi { display: flex; align-items: center; gap: 12px; padding: 8px 0; }
.kisi + .kisi { border-top: 1px dashed var(--asm-cizgi); }
.avatar {
    width: 48px; height: 48px; border-radius: 50%; flex-shrink: 0; display: grid; place-items: center;
    background: var(--asm-ana-acik); color: var(--asm-ana-koyu); font-weight: 700; object-fit: cover;
}
.kisi .ad { font-weight: 600; }
.kisi .unvan { color: var(--asm-soluk); font-size: .875rem; }

/* Çalışma saatleri */
.saat-listesi li { display: flex; justify-content: space-between; gap: 12px; padding: 4px 0; border-bottom: 1px solid rgba(0,0,0,.06); }
.saat-listesi li:last-child { border-bottom: 0; }
.saat-tablo tr.bugun td { background: var(--asm-ana-acik); font-weight: 700; }

/* Duyurular */
.duyuru-kart { display: flex; flex-direction: column; height: 100%; background: #fff; border: 1px solid var(--asm-cizgi); border-radius: 14px; overflow: hidden; text-decoration: none; color: var(--asm-metin); }
.duyuru-kart:hover { color: var(--asm-metin); box-shadow: 0 10px 30px rgba(0,0,0,.06); }
.duyuru-kart .gorsel { aspect-ratio: 16/9; background: var(--asm-ana-acik); display: grid; place-items: center; font-size: 2rem; }
.duyuru-kart .gorsel img { width: 100%; height: 100%; object-fit: cover; }
.duyuru-kart .govde { padding: 18px; flex: 1; display: flex; flex-direction: column; }
.duyuru-kart time { color: var(--asm-soluk); font-size: .8rem; }
.duyuru-kart h3 { font-size: 1.05rem; font-weight: 700; margin: 4px 0 8px; }
.duyuru-kart p { color: var(--asm-soluk); font-size: .925rem; margin: 0; }

/* SSS */
.accordion { --bs-accordion-active-bg: var(--asm-ana-acik); --bs-accordion-active-color: var(--asm-ana-koyu); --bs-accordion-btn-focus-box-shadow: 0 0 0 .2rem rgba(15,118,110,.25); }
.accordion-button { font-weight: 600; }

/* Tablolar mobilde kaydırılabilir */
.tablo-sarmal { overflow-x: auto; -webkit-overflow-scrolling: touch; }

/* Harita */
.harita { width: 100%; aspect-ratio: 16/10; border: 0; border-radius: 14px; }

/* Alt bilgi */
.site-alt { background: #0b3b38; color: #c7e7e3; padding: 48px 0 24px; margin-top: 48px; }
.site-alt h2 { color: #fff; font-weight: 700; }
.site-alt a { color: #fff; }
.site-alt hr { border-color: rgba(255,255,255,.15); }
.site-alt .saat-listesi li { border-color: rgba(255,255,255,.1); }
.alt-telif { gap: 8px; }

.btn-primary { --bs-btn-bg: var(--asm-ana); --bs-btn-border-color: var(--asm-ana); --bs-btn-hover-bg: var(--asm-ana-koyu); --bs-btn-hover-border-color: var(--asm-ana-koyu); --bs-btn-active-bg: var(--asm-ana-koyu); }
.btn-outline-primary { --bs-btn-color: var(--asm-ana); --bs-btn-border-color: var(--asm-ana); --bs-btn-hover-bg: var(--asm-ana); --bs-btn-hover-border-color: var(--asm-ana); }

@media (max-width: 575.98px) {
    .hero { padding: 40px 0 72px; }
    .bolum { padding: 40px 0; }
    .icerik-kutusu, .kart { padding: 18px; }
}

/* Telefonda marka ve menü düğmesi aynı satırda kalsın */
.navbar > .container { flex-wrap: nowrap; }
.navbar-brand.marka { min-width: 0; flex: 1 1 auto; margin-right: 8px; }
@media (max-width: 1199.98px) {
    .navbar > .container { flex-wrap: wrap; }
    .navbar-brand.marka { flex: 1 1 0; }
}
@media (max-width: 575.98px) {
    .marka-ad { font-size: .9rem; }
    .marka-ikon { width: 34px; height: 34px; font-size: 1.15rem; }
}

/* Telefonda tabloyu kartlara çevir */
@media (max-width: 767.98px) {
    .mobil-kart-tablo thead { display: none; }
    .mobil-kart-tablo tr { display: block; padding: 12px 0; border-bottom: 1px solid var(--asm-cizgi); }
    .mobil-kart-tablo td { display: flex; gap: 12px; border: 0; padding: 2px 0; white-space: normal !important; }
    .mobil-kart-tablo td::before { content: attr(data-etiket); flex: 0 0 38%; color: var(--asm-soluk); font-weight: 400; font-size: .85rem; }
    .mobil-kart-tablo td[data-etiket="#"] { display: none; }
}

/* SSS cevaplarındaki satır sonları korunur */
#sss .accordion-body { white-space: pre-line; }

/* Editör (Quill) içerik sınıfları */
.icerik-kutusu .ql-align-center { text-align: center; }
.icerik-kutusu .ql-align-right { text-align: right; }
.icerik-kutusu .ql-align-justify { text-align: justify; }
.icerik-kutusu blockquote { border-left: 4px solid var(--asm-ana-acik); padding-left: 16px; color: var(--asm-soluk); }
.icerik-kutusu li[data-list="bullet"] { list-style-type: disc; }
.icerik-kutusu .ql-ui { display: none; }
.icerik-kutusu ol:has(> li[data-list="bullet"]) { padding-left: 1.5rem; }

/* Slider görselleri yönetimde 8:3 (1600×600) kırpılır; aynı oranda gösterilir */
.slider-gorsel { aspect-ratio: 8 / 3; object-fit: cover; max-height: 70vh; }

/* Alt bilgi: iletişim satırları (simgeli) */
.iletisim-listesi li { display: flex; align-items: flex-start; gap: 12px; padding: 6px 0; }
.iletisim-listesi a { text-decoration: none; }
.iletisim-listesi a:hover { text-decoration: underline; }
.iletisim-ikon {
    width: 32px; height: 32px; flex-shrink: 0; border-radius: 50%; display: grid; place-items: center;
    background: rgba(255,255,255,.1); color: #5eead4;
}
.iletisim-ikon svg, .baglanti-ikon svg {
    width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round;
}
.iletisim-listesi li > span:last-child, .iletisim-listesi li > a { padding-top: 5px; }

/* Alt bilgi: faydalı bağlantılar (aralıklı kutular) */
.baglanti-listesi { display: grid; gap: 10px; }
.baglanti-listesi a {
    display: flex; align-items: center; gap: 12px; padding: 10px 12px; border-radius: 10px; text-decoration: none;
    background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.1); transition: background .15s, border-color .15s;
}
.baglanti-listesi a:hover, .baglanti-listesi a:focus-visible { background: rgba(255,255,255,.12); border-color: rgba(94,234,212,.5); }
.baglanti-ikon { width: 34px; height: 34px; flex-shrink: 0; border-radius: 8px; display: grid; place-items: center; background: rgba(94,234,212,.15); color: #5eead4; }
.baglanti-metin { display: flex; flex-direction: column; line-height: 1.25; min-width: 0; }
.baglanti-metin strong { font-weight: 600; }
.baglanti-metin small { color: #9fcfc9; font-size: .8rem; }
.baglanti-ok { margin-left: auto; color: #9fcfc9; }