/* =====================================================================
   KMTSO — modern görünüm katmanı
   Mevcut yapı (UIkit + bc-style) korunur; bu dosya en son yüklenir ve yalnız görünümü
   iyileştirir: tipografi, kartlar, gölgeler, köşeler, hover efektleri, okunabilir içerik.
   Kaldırmak için header.php'deki <link ... css/modern.css> satırını silmek yeterlidir.
   ===================================================================== */
:root {
    --m-lacivert: #0d135a;
    --m-lacivert-2: #1a2370;
    --m-mavi: #1e4f96;
    --m-mor: #6d75f0;
    --m-mor-acik: #eef0ff;
    --m-kirmizi: #e30a17;
    --m-zemin: #f5f7fb;
    --m-kart: #ffffff;
    --m-metin: #1e293b;
    --m-soluk: #64748b;
    --m-cizgi: #e7ebf3;
    --m-r: 16px;
    --m-golge: 0 1px 2px rgba(15, 23, 42, .04), 0 8px 24px rgba(15, 23, 42, .06);
    --m-golge-ust: 0 2px 4px rgba(15, 23, 42, .06), 0 18px 40px rgba(13, 19, 90, .14);
}

html { scroll-behavior: smooth; }
body { background: var(--m-zemin) !important; color: var(--m-metin); -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
::selection { background: var(--m-mor); color: #fff; }
a, button, .uk-button { transition: color .18s, background-color .18s, box-shadow .2s, transform .2s, border-color .18s; }
.hover-top:hover { transform: translateY(-3px); }

/* ---------- Üst şerit ve menü ---------- */
.header-top-bar a { font-weight: 500; letter-spacing: .01em; }
.header-top-bar a:hover { color: var(--m-mor) !important; }
.uk-navbar-nav > li > a { font-weight: 600 !important; letter-spacing: .02em; position: relative; }
.uk-navbar-nav > li > a::after {
    content: ""; position: absolute; left: 14px; right: 14px; bottom: 18px; height: 2px; border-radius: 2px;
    background: var(--m-mor); transform: scaleX(0); transform-origin: left; transition: transform .22s ease;
}
.uk-navbar-nav > li:hover > a::after, .uk-navbar-nav > li.uk-open > a::after, .uk-navbar-nav > li.uk-active > a::after { transform: scaleX(1); }
.uk-navbar-dropdown {
    border-radius: 14px !important; box-shadow: var(--m-golge-ust) !important; border: 1px solid var(--m-cizgi);
    padding: 14px 16px !important;
}
.uk-navbar-dropdown-nav > li > a { border-radius: 8px; padding: 7px 10px !important; }
.uk-navbar-dropdown-nav > li > a:hover { background: var(--m-mor-acik); color: var(--m-lacivert) !important; }
.yk-login-btn { border-radius: 999px !important; }
.uk-search-input { border-radius: 12px !important; }

/* ---------- Manşet (slider) ---------- */
.hero-slideshow, .hero-slideshow .uk-slideshow-items { border-radius: 22px; overflow: hidden; }
.hero-slideshow { box-shadow: var(--m-golge-ust); }
.slider-baskan-row img, .slider-sidebar-icon { border-radius: 14px; }

/* ---------- Kartlar (hızlı erişim, iştirakler, genel) ---------- */
.uk-card-default {
    border-radius: var(--m-r) !important; box-shadow: var(--m-golge) !important; border: 1px solid var(--m-cizgi);
    overflow: hidden; background: var(--m-kart);
}
a:hover > .uk-card-default, .hover-top:hover .uk-card-default, .uk-card-default:hover { box-shadow: var(--m-golge-ust) !important; }
.uk-card-default .uk-card-media-top img { transition: transform .3s ease; }
a:hover .uk-card-default .uk-card-media-top img { transform: scale(1.08); }

/* ---------- Bölüm başlıkları ---------- */
.uk-heading-line > span { font-weight: 700; color: var(--m-lacivert); letter-spacing: -.01em; }
.uk-heading-line > span::before, .uk-heading-line > span::after { border-bottom-color: var(--m-cizgi) !important; }

/* ---------- Ana sayfa: Haberler / Duyurular / Etkinlikler ---------- */
.product-baslik ul.uk-nav { gap: 12px; display: flex; flex-direction: column; }
.product-baslik li.test {
    border-radius: var(--m-r) !important; box-shadow: var(--m-golge); overflow: hidden;
    transition: transform .2s, box-shadow .2s, background-color .2s;
}
.product-baslik li.test:hover { transform: translateX(4px); box-shadow: var(--m-golge-ust); }
.panelbg {
    border-radius: var(--m-r) !important; box-shadow: var(--m-golge) !important; border: 1px solid var(--m-cizgi);
    overflow: hidden; background: var(--m-kart) !important; display: flex; flex-direction: column;
}
.hover-top:hover .panelbg { box-shadow: var(--m-golge-ust) !important; }
.panelbg .uk-card-body { padding: 0 0 8px !important; }
.panelbg .bc_card_title { margin: 0 0 4px; }
.panelbg .bc_card_title img.bc_img {
    width: 100% !important; height: 190px !important; max-width: none !important; object-fit: cover; display: block;
    border-radius: 0 !important; transition: transform .35s ease;
}
.hover-top:hover .panelbg .bc_card_title img.bc_img { transform: scale(1.05); }
.panelbg .bc_card_title { overflow: hidden; }
.panelbg .uk-card-title { padding: 14px 18px 0; line-height: 1.4 !important; font-weight: 700 !important; font-size: 16px !important; color: var(--m-lacivert) !important; }
.panelbg hr { margin: 10px 18px !important; border-top-color: var(--m-cizgi); }
.panelbg .uk-card-body > div.fs14 { padding: 0 18px; line-height: 1.6; color: var(--m-soluk) !important; }
.panelbg .uk-card-footer { border-top: 0 !important; padding: 0 18px 18px !important; }
.panelbg .uk-card-footer button, .panelbg .uk-card-footer .uk-button-secondary {
    border-radius: 999px !important; padding: 0 20px !important; background: var(--m-mor) !important; box-shadow: 0 6px 16px rgba(109, 117, 240, .35);
}
.paneller .uk-dotnav > * > * { border-color: var(--m-mor) !important; }
.paneller .uk-dotnav > .uk-active > * { background: var(--m-mor) !important; }
a.uk-button[href*="haber_duyuru_seo"] { border-radius: 999px !important; padding: 0 26px !important; font-weight: 600; box-shadow: 0 8px 20px rgba(0, 91, 164, .25); }

/* ---------- Kahramanmaraş'ın güzellikleri (index.php: .m-guzellik, UIkit lightbox) ---------- */
.m-guzellik { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-auto-rows: 360px; gap: 20px; }
.m-guzellik-kart {
    position: relative; display: block; overflow: hidden; border-radius: 22px; background: #dfe4ef;
    box-shadow: var(--m-golge); isolation: isolate; transition: box-shadow .35s ease, transform .35s ease;
}
.m-guzellik-kart img {
    position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block;
    transition: transform .7s cubic-bezier(.2, .8, .2, 1);
}
.m-guzellik-kart::after {
    content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none;
    background: linear-gradient(180deg, rgba(7, 11, 56, 0) 45%, rgba(7, 11, 56, .78) 100%);
}
.m-guzellik-kart::before { /* büyüt simgesi */
    content: "+"; position: absolute; z-index: 2; top: 16px; right: 16px; width: 40px; height: 40px; border-radius: 50%;
    display: flex; align-items: center; justify-content: center; font: 300 26px/1 system-ui, sans-serif;
    color: var(--m-lacivert); background: rgba(255, 255, 255, .9);
    opacity: 0; transform: scale(.7); transition: opacity .3s ease, transform .3s ease;
}
.m-guzellik-ad {
    position: absolute; z-index: 2; left: 22px; right: 22px; bottom: 18px; color: #fff; font-size: 19px; font-weight: 700;
    letter-spacing: -.01em; text-shadow: 0 2px 10px rgba(0, 0, 0, .35); transition: transform .35s ease;
}
.m-guzellik-ad::before { content: ""; display: block; width: 34px; height: 3px; border-radius: 3px; margin-bottom: 9px; background: linear-gradient(90deg, var(--m-mor), var(--m-kirmizi)); }
.m-guzellik-kart:hover { box-shadow: var(--m-golge-ust); transform: translateY(-4px); }
.m-guzellik-kart:hover img { transform: scale(1.07); }
.m-guzellik-kart:hover::before { opacity: 1; transform: none; }
.m-guzellik-kart:hover .m-guzellik-ad { transform: translateY(-4px); }
@media (max-width: 959px) {
    .m-guzellik { grid-template-columns: repeat(3, minmax(0, 1fr)); grid-auto-rows: 240px; gap: 14px; }
    .m-guzellik-ad { left: 16px; right: 16px; bottom: 14px; font-size: 16px; }
    .m-guzellik-ad small { font-size: 12.5px; }
}
@media (max-width: 639px) {
    .m-guzellik { grid-template-columns: 1fr; grid-auto-rows: 210px; }
    .m-guzellik-ad { font-size: 17px; }
    .m-guzellik-kart::before { opacity: 1; transform: none; width: 34px; height: 34px; font-size: 22px; }
}

/* ---------- Kısayol kutuları (short-cut.php: Akreditasyon, Stratejik Plan…) ---------- */
.m-kisayol .uk-slider-items { padding: 6px 0 14px; }
.m-kisayol .uk-card {
    position: relative; height: 100%; padding: 26px 14px 20px; border-radius: 20px !important;
    display: flex; flex-direction: column; align-items: center;
    transition: box-shadow .3s ease, border-color .3s ease;
}
.m-kisayol .uk-card::after { /* alt vurgu çizgisi */
    content: ""; position: absolute; left: 22%; right: 22%; bottom: 0; height: 3px; border-radius: 3px 3px 0 0;
    background: linear-gradient(90deg, var(--m-mor), var(--m-kirmizi)); transform: scaleX(0); transition: transform .3s ease;
}
.m-kisayol .uk-card-media-top {
    padding: 0 !important; width: 88px; height: 88px; border-radius: 24px; background: var(--m-mor-acik);
    display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden;
    transition: transform .3s ease, box-shadow .3s ease;
}
.m-kisayol .uk-card-media-top::before { /* hover'da koyulaşan zemin (yalnız opacity geçişi) */
    content: ""; position: absolute; inset: 0; background: linear-gradient(135deg, #dfe3ff, #c9cffc);
    opacity: 0; transition: opacity .3s ease;
}
/* Bazı ikonların kendi beyaz zemini var: multiply ile beyaz kısım kutunun rengine karışır */
.m-kisayol .uk-card-media-top img {
    position: relative; width: 52px !important; height: 52px !important; object-fit: contain; mix-blend-mode: multiply;
    transition: transform .35s cubic-bezier(.2, .8, .2, 1);
}
.m-kisayol .uk-card > .uk-padding-small { padding: 14px 0 0 !important; }
.m-kisayol .uk-card > .uk-padding-small > div {
    min-height: 0 !important; font-size: 15px; font-weight: 600; color: var(--m-lacivert); line-height: 1.35;
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.m-kisayol a:hover .uk-card { border-color: transparent; }
.m-kisayol a:hover .uk-card::after { transform: scaleX(1); }
.m-kisayol a:hover .uk-card .uk-card-media-top { transform: translateY(-3px); box-shadow: 0 10px 22px rgba(109, 117, 240, .28); }
.m-kisayol a:hover .uk-card .uk-card-media-top::before { opacity: 1; }
.m-kisayol a:hover .uk-card .uk-card-media-top img { transform: scale(1.1) rotate(-4deg) !important; }
.m-kisayol .uk-slidenav { background: #fff; color: var(--m-lacivert); border-radius: 50%; box-shadow: var(--m-golge); padding: 12px 14px; }
.m-kisayol .uk-dotnav > * > * { border-color: var(--m-mor) !important; }
.m-kisayol .uk-dotnav > .uk-active > * { background: var(--m-mor) !important; }
@media (max-width: 639px) {
    .m-kisayol .uk-card { padding: 20px 10px 16px; }
    .m-kisayol .uk-card-media-top { width: 70px; height: 70px; border-radius: 20px; }
    .m-kisayol .uk-card-media-top img { width: 42px !important; height: 42px !important; }
}

/* ---------- Rakamlarla KMTSO (sayaçlar) ---------- */
.bc_wrapper { gap: 18px !important; flex-wrap: wrap; }
.bc_container {
    zoom: 1 !important; border-radius: 20px !important; border-bottom: 0 !important;
    background: linear-gradient(140deg, var(--m-lacivert) 0%, var(--m-lacivert-2) 55%, #2b3aa3 100%) !important;
    box-shadow: 0 14px 34px rgba(13, 19, 90, .25); position: relative; overflow: hidden;
    min-height: 150px; height: auto !important; padding: 22px 12px !important;
}
.bc_container::after { content: ""; position: absolute; right: -40px; top: -40px; width: 130px; height: 130px; border-radius: 50%; border: 20px solid rgba(255, 255, 255, .06); }
.bc_container::before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 4px; background: linear-gradient(90deg, var(--m-mor), var(--m-kirmizi)); }
/* "12 .000+" gibi kopuk görünen sayıları tek parça yap */
.bc_container table { margin: 0 auto; border-collapse: collapse; width: auto !important; }
.bc_container table td { padding: 0 !important; width: auto !important; }
.bc_container span.num { display: inline !important; font-size: 2.3em; letter-spacing: -.02em; }
.bc_container .text { font-weight: 500; opacity: .9; letter-spacing: .02em; }
.bc_container img { filter: brightness(0) invert(1); opacity: .9; }

/* ---------- İç sayfalar: başlık bandı ve içerik ---------- */
#ic {
    font-size: 17px !important; line-height: 1.8 !important; color: #2b3445 !important; font-weight: 400 !important;
    max-width: 860px; margin-left: auto; margin-right: auto;
}
/* Word'den yapıştırılan yazı tipleri ve küçük punto sitenin yazı tipine uyarlanır */
#ic [style*="font-family"] { font-family: inherit !important; }
#ic [style*="font-size: 10"], #ic [style*="font-size: 11"], #ic [style*="font-size: 12"], #ic [style*="font-size:10"], #ic [style*="font-size:11"], #ic [style*="font-size:12"] { font-size: inherit !important; }
#ic p { margin: 0 0 1.05em !important; }
#ic img { border-radius: 14px; height: auto; max-width: 100%; }
#ic a { color: var(--m-mavi); text-decoration: underline; text-underline-offset: 3px; }
#ic h1, #ic h2, #ic h3, #ic h4 { color: var(--m-lacivert); line-height: 1.35; margin: 1.4em 0 .6em; }
#ic table { border-collapse: collapse; }
#ic td, #ic th { border-color: var(--m-cizgi) !important; padding: 8px 10px; }
#ic ul, #ic ol { padding-left: 1.4em; }
#ic li { margin-bottom: .35em; }

/* İç sayfa içerik kutuları */
.uk-section-default, .uk-background-default { background: transparent; }
.uk-article, .uk-card-body.renk { border-radius: var(--m-r); }

/* ---------- Butonlar ---------- */
.uk-button { border-radius: 10px; font-weight: 600; }
.uk-button-primary { background: var(--m-mavi); box-shadow: 0 6px 16px rgba(30, 79, 150, .25); }
.uk-button-primary:hover { background: var(--m-lacivert); }
.uk-input, .uk-select, .uk-textarea { border-radius: 12px !important; border-color: var(--m-cizgi) !important; }
.uk-input:focus, .uk-select:focus, .uk-textarea:focus { border-color: var(--m-mor) !important; box-shadow: 0 0 0 4px rgba(109, 117, 240, .15); }

/* ---------- Alt bilgi ---------- */
footer, .footer-bg { position: relative; }
.footer-link:hover, .footer-color:hover { color: #fff !important; opacity: 1 !important; }
.sosyal-margin.uk-icon-button { width: 42px; height: 42px; background: rgba(255, 255, 255, .12) !important; color: #fff !important; }
.sosyal-margin.uk-icon-button:hover { background: #fff !important; color: var(--m-lacivert) !important; }

/* ---------- Erişilebilirlik ve hareket ---------- */
:focus-visible { outline: 3px solid rgba(109, 117, 240, .55); outline-offset: 2px; }
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { transition-duration: .01ms !important; animation-duration: .01ms !important; scroll-behavior: auto !important; }
}

/* ---------- Mobil ---------- */
@media (max-width: 959px) {
    .hero-slideshow, .hero-slideshow .uk-slideshow-items { border-radius: 16px; }
    .bc_container { width: calc(50% - 10px) !important; min-height: 130px; }
    .bc_container span.num { font-size: 1.8em; }
    #ic { font-size: 16px !important; }
    .panelbg .bc_card_title img.bc_img { height: 170px !important; }
}

/* Haber kartı görseli: eski kural (max-height: 95px) görseli şerit gibi bırakıyordu */
.panelbg .bc_card_title img.bc_img { max-height: none !important; margin: 0 !important; }
.panelbg .bc_card_title { padding: 0 !important; display: block !important; }
.panelbg .uk-card-footer { margin-top: auto; position: relative !important; }
.panelbg .uk-card-footer .uk-position-bottom { position: static !important; }

/* Haberler / Duyurular / Etkinlikler sekmeleri: iri mor bloklar yerine sade sekme kartları */
.product-baslik li.test {
    padding: 20px 22px !important; font-size: 16px !important; font-weight: 600; margin: 0 !important;
    background: var(--m-kart) !important; color: var(--m-lacivert) !important; border: 1px solid var(--m-cizgi);
    display: flex; align-items: center; gap: 10px;
}
.product-baslik li.test i { width: 42px; height: 42px; border-radius: 12px; display: inline-flex !important; align-items: center; justify-content: center;
    background: var(--m-mor-acik); color: var(--m-mor) !important; font-size: 17px !important; margin-right: 6px; }
.product-baslik li.test img[src=""] { display: none; }
.product-baslik li.test:hover { background: var(--m-kart) !important; color: var(--m-lacivert) !important; filter: none !important; }
.product-baslik li.test.btnaktif {
    background: linear-gradient(135deg, var(--m-lacivert), #2b3aa3) !important; color: #fff !important; border-color: transparent;
    box-shadow: 0 12px 28px rgba(13, 19, 90, .28);
}
.product-baslik li.test.btnaktif i { background: rgba(255, 255, 255, .16); color: #fff !important; }

/* Sayaç rakamları (num1–num4 ortadaki sayan rakam) yanındaki parçalarla bitişik dursun */
.bc_container span.num1, .bc_container span.num2, .bc_container span.num3, .bc_container span.num4 {
    display: inline !important; font-size: 2.3em; letter-spacing: -.02em; color: #fff; font-weight: 700;
}
.bc_container table td { white-space: nowrap; vertical-align: baseline; }
.bc_container table + table { margin-top: 6px; }

/* İç sayfa: yalnız metin içi bağlantılar altı çizili; başlık daha belirgin */
#ic a { text-decoration: none; }
#ic p a, #ic li a, #ic td a { text-decoration: underline; }
#ic > h1, #ic .uk-article-title, #ic > .uk-h2, #ic > h2 { font-weight: 700 !important; letter-spacing: -.01em; }

/* =====================================================================
   Sabit menü: kaydırınca (site.js #header'a "sticky" ekler) üst şerit gizlenir,
   menü ince ve buzlu cam görünümlü bir çubuk olarak üstte kalır.
   ===================================================================== */
#header { transition: box-shadow .25s ease, background-color .25s ease; }
#header.sticky {
    background: rgba(255, 255, 255, .92) !important;
    -webkit-backdrop-filter: saturate(180%) blur(14px); backdrop-filter: saturate(180%) blur(14px);
    box-shadow: 0 8px 30px rgba(13, 19, 90, .10) !important;
    animation: m-menu-in .28s cubic-bezier(.2, .8, .2, 1);
}
#header.sticky #header-top-bar { display: none !important; }
#header.sticky .header-main-bar { background: transparent !important; box-shadow: none !important; margin-top: 0 !important; }
#header.sticky .header-main-bar .logo { transform: scale(.82); transform-origin: left center; transition: transform .25s ease; }
#header.sticky .uk-navbar-nav > li > a { min-height: 64px !important; }
#header.sticky .uk-navbar-nav > li > a::after { bottom: 14px; }
@keyframes m-menu-in { from { transform: translateY(-100%); } to { transform: none; } }

/* =====================================================================
   Haberler / Duyurular / Etkinlikler: oranlar
   ===================================================================== */
/* Sekmeler kart yüksekliğine eşit dağılır */
.product-baslik { height: 100%; }
.product-baslik ul.uk-nav { height: 100%; }
.product-baslik li.test { flex: 1 1 0; min-height: 72px; max-height: 180px; }
/* Kart: sabit oranlı görsel, 4 satırlık temiz özet, alt boşluk yok */
.panelbg { min-height: 0 !important; height: 100%; }
.panelbg .bc_card_title img.bc_img { height: auto !important; aspect-ratio: 16 / 10; }
.panelbg .uk-card-body > div.fs14:not(:last-child) {
    max-height: none !important; min-height: 0 !important; overflow: hidden;
    display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; line-height: 1.6 !important;
}
.panelbg .uk-card-body > div.fs14:last-child { display: none; } /* sondaki "..." */
.panelbg .uk-card-title { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: calc(2 * 1.4em + 14px); }
.panelbg .uk-card-footer { padding-top: 14px !important; }
.panelbg .uk-card-footer button { margin-top: 0 !important; }

/* =====================================================================
   Sade alt bilgi: fotoğraf ve süs çizgileri kaldırıldı, düz lacivert zemin
   ===================================================================== */
.fotter-padding { background: linear-gradient(180deg, #0b1150 0%, #070b38 100%) !important; margin-top: 60px; }
.fotter-padding > .uk-container { background: none !important; }
.fotter-padding > .uk-container::before, .fotter-padding > .uk-container::after { display: none !important; }
.fotter-ic-padding { padding: 36px 24px 22px !important; }
.fotter-padding .uk-heading-line { margin: 0 !important; }
.fotter-padding .uk-heading-line > span::before, .fotter-padding .uk-heading-line > span::after { display: none !important; }
.fotter-padding .uk-heading-line .uk-padding { padding: 0 !important; }
/* Sosyal medya: üstte ince bir satır */
.fotter-ic-padding > .uk-heading-line:first-child { padding-bottom: 26px !important; margin-bottom: 30px !important; border-bottom: 1px solid rgba(255, 255, 255, .1); }
.sosyal-margin.uk-icon-button { margin: 0 4px !important; }
.sosyal-border { border: 0 !important; }
/* Logo ve adres */
.fotter-padding img[alt="Logo"] { width: 76px !important; height: 76px !important; border-radius: 50%; background: #fff; }
.fotter-padding [style*="margin-top: -60px"] { margin-top: 0 !important; }
.fotter-padding .uk-text-white { font-size: 14px; line-height: 1.7; }
/* Sütun başlıkları: küçük, aralıklı büyük harf; çizgisiz */
.fotter-padding .clr-w-imp.uk-padding { font-size: 12px !important; font-weight: 700; letter-spacing: .12em; color: #fff !important; text-align: left; margin-bottom: 12px !important; opacity: .95; }
.fotter-padding .uk-margin-large-bottom { margin-bottom: 18px !important; }
.fotter-padding .uk-margin-large-top { margin-top: 0 !important; }
.fotter-padding .footer-link, .fotter-padding .footer-color { color: rgba(255, 255, 255, .68) !important; font-size: 14px; }
.fotter-padding a.footer-link:hover { color: #fff !important; transform: none; }
.fotter-padding .bc_hor-c { justify-content: flex-start; }
/* Bülten formu */
.fotter-padding .contactForm { display: flex; gap: 8px; margin-top: 10px; }
.fotter-padding .contactForm input.form-control {
    flex: 1; min-width: 0; border-radius: 10px; border: 1px solid rgba(255, 255, 255, .2); background: rgba(255, 255, 255, .08); color: #fff; padding: 10px 12px !important;
}
.fotter-padding .contactForm input.form-control::placeholder { color: rgba(255, 255, 255, .55); }
.fotter-padding .contactForm .icon-btn { border: 0; border-radius: 10px; background: var(--m-mor); color: #fff; padding: 0 14px !important; cursor: pointer; }
/* Alt satır (sayfa görüntülenme) */
.fotter-padding [style*="text-align: center; color: #fff"] { margin-top: 18px; padding-top: 16px; border-top: 1px solid rgba(255, 255, 255, .1); font-size: 12px; color: rgba(255, 255, 255, .5) !important; }
@media (max-width: 959px) {
    .fotter-padding .clr-w-imp.uk-padding, .fotter-padding .bc_hor-c { text-align: center; justify-content: center; }
}
/* Özet içindeki <p>/<span> blokları satır sınırlamasını bozmasın: tek akan metin gibi davranır */
.panelbg .uk-card-body > div.fs14:not(:last-child) * { display: inline !important; margin: 0 !important; padding: 0 !important; font-size: inherit !important; line-height: inherit !important; }
.panelbg .uk-card-body > div.fs14:not(:last-child) br { display: none !important; }
/* Kutu yüksekliği HTML içinde 120px (!important) sabit: 24px satır aralığıyla tam 5 satır sığar, yarım satır kalmaz */
.panelbg .uk-card-body > div.fs14:not(:last-child) { font-size: 14px !important; line-height: 24px !important; -webkit-line-clamp: 5 !important; }
.fotter-ic-padding > .uk-width-5-5\@l { padding-top: 14px; }

/* =====================================================================
   Eski Başkanlarımız: Yönetim Kurulu / Meclis bölümleri ve kartlar
   ===================================================================== */
.m-baskan-grup-baslik {
    display: flex; align-items: center; gap: 14px; margin: 46px 0 0 !important; font-size: 22px !important;
    font-weight: 700 !important; color: var(--m-lacivert) !important; letter-spacing: -.01em; line-height: 1.3 !important;
}
.m-baskan-grup-baslik:first-of-type { margin-top: 30px !important; }
.m-baskan-grup-baslik::before { content: ""; width: 6px; height: 26px; border-radius: 6px; background: linear-gradient(180deg, var(--m-mor), var(--m-kirmizi)); flex: none; }
.m-baskan-grup-baslik::after { content: ""; flex: 1; height: 1px; background: var(--m-cizgi); }
/* Kart = fotoğraf bağlantısı (üst) + bilgi kutusu (alt); ızgara hücresinin boşluğu (gutter) kartın dışında kalır */
.m-baskan-izgara > .uk-margin-small-bottom { transition: transform .3s ease; }
.m-baskan-izgara > .uk-margin-small-bottom:hover { transform: translateY(-4px); }
.m-baskan-izgara > .uk-margin-small-bottom > a {
    display: block; overflow: hidden; cursor: zoom-in; border: 1px solid var(--m-cizgi); border-bottom: 0;
    border-radius: 20px 20px 0 0; background: linear-gradient(180deg, #eef1f8, #e3e8f3);
}
.m-baskan-izgara img.img-fit-250 { object-position: center top; transition: transform .5s ease; animation: none !important; }
.m-baskan-izgara > .uk-margin-small-bottom:hover img.img-fit-250 { transform: scale(1.04); }
.m-baskan-izgara .uk-card-default {
    border: 1px solid var(--m-cizgi) !important; border-top: 0 !important; border-radius: 0 0 20px 20px !important;
    box-shadow: 0 14px 24px -14px rgba(15, 23, 42, .18) !important; padding: 14px 10px 16px !important;
}
.m-baskan-izgara > .uk-margin-small-bottom:hover .uk-card-default { box-shadow: 0 20px 30px -14px rgba(13, 19, 90, .28) !important; }
.m-baskan-izgara .uk-card-default .fw-6 { color: var(--m-lacivert); font-size: 16px; }
.m-baskan-izgara .uk-card-default .fs14 { color: var(--m-mor); font-weight: 600; font-size: 13px !important; margin: 2px 0 4px; }
/* Meclis başkanlarının arşiv fotoğrafları küçük (100x118): büyütülüp bulanıklaşmasın diye vesikalık boyutta */
.m-baskan-meclis img.img-fit-250 {
    width: 132px !important; height: 156px !important; margin: 22px auto 0; display: block; border-radius: 14px;
    box-shadow: 0 8px 20px rgba(13, 19, 90, .18);
}
.m-baskan-meclis > .uk-margin-small-bottom > a { padding-bottom: 4px; }
.m-baskan-meclis > .uk-margin-small-bottom:hover img.img-fit-250 { transform: scale(1.06); }

/* =====================================================================
   Kaydırma animasyonu (js/modern.js): yalnız opacity + transform
   ===================================================================== */
.m-reveal { opacity: 0; transform: translate3d(0, 22px, 0); }
.m-reveal.m-gorundu {
    opacity: 1; transform: none;
    transition: opacity .6s ease var(--m-gecikme, 0ms), transform .6s cubic-bezier(.2, .8, .2, 1) var(--m-gecikme, 0ms);
}
@media (prefers-reduced-motion: reduce) {
    .m-reveal { opacity: 1 !important; transform: none !important; }
    .m-guzellik-kart img, .m-guzellik-kart, .m-kisayol .uk-card-media-top { transition: none !important; }
}

/* =====================================================================
   İştiraklerimiz (index.php: .m-istirak). ≤5 kayıt: ortalanmış logo duvarı; fazlası kaydırıcı.
   Logolar gri tonlu durur, üzerine gelince renklenir; bağlantılı kartta "Siteyi ziyaret et" şeridi çıkar.
   ===================================================================== */
.m-istirak-duvar { display: flex; flex-wrap: wrap; justify-content: center; gap: 22px; list-style: none; margin: 0; padding: 6px 0 10px; }
.m-istirak-duvar > li { flex: 0 1 240px; min-width: 0; }
.m-istirak .uk-slider-items { padding-top: 6px; padding-bottom: 18px; }
.m-istirak-kart {
    position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center;
    height: 150px; padding: 18px 16px; box-sizing: border-box; overflow: hidden;
    background: var(--m-kart); border: 1px solid var(--m-cizgi); border-radius: 20px; box-shadow: var(--m-golge);
    color: var(--m-lacivert) !important; text-decoration: none !important;
    transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}
.m-istirak-logo { flex: 1; width: 100%; display: flex; align-items: center; justify-content: center; min-height: 0; }
.m-istirak-logo img {
    width: auto; height: auto; max-width: 82%; max-height: 78px; object-fit: contain;
    filter: grayscale(.9); opacity: .78; transition: filter .35s ease, opacity .35s ease, transform .35s ease;
}
.m-istirak-ad {
    margin-top: 8px; font-size: 13px; font-weight: 600; line-height: 1.3; max-width: 100%;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.m-istirak-git {
    position: absolute; left: 0; right: 0; bottom: 0; padding: 9px 10px; font-size: 12px; font-weight: 600; letter-spacing: .02em;
    color: #fff; background: linear-gradient(135deg, var(--m-lacivert), #2b3aa3);
    display: flex; align-items: center; justify-content: center; gap: 4px;
    transform: translateY(100%); transition: transform .3s cubic-bezier(.2, .8, .2, 1);
}
.m-istirak-kart:hover { transform: translateY(-4px); box-shadow: var(--m-golge-ust); border-color: #dfe3ff; }
.m-istirak-kart:hover .m-istirak-logo img { filter: none; opacity: 1; transform: scale(1.05); }
.m-istirak-baglantili:hover .m-istirak-logo img { transform: translateY(-14px) scale(1.03); }
.m-istirak-baglantili:hover .m-istirak-ad { opacity: 0; }
.m-istirak-kart:hover .m-istirak-git, .m-istirak-kart:focus-visible .m-istirak-git { transform: none; }
.m-istirak-ok { background: #fff; color: var(--m-lacivert) !important; border-radius: 50%; box-shadow: var(--m-golge); padding: 12px 14px; }
.m-istirak .uk-dotnav > * > * { border-color: var(--m-mor) !important; }
.m-istirak .uk-dotnav > .uk-active > * { background: var(--m-mor) !important; }
/* Dokunmatik ekranda hover yok: logolar baştan renkli */
@media (hover: none) {
    .m-istirak-logo img { filter: none; opacity: 1; }
}
@media (max-width: 639px) {
    .m-istirak-duvar { gap: 12px; }
    .m-istirak-duvar > li { flex: 0 1 calc(50% - 6px); }
    .m-istirak-kart { height: 112px; padding: 12px; border-radius: 16px; }
    .m-istirak-logo img { max-height: 58px; }
}

/* Güzellik kartı: başlığın altında 2 satırlık kısa tanıtım */
.m-guzellik-ad small {
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
    margin-top: 6px; font-size: 13.5px; font-weight: 400; line-height: 1.5; color: rgba(255, 255, 255, .86); letter-spacing: 0;
}
.m-guzellik-kart::after { background: linear-gradient(180deg, rgba(7, 11, 56, 0) 35%, rgba(7, 11, 56, .86) 100%); }
.m-guzellik-kart::before { content: "+"; }

/* Güzellik detay penceresi: solda görsel (bulanık zemin üzerinde, büyütülmeden), sağda tanıtım */
.m-guz-modal.uk-modal { background: rgba(7, 11, 56, .72); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); }
.m-guz-modal .uk-modal-dialog {
    width: 1040px; max-width: calc(100% - 32px); padding: 0; border-radius: 24px; overflow: hidden;
    display: grid; grid-template-columns: 1.05fr 1fr; min-height: 480px; box-shadow: 0 30px 80px rgba(0, 0, 0, .35);
}
.m-guz-gorsel { position: relative; overflow: hidden; background: #0b1150; display: flex; align-items: center; justify-content: center; }
.m-guz-zemin { /* görselin bulanık kopyası: boşlukları doldurur */
    position: absolute; inset: -30px; background-position: center; background-size: cover; background-repeat: no-repeat;
    filter: blur(22px) saturate(1.2); opacity: .75; transform: scale(1.1);
}
.m-guz-gorsel img {
    position: relative; width: 78%; max-width: calc(100% - 48px); max-height: calc(100% - 48px); height: auto; object-fit: contain;
    border-radius: 16px; box-shadow: 0 18px 40px rgba(0, 0, 0, .35);
}
.m-guz-metin { padding: 40px 42px 30px; display: flex; flex-direction: column; color: var(--m-metin); }
.m-guz-ust { font-size: 12px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--m-mor); }
.m-guz-metin h3 { margin: 8px 0 12px; font-size: 30px; font-weight: 800; color: var(--m-lacivert); letter-spacing: -.02em; line-height: 1.2; }
.m-guz-etiket {
    align-self: flex-start; margin-bottom: 18px; padding: 5px 12px; border-radius: 999px; font-size: 12px; font-weight: 700;
    color: #fff; background: linear-gradient(90deg, var(--m-mor), var(--m-kirmizi));
}
.m-guz-metin p { margin: 0 0 12px; font-size: 15px; line-height: 1.75; color: #475569; }
.m-guz-bilgiler { list-style: none; margin: 8px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.m-guz-bilgiler li {
    padding: 7px 12px 7px 28px; border-radius: 10px; background: var(--m-mor-acik); color: var(--m-lacivert);
    font-size: 13px; font-weight: 600; position: relative;
}
.m-guz-bilgiler li::before { content: ""; position: absolute; left: 12px; top: 50%; width: 7px; height: 7px; margin-top: -3.5px; border-radius: 50%; background: var(--m-mor); }
.m-guz-gezinti { margin-top: auto; padding-top: 24px; display: flex; justify-content: space-between; gap: 12px; border-top: 1px solid var(--m-cizgi); }
.m-guz-gezinti a { font-size: 13px; font-weight: 600; color: var(--m-soluk) !important; text-decoration: none !important; display: inline-flex; align-items: center; gap: 4px; }
.m-guz-gezinti a:hover { color: var(--m-mor) !important; }
.m-guz-kapat.uk-modal-close-default {
    top: 16px; right: 16px; width: 38px; height: 38px; padding: 0; border-radius: 50%; z-index: 2;
    background: rgba(255, 255, 255, .92); color: var(--m-lacivert); box-shadow: var(--m-golge);
    display: flex; align-items: center; justify-content: center;
}
@media (max-width: 959px) {
    .m-guz-modal .uk-modal-dialog { grid-template-columns: 1fr; min-height: 0; }
    .m-guz-gorsel { height: 260px; }
    .m-guz-metin { padding: 26px 22px 22px; }
    .m-guz-metin h3 { font-size: 24px; }
}

/* Bölüm alt başlığı (ör. "KMTSO'nun coğrafi işaretli ürünleri") */
.m-guzellik-baslik { margin-bottom: 6px !important; }
.m-bolum-alt { text-align: center; margin: 0 0 30px !important; font-size: 15px; font-weight: 500; color: var(--m-soluk); }
.m-bolum-alt::before { content: ""; display: inline-block; width: 8px; height: 8px; border-radius: 50%; margin: 0 8px 1px 0; background: linear-gradient(135deg, var(--m-mor), var(--m-kirmizi)); }

/* =====================================================================
   Ana sayfa etkinlik takvimi (etkinlik-takvimi-home.php + js/site.js)
   Yapı ve 540px yükseklik korunur; görünüm kart / hap butonlar / yumuşak gün hücreleri.
   ===================================================================== */
.bc-events-calendar-layout { gap: 14px; }
.bc-events-calendar-panel, .bc-events-side-panel { border-radius: var(--m-r) !important; padding: 20px 22px 16px !important; }
/* Başlık satırı: ay adı solda büyük, gezinme ve butonlar sağda */
.bc-events-cal-header { gap: 8px; margin-bottom: 14px; flex-wrap: nowrap; }
.bc-events-cal-title { order: 0; flex: 1; text-align: left; font-size: 21px !important; font-weight: 800 !important; color: var(--m-lacivert) !important; letter-spacing: -.02em; }
.bc-events-cal-nav[data-dir="-1"] { order: 1; }
.bc-events-cal-nav[data-dir="1"] { order: 2; }
.bc-events-cal-today { order: 3; }
.bc-events-all-link { order: 4; }
.bc-events-cal-nav {
    width: 34px; height: 34px; border-radius: 50% !important; border: 1px solid var(--m-cizgi) !important;
    background: #fff !important; color: var(--m-lacivert) !important; font-size: 12px !important;
}
.bc-events-cal-nav:hover { background: var(--m-mor-acik) !important; border-color: var(--m-mor) !important; color: var(--m-mor) !important; }
.bc-events-cal-today {
    height: 34px; padding: 0 16px !important; border-radius: 999px !important; font-size: 12px !important; font-weight: 700 !important;
    background: var(--m-mor-acik) !important; color: var(--m-mor) !important;
}
.bc-events-cal-today:hover { background: var(--m-mor) !important; color: #fff !important; }
.bc-events-all-link {
    height: 34px; display: inline-flex; align-items: center; padding: 0 16px; border-radius: 999px; font-size: 12px !important; font-weight: 700 !important;
    color: #fff !important; background: linear-gradient(135deg, var(--m-lacivert), #2b3aa3); box-shadow: 0 6px 16px rgba(13, 19, 90, .22);
}
.bc-events-all-link:hover { text-decoration: none !important; box-shadow: 0 8px 22px rgba(13, 19, 90, .32); transform: translateY(-1px); }
.bc-events-all-link::after { content: "→"; margin-left: 6px; }
/* Haftanın günleri */
.bc-events-cal-weekdays { margin-bottom: 6px !important; padding-bottom: 6px; border-bottom: 1px solid var(--m-cizgi); }
.bc-events-cal-weekday { font-size: 11px !important; font-weight: 700 !important; letter-spacing: .06em; text-transform: uppercase; color: var(--m-soluk) !important; }
.bc-events-cal-weekday:nth-child(n+6) { color: var(--m-mor) !important; }
/* Gün hücreleri */
.bc-events-cal-grid { gap: 5px !important; }
.bc-events-cal-day {
    background: transparent !important; border: 0 !important; border-radius: 12px !important;
    font-size: 14px !important; font-weight: 600 !important; color: var(--m-metin) !important; gap: 4px !important;
    transition: background-color .18s ease, color .18s ease, box-shadow .18s ease, transform .18s ease;
}
.bc-events-cal-day:hover { background: var(--m-zemin) !important; transform: translateY(-1px); }
.bc-events-cal-day.is-outside { opacity: .3; }
.bc-events-cal-day.has-events, .bc-events-cal-day:has(.bc-events-cal-dot) { background: var(--m-mor-acik) !important; color: var(--m-lacivert) !important; }
.bc-events-cal-dot { width: 6px !important; height: 6px !important; background: var(--m-mor) !important; box-shadow: 0 0 0 3px rgba(109, 117, 240, .18); }
.bc-events-cal-day.is-today { box-shadow: inset 0 0 0 2px var(--m-mor) !important; color: var(--m-mor) !important; }
.bc-events-cal-day.is-selected {
    background: linear-gradient(135deg, var(--m-lacivert), #2b3aa3) !important; color: #fff !important;
    box-shadow: 0 8px 18px rgba(13, 19, 90, .28) !important;
}
.bc-events-cal-day.is-selected .bc-events-cal-dot { background: #fff !important; box-shadow: none; }
/* Yan panel: seçilen gün ve yaklaşan etkinlikler */
.bc-events-day-title, .bc-events-upcoming-title {
    display: flex; align-items: center; gap: 8px; margin-bottom: 12px !important;
    font-size: 15px !important; font-weight: 800 !important; color: var(--m-lacivert) !important;
}
.bc-events-day-title::before, .bc-events-upcoming-title::before { content: ""; width: 4px; height: 18px; border-radius: 4px; background: linear-gradient(180deg, var(--m-mor), var(--m-kirmizi)); flex: none; }
.bc-events-side-section--upcoming { margin-top: 16px !important; padding-top: 16px !important; border-top: 1px solid var(--m-cizgi) !important; }
.bc-events-day-list { max-height: 150px !important; }
.bc-events-day-list li, .bc-events-upcoming-list li { margin-bottom: 8px !important; }
.bc-events-day-list a, .bc-events-upcoming-list a {
    position: relative; padding: 10px 12px 10px 16px !important; border-radius: 12px !important;
    background: var(--m-zemin) !important; border: 1px solid var(--m-cizgi);
    font-size: 13.5px !important; font-weight: 600; line-height: 1.4 !important; color: var(--m-lacivert) !important;
    transition: background-color .18s ease, border-color .18s ease, transform .18s ease;
}
.bc-events-day-list a::before, .bc-events-upcoming-list a::before {
    content: ""; position: absolute; left: 0; top: 10px; bottom: 10px; width: 3px; border-radius: 0 3px 3px 0; background: var(--m-mor);
}
.bc-events-day-list a:hover, .bc-events-upcoming-list a:hover { background: #fff !important; border-color: #dfe3ff; transform: translateX(3px); color: var(--m-mor) !important; }
.bc-events-item-date { font-size: 11px !important; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: var(--m-mor) !important; margin-bottom: 3px !important; }
/* Boş durum */
.bc-events-empty {
    padding: 16px 14px; border-radius: 12px; border: 1px dashed #d6dbea; background: #fbfcfe;
    text-align: center; font-size: 13px !important; color: var(--m-soluk) !important;
}
.bc-events-empty::before { content: "📅"; display: block; font-size: 22px; margin-bottom: 4px; filter: grayscale(.3); }
@media (max-width: 959px) {
    .bc-events-cal-header { flex-wrap: wrap; }
    .bc-events-cal-title { flex: 1 1 100%; order: -1; font-size: 19px !important; }
    .bc-events-cal-day { min-height: 38px; font-size: 13px !important; }
}

/* =====================================================================
   Manşet sağ sütunu: E-Bülten ve Üye Anketi butonları (slider.php: .m-yan-buton)
   Arka plan görseli panelden gelir (satır içi stil); üzerine okunabilirlik katmanı, ikon kutusu,
   alt açıklama ve ok eklenir.
   ===================================================================== */
.m-yan-buton.portalbtn, .m-yan-buton.akademibtn {
    position: relative; display: flex !important; align-items: center; gap: 14px; isolation: isolate; overflow: hidden;
    min-height: 92px; padding: 16px 16px 16px 18px !important; margin: 14px 25px 0 0 !important;
    border-radius: 20px; font-size: 16px !important; box-shadow: 0 14px 30px rgba(13, 19, 90, .28);
    border: 1px solid rgba(255, 255, 255, .14); transition: box-shadow .3s ease;
}
.m-yan-buton::before { /* okunabilirlik katmanı: solda koyu, sağda görsel görünür */
    content: ""; position: absolute; inset: 0; z-index: -1; transition: opacity .3s ease;
    background: linear-gradient(105deg, rgba(13, 19, 90, .95) 0%, rgba(13, 19, 90, .78) 50%, rgba(13, 19, 90, .25) 100%);
}
.m-yan-buton.akademibtn::before { background: linear-gradient(105deg, rgba(88, 96, 230, .96) 0%, rgba(109, 117, 240, .8) 50%, rgba(109, 117, 240, .25) 100%); }
.m-yan-buton::after { /* sağ üstte ince parıltı halkası */
    content: ""; position: absolute; z-index: -1; right: -36px; top: -36px; width: 120px; height: 120px; border-radius: 50%;
    border: 18px solid rgba(255, 255, 255, .07);
}
.m-yan-ikon {
    flex: none; width: 50px; height: 50px; border-radius: 16px; display: flex; align-items: center; justify-content: center;
    background: rgba(255, 255, 255, .16); border: 1px solid rgba(255, 255, 255, .25);
    -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); transition: transform .3s ease, background-color .3s ease;
}
.m-yan-ikon:empty { display: none; }
.m-yan-ikon .slider-sidebar-icon { width: 28px !important; height: 28px !important; margin: 0 !important; }
.m-yan-metin { flex: 1; min-width: 0; line-height: 1.2; }
.m-yan-metin b { display: block; font-size: 20px; font-weight: 700; letter-spacing: -.01em; color: #fff; }
.m-yan-metin small { display: block; margin-top: 4px; font-size: 12.5px; font-weight: 400; color: rgba(255, 255, 255, .85); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.m-yan-ok {
    flex: none; width: 36px; height: 36px; border-radius: 50%; display: flex; align-items: center; justify-content: center;
    background: #fff; color: var(--m-lacivert); box-shadow: 0 6px 14px rgba(0, 0, 0, .18); transition: transform .3s cubic-bezier(.2, .8, .2, 1);
}
.m-yan-buton.akademibtn .m-yan-ok { color: var(--m-mor); }
.m-yan-baglanti:hover .m-yan-buton { box-shadow: 0 20px 40px rgba(13, 19, 90, .35); }
.m-yan-baglanti:hover .m-yan-buton::before { opacity: .9; }
.m-yan-baglanti:hover .m-yan-ok { transform: translateX(4px); }
.m-yan-baglanti:hover .m-yan-ikon { transform: rotate(-6deg) scale(1.05); background: rgba(255, 255, 255, .24); }
.m-yan-baglanti { text-decoration: none !important; }
/* Dar sütun (≈260px): açıklama iki satıra insin, öğeler sıkışsın */
.m-yan-buton.portalbtn, .m-yan-buton.akademibtn { gap: 12px; padding: 14px 14px 14px 16px !important; }
.m-yan-ikon { width: 44px; height: 44px; border-radius: 14px; }
.m-yan-ikon .slider-sidebar-icon { width: 24px !important; height: 24px !important; }
.m-yan-metin b { font-size: 18px; }
.m-yan-metin small { white-space: normal; font-size: 12px; line-height: 1.35; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.m-yan-ok { width: 32px; height: 32px; }

/* =====================================================================
   Manşet sağ sütunu: başkanın ad/unvan kutuları (slider.php: .slider-baskan-*)
   İki ayrı beyaz kutu yerine tek buzlu cam kart; kart fotoğrafın üzerine hafifçe biner.
   ===================================================================== */
.slider-baskan-row { gap: 0 !important; margin-bottom: 4px !important; }
.slider-baskan-text {
    position: relative; z-index: 2; margin: 0 -26px 18px 0; padding: 14px 16px 14px 18px;
    background: rgba(255, 255, 255, .9); -webkit-backdrop-filter: blur(12px) saturate(160%); backdrop-filter: blur(12px) saturate(160%);
    border: 1px solid rgba(255, 255, 255, .7); border-radius: 18px; box-shadow: 0 14px 34px rgba(13, 19, 90, .2);
    overflow: hidden;
}
.slider-baskan-text::before { /* sol vurgu çizgisi */
    content: ""; position: absolute; left: 0; top: 14px; bottom: 14px; width: 4px; border-radius: 0 4px 4px 0;
    background: linear-gradient(180deg, var(--m-mor), var(--m-kirmizi));
}
.slider-baskan-name, .slider-baskan-title { background: none !important; box-shadow: none !important; padding: 0 !important; border-radius: 0 !important; margin: 0 !important; }
.slider-baskan-name { font-size: 17px !important; font-weight: 800 !important; color: var(--m-lacivert) !important; letter-spacing: -.01em; line-height: 1.25 !important; }
.slider-baskan-title {
    margin-top: 8px !important; padding-top: 8px !important; border-top: 1px solid var(--m-cizgi);
    font-size: 12px !important; font-weight: 600 !important; color: var(--m-mor) !important; line-height: 1.4 !important;
}
.slider-baskan-photo a { border-radius: 20px; overflow: hidden; box-shadow: 0 16px 36px rgba(13, 19, 90, .24); border: 4px solid rgba(255, 255, 255, .85); background: #fff; }
.slider-baskan-row img.slider-baskan-img { border-radius: 16px !important; box-shadow: none !important; display: block; transition: transform .4s ease; }
.slider-baskan-photo a:hover img.slider-baskan-img { transform: scale(1.04); }

/* =====================================================================
   Manşet slaytı (slider.php: .m-manset)
   - etkin slaytta yavaş yakınlaşma (Ken Burns; yalnız transform)
   - alttan koyulaşan geçiş + etiket / başlık / "Devamını Oku" alttan kayarak gelir
   - sağ üstte hikâye tarzı ilerleme çubukları (autoplay-interval 5000 ile eşleşir)
   ===================================================================== */
.m-manset .hero-slide-media { transform-origin: 60% 40%; will-change: transform; }
.m-manset .uk-slideshow-items > .uk-active .hero-slide-media { animation: m-kenburns 7s ease-out both; }
@keyframes m-kenburns { from { transform: scale(1); } to { transform: scale(1.07); } }
.m-manset .hero-slide-inner::after {
    content: ""; position: absolute; inset: 0; pointer-events: none;
    background: linear-gradient(180deg, rgba(7, 11, 56, 0) 40%, rgba(7, 11, 56, .35) 62%, rgba(7, 11, 56, .88) 100%);
}
/* Başlık bloğu: eski yarı saydam siyah kutu yerine degrade üzerinde serbest metin */
.m-manset .uk-position-bottom-left_bc.m-manset-baslik {
    position: absolute; left: 40px !important; right: 120px; bottom: 36px !important; max-width: 760px !important; z-index: 3 !important;
    padding: 0 !important; background: none !important; display: flex; flex-direction: column; align-items: flex-start; gap: 12px;
    font-size: inherit !important; font-weight: inherit !important;
}
.m-manset-etiket {
    padding: 5px 12px; border-radius: 999px; font-size: 12px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase;
    color: #fff; background: linear-gradient(90deg, var(--m-mor), var(--m-kirmizi)); box-shadow: 0 6px 16px rgba(227, 10, 23, .25);
}
.m-manset-yazi {
    font-size: 30px; font-weight: 800; line-height: 1.22; letter-spacing: -.02em; color: #fff;
    text-shadow: 0 2px 18px rgba(0, 0, 0, .35);
    display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
}
.m-manset-cta {
    display: inline-flex; align-items: center; gap: 6px; padding: 9px 18px; border-radius: 999px;
    font-size: 13px; font-weight: 700; color: var(--m-lacivert); background: #fff; box-shadow: 0 8px 20px rgba(0, 0, 0, .2);
    transition: transform .25s ease, box-shadow .25s ease;
}
.m-manset a:hover .m-manset-cta { transform: translateX(4px); box-shadow: 0 12px 26px rgba(0, 0, 0, .28); }
/* Etkin slaytta metinler sırayla alttan gelir */
.m-manset .uk-slideshow-items > li .m-manset-baslik > * { opacity: 0; transform: translate3d(0, 18px, 0); }
.m-manset .uk-slideshow-items > .uk-active .m-manset-baslik > * { animation: m-manset-metin .7s cubic-bezier(.2, .8, .2, 1) both; }
.m-manset .uk-slideshow-items > .uk-active .m-manset-baslik > :nth-child(2) { animation-delay: .12s; }
.m-manset .uk-slideshow-items > .uk-active .m-manset-baslik > :nth-child(3) { animation-delay: .24s; }
@keyframes m-manset-metin { to { opacity: 1; transform: none; } }
/* İlerleme çubukları */
.m-manset-nav {
    position: absolute; z-index: 4; top: 22px; right: 24px; left: auto; margin: 0; padding: 0; list-style: none;
    display: flex; gap: 6px; width: min(46%, 360px);
}
.m-manset-nav > li { flex: 1; padding: 0 !important; }
.m-manset-nav > li > a {
    position: relative; display: block; height: 4px; border-radius: 4px; overflow: hidden; font-size: 0; color: transparent;
    background: rgba(255, 255, 255, .35); -webkit-backdrop-filter: none; box-shadow: 0 1px 4px rgba(0, 0, 0, .15);
}
.m-manset-nav > li > a::before { content: ""; position: absolute; top: -10px; bottom: -10px; left: 0; right: 0; } /* tıklama alanı */
.m-manset-nav > li > a::after { content: ""; position: absolute; inset: 0; transform-origin: left; transform: scaleX(0); background: #fff; }
.m-manset-nav > li.uk-active > a::after { animation: m-ilerleme 5s linear both; }
@keyframes m-ilerleme { to { transform: scaleX(1); } }
/* Oklar: buzlu cam yuvarlaklar */
.m-manset .slidearrowprev, .m-manset .slidearrownext {
    width: 46px; height: 46px; padding: 0 !important; border-radius: 50%; display: flex !important; align-items: center; justify-content: center;
    background: rgba(255, 255, 255, .18) !important; color: #fff !important; border: 1px solid rgba(255, 255, 255, .35);
    -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); bottom: 30px !important; z-index: 5 !important;
}
.m-manset .slidearrownext { right: 24px !important; }
.m-manset .slidearrowprev { right: 24px !important; margin-right: 56px !important; }
.m-manset .slidearrowprev:hover, .m-manset .slidearrownext:hover { background: #fff !important; color: var(--m-lacivert) !important; }
@media (max-width: 959px) {
    .m-manset .uk-position-bottom-left_bc.m-manset-baslik { left: 18px !important; right: 18px; bottom: 34px !important; gap: 8px; }
    .m-manset-yazi { font-size: 19px; -webkit-line-clamp: 3; }
    .m-manset-etiket { font-size: 10px; padding: 4px 10px; }
    .m-manset-cta { display: none; }
    .m-manset-nav { top: auto; bottom: 14px; left: 18px; right: 18px; width: auto; }
}
@media (prefers-reduced-motion: reduce) {
    .m-manset .uk-slideshow-items > .uk-active .hero-slide-media { animation: none; }
    .m-manset .uk-slideshow-items > li .m-manset-baslik > * { opacity: 1; transform: none; animation: none !important; }
}
/* Manşetin üst kenarı menünün altında kalıyor: ilerleme çubukları alt kenarda, okların solunda */
.m-manset-nav { top: auto; bottom: 22px; left: 40px; right: auto; width: min(40%, 320px); }
.m-manset .uk-position-bottom-left_bc.m-manset-baslik { bottom: 46px !important; }
.m-manset .slidearrowprev, .m-manset .slidearrownext { bottom: 22px !important; }
@media (max-width: 959px) {
    .m-manset-nav { bottom: 14px; left: 18px; right: 18px; width: auto; }
    .m-manset .uk-position-bottom-left_bc.m-manset-baslik { bottom: 32px !important; }
}
/* Geçilmiş slaytların çubukları dolu kalır (hikâye tarzı) */
.m-manset-nav > li:has(~ li.uk-active) > a::after { transform: scaleX(1); }
/* Manşet yüksekliği: kutu masaüstünde 525px sabit (performance.css), UIkit ise slayt alanına ekran genişliğine
   göre 16:9 min-height veriyor. Slayt katmanları kutuya kilitlenmezse alta hizalı başlık ve ilerleme çubukları
   görünen alanın dışına taşar (geniş ekranlarda başlık tamamen kayboluyordu). */
.m-manset .uk-slideshow-items { min-height: 0 !important; height: 100% !important; }
.m-manset .uk-slideshow-items > li, .m-manset .uk-slideshow-items > li > a,
.m-manset .uk-slideshow-items > li > a > .uk-width-expand, .m-manset .hero-slide-inner { height: 100% !important; min-height: 0 !important; }
.m-manset .uk-slideshow-items > li > a { margin-top: 0 !important; }
.m-manset .uk-slideshow-items > li > a > .uk-width-expand { margin-top: 0 !important; }

/* =====================================================================
   Üst menü (menu.php): yuvarlak köşeli kart bar, ayraçsız menü, hap butonlar
   ===================================================================== */
@media (min-width: 960px) {
    /* Bar */
    #header-main-bar.header-main-bar {
        border-radius: 18px; box-shadow: 0 10px 30px rgba(13, 19, 90, .10), 0 1px 2px rgba(13, 19, 90, .06);
        border: 1px solid rgba(231, 235, 243, .9); padding-right: 10px;
    }
    #header.sticky #header-main-bar.header-main-bar { border-color: transparent; }
    /* Menü öğeleri: ayraçlar kalkar, üzerine gelince hap zemin */
    #header-main-bar .uk-navbar-nav > li > a {
        border-right: 0 !important; padding: 0 14px !important; isolation: isolate;
        color: var(--m-lacivert) !important; font-weight: 700 !important; font-size: 13px; letter-spacing: .05em;
    }
    #header-main-bar .uk-navbar-nav > li > a::before {
        content: ""; position: absolute; z-index: -1; left: 3px; right: 3px; top: 50%; height: 40px; margin-top: -20px;
        border-radius: 12px; background: var(--m-mor-acik); opacity: 0; transform: scale(.92);
        transition: opacity .2s ease, transform .2s ease;
    }
    #header-main-bar .uk-navbar-nav > li:hover > a::before,
    #header-main-bar .uk-navbar-nav > li.uk-open > a::before { opacity: 1; transform: none; }
    #header-main-bar .uk-navbar-nav > li:hover > a, #header-main-bar .uk-navbar-nav > li.uk-open > a { color: var(--m-mor) !important; }
    #header-main-bar .uk-navbar-nav > li > a::after { display: none; } /* eski alt çizgi */
    #header-main-bar .uk-navbar-nav > li > a svg, #header-main-bar .uk-navbar-nav > li > a .uk-icon { transition: transform .2s ease; }
    #header-main-bar .uk-navbar-nav > li.uk-open > a svg { transform: rotate(180deg); }
    /* Online İşlemler / Mobil: tam yükseklik bloklar yerine hap butonlar */
    #header-main-bar .uk-navbar-nav > li.uk-background-blue,
    #header-main-bar .uk-navbar-nav > li[style*="5b4bd4"],
    #header-main-bar .uk-navbar-nav > li.uk-background-green {
        background: none !important; display: flex; align-items: center; padding: 0 3px;
    }
    #header-main-bar .uk-navbar-nav > li.uk-background-blue > a,
    #header-main-bar .uk-navbar-nav > li[style*="5b4bd4"] > a {
        min-height: 42px !important; height: 42px; padding: 0 18px !important; border-radius: 12px;
        color: #fff !important; font-size: 12.5px; letter-spacing: .04em;
        background: linear-gradient(135deg, var(--m-lacivert), #2b3aa3); box-shadow: 0 8px 18px rgba(13, 19, 90, .25);
    }
    #header-main-bar .uk-navbar-nav > li[style*="5b4bd4"] > a { background: linear-gradient(135deg, #7c84f5, #5b4bd4); box-shadow: 0 8px 18px rgba(91, 75, 212, .3); }
    #header-main-bar .uk-navbar-nav > li.uk-background-blue > a::before,
    #header-main-bar .uk-navbar-nav > li[style*="5b4bd4"] > a::before { display: none; }
    #header-main-bar .uk-navbar-nav > li.uk-background-blue:hover > a,
    #header-main-bar .uk-navbar-nav > li[style*="5b4bd4"]:hover > a { color: #fff !important; transform: translateY(-1px); box-shadow: 0 12px 24px rgba(13, 19, 90, .32); }
    /* Arama: yuvarlak ikon butonu */
    #header-main-bar .uk-navbar-nav > li.uk-background-green .uk-navbar-toggle {
        min-height: 42px !important; width: 42px; height: 42px; padding: 0 !important; margin-left: 4px; border-radius: 50%;
        border-right: 0 !important; background: var(--m-mor-acik); color: var(--m-lacivert) !important;
    }
    #header-main-bar .uk-navbar-nav > li.uk-background-green .uk-navbar-toggle:hover { background: var(--m-mor); color: #fff !important; }

    /* Üst şerit: sade bağlantılar, yuvarlak bayraklar, hap "YK Giriş" */
    .header-top-bar { display: flex; align-items: center; justify-content: flex-end; gap: 4px; }
    .header-top-bar a.text-blue-link { padding: 6px 10px; border-radius: 999px; font-size: 13.5px; font-weight: 500; color: #33405c !important; transform: none !important; }
    .header-top-bar a.text-blue-link:hover { background: rgba(255, 255, 255, .75); color: var(--m-mor) !important; }
    .header-top-bar a.text-blue-link img { width: 22px !important; height: 22px !important; border-radius: 50%; object-fit: cover; box-shadow: 0 0 0 2px #fff, 0 2px 6px rgba(13, 19, 90, .2); }
    .header-top-bar a.text-blue-link.uk-margin-small-left { margin-left: 0 !important; padding: 4px; }
    .header-top-bar .yk-login-btn {
        margin-left: 8px !important; padding: 6px 16px !important; border-radius: 999px !important; font-size: 12.5px !important; font-weight: 700 !important;
        background: linear-gradient(135deg, var(--m-lacivert), #2b3aa3) !important; box-shadow: 0 6px 14px rgba(13, 19, 90, .25);
    }
    .header-top-bar .yk-login-btn:hover { transform: translateY(-1px); box-shadow: 0 8px 18px rgba(13, 19, 90, .32); }
}

/* =====================================================================
   Açılır menüler (menu.php: .uk-navbar-dropdown + "Kurumsal Yapı" için .dropdown_bc)
   ===================================================================== */
@media (min-width: 960px) {
    #header .uk-navbar-dropdown {
        min-width: 270px; padding: 10px !important; border-radius: 18px !important; border: 1px solid var(--m-cizgi);
        background: #fff; box-shadow: 0 24px 60px rgba(13, 19, 90, .18), 0 2px 6px rgba(13, 19, 90, .06) !important;
        margin-top: 6px;
    }
    #header .uk-navbar-dropdown::before { /* üstte ince renkli şerit */
        content: ""; position: absolute; left: 18px; right: 18px; top: 0; height: 3px; border-radius: 0 0 3px 3px;
        background: linear-gradient(90deg, var(--m-mor), var(--m-kirmizi));
    }
    #header .uk-navbar-dropdown.uk-open { animation: m-dd-in .22s cubic-bezier(.2, .8, .2, 1); }
    @keyframes m-dd-in { from { opacity: 0; transform: translate3d(0, 8px, 0); } to { opacity: 1; transform: none; } }

    /* Öğeler */
    #header .uk-navbar-dropdown-nav { display: flex; flex-direction: column; gap: 2px; }
    #header .uk-navbar-dropdown-nav > li > a {
        position: relative; display: flex !important; align-items: center; gap: 10px;
        padding: 10px 14px 10px 30px !important; border-radius: 12px; min-height: 0 !important;
        font-size: 14.5px !important; font-weight: 500; color: var(--m-metin) !important; text-transform: none;
        transition: background-color .18s ease, color .18s ease, padding .18s ease;
    }
    #header .uk-navbar-dropdown-nav > li > a::before { /* nokta işareti */
        content: ""; position: absolute; left: 14px; top: 50%; width: 6px; height: 6px; margin-top: -3px; border-radius: 50%;
        background: #c9cedf; transition: background-color .18s ease, transform .18s ease;
    }
    #header .uk-navbar-dropdown-nav > li > a:hover {
        background: var(--m-mor-acik) !important; color: var(--m-lacivert) !important; padding-left: 34px !important;
    }
    #header .uk-navbar-dropdown-nav > li > a:hover::before { background: var(--m-mor); transform: scale(1.25); }

    /* "Kurumsal Yapı": satır görünümlü tetik, alt menü panelin sağına açılır */
    #header .dropdown_bc {
        padding: 10px 14px 10px 30px !important; margin-bottom: 4px; border-radius: 12px; gap: 8px !important;
        justify-content: space-between; align-items: center; cursor: pointer;
        font-size: 14.5px; font-weight: 700; color: var(--m-lacivert) !important; background: var(--m-zemin);
    }
    #header .dropdown_bc::before {
        content: ""; position: absolute; left: 13px; top: 50%; width: 8px; height: 8px; margin-top: -4px; border-radius: 2px;
        background: linear-gradient(135deg, var(--m-mor), var(--m-kirmizi)); transform: rotate(45deg);
    }
    #header .dropdown_bc:hover { background: var(--m-mor-acik); }
    #header .dropdown_bc [uk-navbar-parent-icon] { margin-left: 0 !important; transform: rotate(-90deg); color: var(--m-mor); }
    #header .dropdown_bc-content {
        top: -11px !important; left: calc(100% + 18px) !important; right: auto !important; min-width: 250px !important;
        padding: 10px !important; border-radius: 18px !important; border: 1px solid var(--m-cizgi) !important;
        box-shadow: 0 24px 60px rgba(13, 19, 90, .18) !important; font-weight: 500; z-index: 5 !important;
    }
    #header .dropdown_bc-content::before { /* fare geçerken kapanmasın: aradaki boşluğa görünmez köprü */
        content: ""; position: absolute; top: 0; bottom: 0; left: -22px; width: 22px;
    }
    #header .dropdown_bc:hover .dropdown_bc-content, #header .dropdown_bc:focus-within .dropdown_bc-content { animation: m-dd-yan .2s cubic-bezier(.2, .8, .2, 1); }
    @keyframes m-dd-yan { from { opacity: 0; transform: translate3d(-8px, 0, 0); } to { opacity: 1; transform: none; } }
    #header .dropdown_bc-content a {
        position: relative; display: block; padding: 9px 14px 9px 28px; border-radius: 12px; color: var(--m-metin) !important;
        transition: background-color .18s ease, color .18s ease, padding .18s ease;
    }
    #header .dropdown_bc-content a p { margin: 0 !important; font-size: 14.5px; line-height: 1.35; }
    #header .dropdown_bc-content a::before {
        content: ""; position: absolute; left: 13px; top: 50%; width: 6px; height: 6px; margin-top: -3px; border-radius: 50%; background: #c9cedf;
    }
    #header .dropdown_bc-content a:hover { background: var(--m-mor-acik); color: var(--m-lacivert) !important; padding-left: 32px; }
    #header .dropdown_bc-content a:hover::before { background: var(--m-mor); }
}
@media (min-width: 960px) {
    #header .uk-navbar-dropdown-nav > li { margin: 0 !important; }
    #header .uk-navbar-dropdown-nav > li > a { padding-top: 8px !important; padding-bottom: 8px !important; }
    #header .dropdown_bc-content a { padding-top: 8px; padding-bottom: 8px; }
}

/* =====================================================================
   Mobil menü (menu.php: #offcanvas-flip)
   Lacivert degrade panel, kart satırlar, girintili alt menüler, hap butonlar.
   ===================================================================== */
#offcanvas-flip .uk-offcanvas-bar {
    width: 340px; max-width: 88vw; padding: 22px 20px 28px;
    background: linear-gradient(160deg, #0d135a 0%, #1a2370 55%, #2b3aa3 100%) !important;
    box-shadow: -20px 0 50px rgba(7, 11, 56, .35);
}
#offcanvas-flip .uk-offcanvas-bar::before, #offcanvas-flip .uk-offcanvas-bar::after { /* süs halkaları */
    content: ""; position: absolute; pointer-events: none; border-radius: 50%; border: 26px solid rgba(255, 255, 255, .05);
}
#offcanvas-flip .uk-offcanvas-bar::before { width: 220px; height: 220px; right: -90px; top: -80px; }
#offcanvas-flip .uk-offcanvas-bar::after { width: 160px; height: 160px; left: -70px; bottom: 60px; border-color: rgba(109, 117, 240, .12); }
#offcanvas-flip.uk-offcanvas-overlay::before { background: rgba(7, 11, 56, .45); -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); }
#offcanvas-flip .uk-offcanvas-close {
    position: absolute; top: 18px; right: 18px; margin: 0 !important; width: 40px; height: 40px; padding: 0;
    border-radius: 50%; display: flex; align-items: center; justify-content: center; z-index: 2;
    background: rgba(255, 255, 255, .12); color: #fff; border: 1px solid rgba(255, 255, 255, .2);
}
#offcanvas-flip .uk-offcanvas-close:hover { background: #fff; color: var(--m-lacivert); }
#offcanvas-flip .uk-padding-large-top { padding-top: 64px !important; position: relative; z-index: 1; }

/* Ana öğeler */
#offcanvas-flip .uk-nav-primary { display: flex; flex-direction: column; gap: 4px; }
#offcanvas-flip .uk-nav-primary > li > a {
    display: flex; align-items: center; justify-content: space-between; padding: 13px 14px; border-radius: 14px;
    font-size: 15.5px !important; font-weight: 700; letter-spacing: .04em; color: #fff !important; line-height: 1.3;
    transition: background-color .2s ease;
}
#offcanvas-flip .uk-nav-primary > li > a:hover, #offcanvas-flip .uk-nav-primary > li.uk-open > a { background: rgba(255, 255, 255, .1); }
#offcanvas-flip .uk-nav-primary > li > a [uk-navbar-parent-icon], #offcanvas-flip .uk-nav-primary > li > a .uk-nav-parent-icon {
    width: 28px; height: 28px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; margin-left: 8px;
    background: rgba(255, 255, 255, .12); transition: transform .25s ease, background-color .2s ease;
}
#offcanvas-flip .uk-nav-primary > li.uk-open > a [uk-navbar-parent-icon] { transform: rotate(180deg); background: var(--m-mor); }

/* Alt menüler: sol çizgiyle girintili */
#offcanvas-flip .uk-nav-sub {
    margin: 4px 0 8px 18px !important; padding: 2px 0 2px 12px !important; border-left: 2px solid rgba(255, 255, 255, .14);
}
#offcanvas-flip .uk-nav-sub a {
    display: block; padding: 8px 12px !important; border-radius: 10px; font-size: 14.5px !important; font-weight: 500;
    color: rgba(255, 255, 255, .78) !important; text-transform: none !important; letter-spacing: 0;
}
#offcanvas-flip .uk-nav-sub a:hover { background: rgba(255, 255, 255, .08); color: #fff !important; }
#offcanvas-flip .uk-nav-sub .uk-nav-sub { margin-left: 8px !important; }

/* Ayraç ve ikincil bağlantılar */
#offcanvas-flip hr { margin: 18px 0 !important; border-top: 1px solid rgba(255, 255, 255, .12) !important; }
#offcanvas-flip hr + .uk-nav-primary > li > a { font-size: 14.5px !important; font-weight: 500; letter-spacing: 0; padding: 10px 14px; color: rgba(255, 255, 255, .85) !important; }

/* Alttaki butonlar */
#offcanvas-flip .uk-margin-medium-top { margin-top: 22px !important; }
#offcanvas-flip .uk-margin-small-top { margin-top: 10px !important; }
#offcanvas-flip .uk-margin-medium-top > a, #offcanvas-flip .uk-margin-small-top > a {
    display: flex !important; align-items: center; justify-content: center; gap: 8px; min-height: 50px; padding: 0 16px !important;
    border-radius: 14px !important; font-size: 14.5px; font-weight: 700; letter-spacing: .02em;
    transition: transform .2s ease, background-color .2s ease;
}
#offcanvas-flip .uk-margin-medium-top > a:active, #offcanvas-flip .uk-margin-small-top > a:active { transform: scale(.98); }
/* Online İşlemler: beyaz, öne çıkan */
#offcanvas-flip .uk-margin-medium-top > a.uk-background-blue { background: #fff !important; color: var(--m-lacivert) !important; box-shadow: 0 10px 24px rgba(0, 0, 0, .25); }
/* Mobil Uygulama ve telefon: buzlu cam */
#offcanvas-flip .uk-margin-small-top > a[style*="5b4bd4"], #offcanvas-flip .uk-margin-small-top > a.uk-background-green {
    background: rgba(255, 255, 255, .1) !important; border: 1px solid rgba(255, 255, 255, .22); color: #fff !important;
}
#offcanvas-flip .uk-margin-small-top > a[style*="5b4bd4"]::before { content: "\f3cd"; font: 900 15px/1 "Font Awesome 5 Free"; }
#offcanvas-flip .uk-margin-small-top > a.uk-background-green::before { content: "\f095"; font: 900 14px/1 "Font Awesome 5 Free"; }
/* YK Giriş: degrade hap */
#offcanvas-flip .yk-login-btn-mobile { background: linear-gradient(90deg, var(--m-mor), var(--m-kirmizi)) !important; color: #fff !important; border-radius: 999px !important; }
#offcanvas-flip .yk-login-btn-mobile::before { content: "\f007"; font: 900 13px/1 "Font Awesome 5 Free"; }
/* Mobil üst bar: arama yuvarlak, hamburger lacivert yuvarlatılmış kare buton */
@media (max-width: 959px) {
    #header-main-bar.header-main-bar { border-radius: 16px; box-shadow: 0 8px 24px rgba(13, 19, 90, .12); }
    #header-main-bar .uk-navbar-nav > li.uk-background-green { background: none !important; display: flex; align-items: center; }
    #header-main-bar .uk-navbar-nav > li.uk-background-green .uk-navbar-toggle {
        min-height: 42px !important; width: 42px; height: 42px; padding: 0 !important; border-radius: 50%; border-right: 0 !important;
        background: var(--m-mor-acik); color: var(--m-lacivert) !important;
    }
    #header-main-bar .uk-navbar-right.uk-background-gradiend { background: none !important; display: flex; align-items: center; padding: 0 10px 0 6px !important; }
    #header-main-bar .uk-navbar-right.uk-background-gradiend > a {
        width: 44px; height: 44px; border-radius: 14px; display: flex; align-items: center; justify-content: center;
        background: linear-gradient(135deg, var(--m-lacivert), #2b3aa3); box-shadow: 0 8px 18px rgba(13, 19, 90, .28);
    }
    #header-main-bar .uk-navbar-right.uk-background-gradiend > a svg { width: 24px; height: 24px; }
}

/* =====================================================================
   İç sayfa sol menüsü (Birimlerimiz, Oda Bilgileri… ~160 sayfada ortak yapı):
   lacivert başlık kartı + beyaz liste kartı, noktalı satırlar, degrade aktif öğe, girintili alt gruplar.
   ===================================================================== */
/* Başlık kutusu (satır içi stil: #0d135a, 100px) */
.solmenupadding div.fw-7.fs23[style*="0d135a"] {
    position: relative; overflow: hidden; padding: 0 26px !important;
    background: linear-gradient(135deg, #0d135a 0%, #1a2370 60%, #2b3aa3 100%) !important;
    border-radius: 20px 20px 0 0 !important; box-shadow: 0 -6px 24px rgba(13, 19, 90, .18);
}
.solmenupadding div.fw-7.fs23[style*="0d135a"]::after {
    content: ""; position: absolute; right: -40px; top: -50px; width: 150px; height: 150px; border-radius: 50%;
    border: 22px solid rgba(255, 255, 255, .06); pointer-events: none;
}
.solmenupadding div.fw-7.fs23[style*="0d135a"]::before {
    content: ""; position: absolute; left: 26px; bottom: 18px; width: 36px; height: 3px; border-radius: 3px;
    background: linear-gradient(90deg, var(--m-mor), var(--m-kirmizi));
}
.solmenupadding div.fw-7.fs23[style*="0d135a"] a { font-size: 22px; font-weight: 800; letter-spacing: -.01em; line-height: 1.25; position: relative; z-index: 1; }
/* Liste kartı: lila degrade yerine beyaz */
.icsayfasolmenu {
    background: #fff !important; min-height: 0 !important; padding: 12px 10px 14px;
    border: 1px solid var(--m-cizgi); border-top: 0; border-radius: 0 0 20px 20px; box-shadow: 0 18px 40px rgba(13, 19, 90, .08);
}
.icsayfasolmenu .left-menu { padding: 0 !important; display: flex; flex-direction: column; gap: 2px; }
.icsayfasolmenu .left-menu > li { margin: 0 !important; }
/* Satırlar */
.icsayfasolmenu .left-menu li > a {
    position: relative; margin: 0 !important; padding: 11px 14px 11px 32px !important; border: 0 !important; border-radius: 12px;
    font-size: 15px !important; line-height: 1.4 !important; font-weight: 500 !important; color: var(--m-metin) !important; background: transparent;
    transition: background-color .18s ease, color .18s ease, padding .18s ease;
}
.icsayfasolmenu .left-menu li > a::before {
    content: ""; position: absolute; left: 15px; top: 19px; width: 6px; height: 6px; border-radius: 50%; background: #c9cedf;
    transition: background-color .18s ease, transform .18s ease;
}
.icsayfasolmenu .left-menu li > a:hover { background: var(--m-mor-acik) !important; color: var(--m-lacivert) !important; padding-left: 36px !important; }
.icsayfasolmenu .left-menu li > a:hover::before { background: var(--m-mor); transform: scale(1.3); }
/* Aktif sayfa */
.icsayfasolmenu .left-menu li > a.act {
    background: linear-gradient(135deg, var(--m-lacivert), #2b3aa3) !important; color: #fff !important; font-weight: 700 !important;
    box-shadow: 0 10px 22px rgba(13, 19, 90, .25);
}
.icsayfasolmenu .left-menu li > a.act::before { background: #fff; }
/* Açılır grup başlığı (.sub-btn) */
.icsayfasolmenu .item_bc > a.sub-btn, .icsayfasolmenu a.sub-btn { padding-right: 40px !important; font-weight: 600 !important; color: var(--m-lacivert) !important; }
.icsayfasolmenu a.sub-btn::before { border-radius: 2px !important; transform: rotate(45deg); background: linear-gradient(135deg, var(--m-mor), var(--m-kirmizi)) !important; }
.icsayfasolmenu a.sub-btn .bc_dropdown {
    top: 50%; right: 10px !important; margin: -12px 0 0 !important; width: 24px; height: 24px; border-radius: 50%;
    display: flex; align-items: center; justify-content: center; font-size: 13px; background: var(--m-zemin); color: var(--m-mor);
}
.icsayfasolmenu a.sub-btn .bc_dropdown.rotate_bc, .icsayfasolmenu a.sub-btn .bc_dropdown.rotate_bc_ex { transform: rotate(180deg); background: var(--m-mor); color: #fff; }
/* Alt grup içerikleri */
.icsayfasolmenu .sub-menu_bc, .icsayfasolmenu .sub-menu_bc_ex, .icsayfasolmenu .left-menu .uk-nav-sub {
    margin: 2px 0 8px 22px !important; padding: 2px 0 2px 10px !important; border-left: 2px solid var(--m-cizgi) !important;
    background: transparent !important; border-bottom: 0 !important;
}
.icsayfasolmenu .sub-menu_bc a, .icsayfasolmenu .sub-menu_bc_ex a, .icsayfasolmenu .left-menu .uk-nav-sub a {
    display: block; margin: 1px 0 !important; padding: 8px 12px !important; border: 0 !important; border-radius: 10px;
    font-size: 14px !important; line-height: 1.4 !important; font-weight: 500; color: #475569 !important; background: transparent;
}
.icsayfasolmenu .sub-menu_bc a::before, .icsayfasolmenu .sub-menu_bc_ex a:not(.sub-btn)::before, .icsayfasolmenu .left-menu .uk-nav-sub a::before { display: none; }
.icsayfasolmenu .sub-menu_bc a:hover, .icsayfasolmenu .sub-menu_bc_ex a:hover, .icsayfasolmenu .left-menu .uk-nav-sub a:hover { background: var(--m-mor-acik) !important; color: var(--m-lacivert) !important; padding-left: 12px !important; }
.icsayfasolmenu a.sub-item_bc.act, .icsayfasolmenu .left-menu .uk-nav-sub a.act {
    background: var(--m-mor-acik) !important; color: var(--m-mor) !important; font-weight: 700; box-shadow: inset 3px 0 0 var(--m-mor);
}
/* İç içe grup başlığı (alt grubun içindeki .sub-btn) */
.icsayfasolmenu .sub-menu_bc_ex a.sub-btn { padding-left: 12px !important; font-size: 13px !important; letter-spacing: .03em; color: var(--m-lacivert) !important; }
.icsayfasolmenu .sub-menu_bc_ex a.sub-btn::before { display: none; }

/* Banner üzerindeki yol (breadcrumb): buzlu cam hap */
nav[aria-label="Breadcrumb"] .uk-breadcrumb {
    display: inline-flex; flex-wrap: wrap; align-items: center; gap: 2px 0; padding: 10px 20px !important; margin-top: 18px !important;
    border-radius: 999px; background: rgba(255, 255, 255, .82); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);
    box-shadow: 0 10px 26px rgba(13, 19, 90, .12);
}
nav[aria-label="Breadcrumb"] .breadcrumb-s-bc { font-size: 14.5px !important; font-weight: 600 !important; text-shadow: none !important; color: var(--m-lacivert) !important; }
nav[aria-label="Breadcrumb"] .uk-breadcrumb > li:first-child .breadcrumb-s-bc { color: var(--m-mor) !important; }
nav[aria-label="Breadcrumb"] .uk-breadcrumb > li:last-child, nav[aria-label="Breadcrumb"] .uk-breadcrumb > li:last-child .breadcrumb-s-bc { color: var(--m-soluk) !important; font-weight: 500 !important; }
nav[aria-label="Breadcrumb"] .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before { content: "›"; margin: 0 10px; color: #a3abc4; font-weight: 700; }
/* Mobil başlık şeridi */
.uk-container > div.uk-hidden\@l[style*="0d135a"] { border-radius: 16px; margin: 12px 0; background: linear-gradient(135deg, #0d135a, #2b3aa3) !important; }

/* =====================================================================
   Hızlı İşlemler sayfası (hizli-islemler.php: .m-hizli)
   ===================================================================== */
.m-hizli { padding: 34px 0 10px; }
.m-hizli-ust { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; flex-wrap: wrap; margin-bottom: 26px; }
.m-hizli-kicker { display: inline-block; margin-bottom: 8px; font-size: 12px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--m-mor); }
.m-hizli-ust h1 { margin: 0 0 8px !important; font-size: 34px !important; font-weight: 800 !important; letter-spacing: -.02em; color: var(--m-lacivert) !important; line-height: 1.15 !important; }
.m-hizli-ust p { margin: 0 !important; max-width: 560px; font-size: 16px; line-height: 1.6; color: var(--m-soluk); }
.m-hizli-ara {
    display: flex; align-items: center; gap: 10px; width: 300px; max-width: 100%; height: 50px; padding: 0 18px;
    border: 1px solid var(--m-cizgi); border-radius: 999px; background: var(--m-zemin); color: var(--m-soluk);
    transition: border-color .2s ease, box-shadow .2s ease, background-color .2s ease;
}
.m-hizli-ara:focus-within { border-color: var(--m-mor); background: #fff; box-shadow: 0 0 0 4px rgba(109, 117, 240, .15); }
.m-hizli-ara input { flex: 1; min-width: 0; border: 0; outline: 0; background: transparent; font-size: 15px; color: var(--m-metin); }

.m-hizli-izgara { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.m-hizli-kart {
    position: relative; display: flex; align-items: center; gap: 16px; padding: 16px 16px 16px 16px; overflow: hidden;
    background: #fff; border: 1px solid var(--m-cizgi); border-radius: 20px; box-shadow: var(--m-golge);
    color: var(--m-metin) !important; text-decoration: none !important;
    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.m-hizli-kart[hidden] { display: none; }
.m-hizli-kart::after { /* alt vurgu çizgisi */
    content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; transform: scaleX(0); transform-origin: left;
    background: linear-gradient(90deg, var(--m-mor), var(--m-kirmizi)); transition: transform .3s ease;
}
.m-hizli-kart:hover { transform: translateY(-4px); box-shadow: var(--m-golge-ust); border-color: #dfe3ff; }
.m-hizli-kart:hover::after { transform: scaleX(1); }
.m-hizli-gorsel { flex: none; width: 92px; height: 92px; border-radius: 16px; overflow: hidden; background: var(--m-mor-acik); }
.m-hizli-gorsel img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .4s ease; }
.m-hizli-kart:hover .m-hizli-gorsel img { transform: scale(1.08); }
.m-hizli-metin { flex: 1; min-width: 0; display: flex; flex-direction: column; align-items: flex-start; gap: 8px; }
.m-hizli-metin b { font-size: 16.5px; font-weight: 700; line-height: 1.35; color: var(--m-lacivert); }
.m-hizli-rozet {
    display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px; border-radius: 999px;
    font-size: 11.5px; font-weight: 700; letter-spacing: .03em; color: var(--m-mor); background: var(--m-mor-acik);
}
.m-hizli-indir .m-hizli-rozet { color: #b45309; background: #fef3c7; }
.m-hizli-ic .m-hizli-rozet { color: var(--m-kirmizi); background: #fde8ea; }
.m-hizli-git {
    flex: none; align-self: center; display: inline-flex; align-items: center; gap: 6px; height: 38px; padding: 0 14px; border-radius: 999px;
    font-size: 13px; font-weight: 700; color: var(--m-lacivert); background: var(--m-zemin); transition: background-color .2s ease, color .2s ease;
}
.m-hizli-kart:hover .m-hizli-git { background: linear-gradient(135deg, var(--m-lacivert), #2b3aa3); color: #fff; }
.m-hizli-bos { margin: 24px 0 0 !important; padding: 22px; text-align: center; border: 1px dashed #d6dbea; border-radius: 16px; color: var(--m-soluk); }

.m-hizli-yardim {
    display: flex; align-items: center; gap: 18px; flex-wrap: wrap; margin-top: 34px; padding: 22px 26px; border-radius: 22px; position: relative; overflow: hidden;
    background: linear-gradient(135deg, #0d135a 0%, #1a2370 55%, #2b3aa3 100%); color: #fff; box-shadow: 0 18px 40px rgba(13, 19, 90, .25);
}
.m-hizli-yardim::after { content: ""; position: absolute; right: -50px; top: -60px; width: 180px; height: 180px; border-radius: 50%; border: 26px solid rgba(255, 255, 255, .06); pointer-events: none; }
.m-hizli-yardim-ikon { flex: none; width: 54px; height: 54px; border-radius: 16px; display: flex; align-items: center; justify-content: center; font-size: 22px; background: rgba(255, 255, 255, .14); }
.m-hizli-yardim > div { flex: 1; min-width: 200px; display: flex; flex-direction: column; gap: 4px; }
.m-hizli-yardim b { font-size: 18px; }
.m-hizli-yardim span { font-size: 14px; color: rgba(255, 255, 255, .78); }
.m-hizli-yardim-btn {
    position: relative; z-index: 1; display: inline-flex; align-items: center; gap: 8px; height: 46px; padding: 0 20px; border-radius: 999px;
    font-size: 14px; font-weight: 700; color: var(--m-lacivert) !important; background: #fff; text-decoration: none !important;
}
.m-hizli-yardim-btn2 { color: #fff !important; background: rgba(255, 255, 255, .14); border: 1px solid rgba(255, 255, 255, .3); }
.m-hizli-yardim-btn:hover { transform: translateY(-2px); }
@media (max-width: 1199px) { .m-hizli-izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 639px) {
    .m-hizli { padding-top: 22px; }
    .m-hizli-ust h1 { font-size: 26px !important; }
    .m-hizli-ara { width: 100%; }
    .m-hizli-izgara { grid-template-columns: 1fr; gap: 12px; }
    .m-hizli-kart { padding: 12px; gap: 12px; }
    .m-hizli-gorsel { width: 72px; height: 72px; border-radius: 14px; }
    .m-hizli-git { width: 38px; padding: 0; justify-content: center; font-size: 0; }
    .m-hizli-git i { font-size: 13px; }
    .m-hizli-yardim { padding: 20px; }
}
/* Hızlı İşlemler: buton yalnız ok (başlığa yer kalsın) */
.m-hizli-git { width: 40px; height: 40px; padding: 0; justify-content: center; font-size: 0; gap: 0; }
.m-hizli-git i { font-size: 14px; }
#icerik .m-hizli-yardim a.m-hizli-yardim-btn2, #icerik .m-hizli-yardim a.m-hizli-yardim-btn2 i { color: #fff !important; } /* bc-style: #icerik a {color !important} */
.m-hizli-yardim a.m-hizli-yardim-btn.m-hizli-yardim-btn2:hover { background: rgba(255, 255, 255, .24); }

/* =====================================================================
   Foto Galeri (galeri.php: .m-galeri)
   ===================================================================== */
.m-galeri { padding: 34px 0 20px; }
.m-galeri-ust { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; flex-wrap: wrap; margin-bottom: 22px; }
.m-galeri-ust h1 { margin: 0 0 8px !important; font-size: 34px !important; font-weight: 800 !important; letter-spacing: -.02em; color: var(--m-lacivert) !important; line-height: 1.15 !important; }
.m-galeri-ust p { margin: 0 !important; max-width: 580px; font-size: 16px; line-height: 1.6; color: var(--m-soluk); }
.m-galeri-sayac { display: grid; grid-template-columns: auto auto; column-gap: 8px; row-gap: 2px; align-items: baseline; padding: 14px 20px; border-radius: 18px; background: var(--m-zemin); }
.m-galeri-sayac b { font-size: 24px; font-weight: 800; color: var(--m-lacivert); text-align: right; line-height: 1.1; }
.m-galeri-sayac span { font-size: 13px; color: var(--m-soluk); }
/* Albüm filtreleri */
.m-galeri-filtre { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 24px; }
.m-galeri-filtre button {
    display: inline-flex; align-items: center; gap: 8px; height: 40px; padding: 0 8px 0 16px; border-radius: 999px; cursor: pointer;
    border: 1px solid var(--m-cizgi); background: #fff; color: var(--m-lacivert); font: 600 14px/1 inherit;
    transition: background-color .2s ease, color .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.m-galeri-filtre button span { min-width: 26px; height: 26px; padding: 0 7px; border-radius: 999px; display: inline-flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 700; background: var(--m-mor-acik); color: var(--m-mor); }
.m-galeri-filtre button:hover { border-color: var(--m-mor); }
.m-galeri-filtre button.is-active { background: linear-gradient(135deg, var(--m-lacivert), #2b3aa3); color: #fff; border-color: transparent; box-shadow: 0 8px 18px rgba(13, 19, 90, .25); }
.m-galeri-filtre button.is-active span { background: rgba(255, 255, 255, .2); color: #fff; }
/* Izgara */
.m-galeri-izgara { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); grid-auto-rows: 210px; grid-auto-flow: dense; gap: 14px; }
.m-galeri-oge { position: relative; display: block; overflow: hidden; border-radius: 18px; background: var(--m-mor-acik); box-shadow: var(--m-golge); cursor: zoom-in; }
.m-galeri-oge[hidden] { display: none; }
.m-galeri-oge:nth-child(7n + 1) { grid-column: span 2; grid-row: span 2; } /* ritim için ara ara büyük kare */
.m-galeri-oge img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .6s cubic-bezier(.2, .8, .2, 1); }
.m-galeri-oge::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(7, 11, 56, 0) 55%, rgba(7, 11, 56, .75) 100%); opacity: 0; transition: opacity .3s ease; }
.m-galeri-etiket {
    position: absolute; z-index: 1; left: 14px; right: 14px; bottom: 12px; color: #fff; font-size: 13px; font-weight: 700;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis; opacity: 0; transform: translateY(6px); transition: opacity .3s ease, transform .3s ease;
}
.m-galeri-oge:hover img { transform: scale(1.06); }
.m-galeri-oge:hover::after, .m-galeri-oge:hover .m-galeri-etiket { opacity: 1; transform: none; }
@media (max-width: 1199px) { .m-galeri-izgara { grid-template-columns: repeat(3, minmax(0, 1fr)); grid-auto-rows: 190px; } }
@media (max-width: 639px) {
    .m-galeri { padding-top: 22px; }
    .m-galeri-ust h1 { font-size: 26px !important; }
    .m-galeri-filtre { flex-wrap: nowrap; overflow-x: auto; margin: 0 -16px 18px; padding: 0 16px 4px; scrollbar-width: none; }
    .m-galeri-filtre button { flex: none; }
    .m-galeri-izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-rows: 140px; gap: 8px; }
    .m-galeri-oge { border-radius: 12px; }
    .m-galeri-etiket { display: none; }
}

/* ---------- Seçim 2026 menü bağlantısı (menu.php, secim_helper.php) ---------- */
.secim-menu-btn {
    padding: 6px 16px; border-radius: 999px; font-weight: 700;
    background: #f5b400; color: #0d135a !important; text-decoration: none !important;
    box-shadow: 0 6px 14px rgba(245, 180, 0, .30);
}
.secim-menu-btn:hover { color: #0d135a !important; box-shadow: 0 8px 18px rgba(245, 180, 0, .40); }
.secim-menu-btn i { margin-right: 4px; }
#offcanvas-flip .secim-menu-btn-mobil { padding: 12px; font-size: 15px; box-shadow: none; }