/*
Theme Name: Dernek Yönetim Teması
Theme URI: https://www.dernekyonetimsistemi.com/
Author: SEM GRUP Şafak TOPALLAR
Author URI: https://www.dernekyonetimsistemi.com/
Description: Baz sürüm dernek sitesi: Dernek Platform çekirdeği ve modül eklentileriyle kurulur; ilk açılışta standart sayfalar ve (gerekirse) ana menü hazırlanır, dernek yalnızca kendi içerik ve ayarlarını ekler.
Version: 3.0.0
License: GPL v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

/* ========== 1. FONT VE GENEL ========== */
/* Gövde yazı tipi: functions.php → --dernek-site-font-family + isteğe bağlı Google Fonts enqueue (Başlık düzenle paneli). */

* { 
    font-family: var(--dernek-site-font-family, 'Inter', sans-serif) !important; 
    box-sizing: border-box !important; 
}
:root {
    --dernek-layout-max: 1400px;
}
/* Üst çubuk + menü + .container aynı maks. genişlikte hizalanır; width:100% üst öğede sıkışmayı engeller */
.nav-container,
.top-bar-inner {
    max-width: min(100%, var(--dernek-layout-max, 1680px));
}
.container {
    width: 100%;
    max-width: min(100%, var(--dernek-layout-max, 1680px));
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
}
/* Görseller taşmasın */
img { max-width: 100%; height: auto; }
html {
    width: 100%;
}
html, body {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}
body {
    background-color: #f4f4f4;
    color: #333;
    min-height: 100vh;
    width: 100%;
}
h1, h2, h3, h4, h5, h6 { font-weight: 700 !important; }
/* Header ve slider hariç kalan ana içerik metinlerini bir tık büyüt */
.sayfa-ana p,
.sayfa-ana li,
.sayfa-ana a,
.sayfa-ana span,
.sayfa-ana small,
.front-uc-sutun p,
.front-uc-sutun li,
.front-uc-sutun a,
.front-uc-sutun span,
.front-uc-sutun small,
.anasayfa-hakkimizda-orta p,
.anasayfa-hakkimizda-orta li,
.anasayfa-hakkimizda-orta a,
.anasayfa-hakkimizda-orta span,
.anasayfa-hakkimizda-orta small,
.hizli-erisim-bar a,
.footer-ust p,
.footer-ust li,
.footer-ust a,
.footer-alt p {
    font-size: 1.04rem;
}

/* ========== 2. HEADER ========== */
/* Top bar: header üstü siyah çubuk, telefon + butonlar + sosyal ikonlar */
.top-bar {
    /* Top header: kontrol panelinden gelen dinamik renk/yükseklik/yazı boyutu */
    background: var(--dernek-topbar-bg, #0a0a0a);
    color: var(--dernek-topbar-font-color, #b0b0b0);
    font-weight: var(--dernek-topbar-font-weight, 500);
    font-size: var(--dernek-topbar-font-size, 13px);
    padding: var(--dernek-topbar-py, 10px) 0;
    border-bottom: var(--dernek-header-line-thickness, 1px) solid var(--dernek-header-line-color, #1a1a1a);
    letter-spacing: 0.3px;
    position: relative;
    z-index: 30;
}
.top-bar-inner {
    max-width: min(100%, var(--dernek-layout-max, 1680px));
    margin: 0 auto;
    padding: 0 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
}
/* Sol taraf: telefon numaraları (tel: link) */
.top-bar-sol { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
/* Üst çubuk sağ: footer ile aynı .sosyal-ikon satırı */
.top-bar-sosyal-grup .sosyal-linkler {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    margin: 0;
}
.top-bar-sosyal-grup .sosyal-ikon {
    flex-shrink: 0;
}
.top-bar-tel {
    /* Telefon satırı: ikon + numara hizasını tek link içinde tutar */
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--dernek-topbar-font-color, #ccc);
    text-decoration: none;
    transition: color 0.2s, transform 0.2s;
    /* Telefon numarası yazısını bir tık büyüt */
    font-size: 1.03rem;
    font-weight: var(--dernek-topbar-font-weight, 500);
}
.top-bar-tel:hover { color: var(--dernek-renk-1, #214f7b); transform: translateY(-1px); }
/* Sabit/mobil telefon ikonları: numara önünde okunaklı premium rozet hissi */
.top-bar-tel-ikon {
    /* Global font-family override'ını kır: telefon ikonunda Dashicons fontunu zorla */
    font-family: "dashicons" !important;
    /* Sabit/mobil ikonları bir tık daha görünür yap */
    font-size: 18px;
    width: 18px;
    height: 18px;
    color: color-mix(in srgb, var(--dernek-renk-2, #2b6ea8) 85%, #fff);
    filter: drop-shadow(0 1px 4px color-mix(in srgb, var(--dernek-renk-1, #214f7b) 35%, transparent));
}
.top-bar-tel-metin { line-height: 1; }
.top-bar-ayrac { color: #444; font-weight: 300; }
/* Sağ taraf: Üyelik/Üye Girişi/Aidat Öde butonları + sosyal ikon grubu */
.top-bar-sag { display: flex; align-items: center; gap: 18px; flex-wrap: wrap; }
.top-bar-sag > a {
    color: var(--dernek-topbar-font-color, #b0b0b0);
    text-decoration: none;
    transition: all 0.2s;
}
.top-bar-sag > a:hover { color: #fff; }
/* Birincil renk aksiyon butonları (Üyelik Başvurusu, Üye Girişi, Aidat Öde) */
.top-bar-sag > a.top-bar-btn {
    background: var(--dernek-renk-1, #214f7b);
    color: #fff !important;
    padding: 6px 14px;
    border-radius: 4px;
    font-weight: 600;
    /* Aksiyon buton metinlerini bir tık büyüt */
    font-size: 0.86rem;
    letter-spacing: 0.5px;
    position: relative;
    z-index: 2;
    pointer-events: auto;
}
.top-bar-sag > a.top-bar-btn:hover {
    background: var(--dernek-renk-1-koyu, #1a3e60);
    transform: translateY(-1px);
    box-shadow: 0 4px 12px color-mix(in srgb, var(--dernek-renk-1, #214f7b) 40%, transparent);
}
/* Üye adı: hover’da açılan şifre paneli (profil sayfasında göstermiyoruz) */
.top-bar-uye-dropdown {
    position: relative;
    display: inline-flex;
    align-items: stretch;
    /* Panel absolute olduğu için kutu sadece buton yüksekliğinde kalıyor; fare aşağı inince hover kopuyor.
       ::after ile buton ile panel arasında görünmez “köprü” — mouse panel’e giderken :hover sürer */
    z-index: 10000;
}
.top-bar-uye-dropdown::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    height: 14px;
    background: transparent;
    pointer-events: none;
    display: none;
}
.top-bar-uye-dropdown:hover::after,
.top-bar-uye-dropdown:focus-within::after,
.top-bar-uye-dropdown.is-touch-open::after {
    display: block;
    pointer-events: auto;
}
.top-bar-sag .top-bar-uye-dropdown .top-bar-btn {
    background: var(--dernek-renk-1, #214f7b);
    color: #fff !important;
    padding: 6px 14px;
    border-radius: 4px;
    font-weight: 600;
    /* Üye adı butonu metnini diğer aksiyon butonları ile aynı boyutta tut */
    font-size: 0.86rem;
    letter-spacing: 0.5px;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}
.top-bar-sag .top-bar-uye-dropdown .top-bar-btn::after {
    content: '';
    border: 4px solid transparent;
    border-top-color: rgba(255,255,255,0.85);
    margin-top: 3px;
}
.top-bar-uye-panel {
    display: none;
    position: absolute;
    /* Köprü 14px + hafif örtüşme: boşlukta hover kaybı olmasın */
    top: calc(100% + 10px);
    right: 0;
    min-width: 260px;
    padding: 14px;
    padding-top: 16px;
    background: #fff;
    color: #222;
    border-radius: 8px;
    box-shadow: 0 12px 40px rgba(0,0,0,0.18);
    border: 1px solid #e5e5e5;
    z-index: 10001;
    /* Üst kenarda şeffaf tampon: tıklanabilir alan butona yapışık hissi */
    margin-top: 0;
}
.top-bar-uye-panel::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 100%;
    height: 12px;
    background: transparent;
}
.top-bar-uye-dropdown:hover .top-bar-uye-panel,
.top-bar-uye-dropdown:focus-within .top-bar-uye-panel,
.top-bar-uye-dropdown.is-touch-open .top-bar-uye-panel {
    display: block;
}
/* Top bar panel: Profilim / Çıkış yap — buton görünümü (belirgin) */
.top-bar-uye-profil-link {
    display: block;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    font-size: 0.82rem;
    font-weight: 700;
    color: #fff !important;
    background: var(--dernek-renk-1, #214f7b);
    margin-bottom: 10px;
    padding: 10px 14px;
    border-radius: 8px;
    text-decoration: none;
    border: none;
    box-shadow: 0 2px 8px color-mix(in srgb, var(--dernek-renk-1, #214f7b) 35%, transparent);
    transition: background 0.2s, transform 0.15s, box-shadow 0.2s;
}
.top-bar-uye-profil-link:hover {
    background: var(--dernek-renk-1-koyu, #1a3e60) !important;
    color: #fff !important;
    text-decoration: none;
    transform: translateY(-1px);
    box-shadow: 0 4px 14px color-mix(in srgb, var(--dernek-renk-1, #214f7b) 45%, transparent);
}
/* Çıkış: ikincil buton (koyu çerçeve, şifre bölümünden ayıran alt çizgi) */
.top-bar-uye-cikis-link {
    display: block;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    font-size: 0.82rem;
    font-weight: 700;
    color: #1a1a1a !important;
    background: #f5f5f5;
    margin-bottom: 14px;
    padding: 10px 14px;
    border-radius: 8px;
    border: 2px solid #333;
    text-decoration: none;
    transition: background 0.2s, color 0.2s, border-color 0.2s;
}
.top-bar-uye-cikis-link:hover {
    background: #333 !important;
    color: #fff !important;
    border-color: #333 !important;
    text-decoration: none;
}
.top-bar-uye-panel-etiket {
    margin: 0 0 10px;
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: #555;
}
.top-bar-sifre-label {
    display: block;
    font-size: 0.7rem;
    color: #666;
    margin-top: 8px;
    margin-bottom: 2px;
}
.top-bar-sifre-input {
    width: 100%;
    box-sizing: border-box;
    padding: 8px 10px;
    font-size: 0.85rem;
    border: 1px solid #ccc;
    border-radius: 4px;
}
.top-bar-sifre-gonder {
    margin-top: 12px;
    width: 100%;
    padding: 8px;
    background: var(--dernek-renk-1, #214f7b);
    color: #fff;
    border: none;
    border-radius: 4px;
    font-weight: 600;
    cursor: pointer;
    font-size: 0.8rem;
}
.top-bar-sifre-gonder:hover { background: var(--dernek-renk-1-koyu, #1a3e60); }
/* Parola güncelleme sonrası ince şerit bildirim */
.dernek-parola-flash {
    text-align: center;
    padding: 10px 16px;
    font-size: 0.85rem;
    font-weight: 600;
}
.dernek-parola-flash-ok { background: #e8f5e9; color: #1b5e20; }
.dernek-parola-flash-hata { background: #ffebee; color: #b71c1c; }
/* Sosyal medya (sağ): butonlarla hizalı grup; içteki .sosyal-linkler satırı */
.top-bar-sosyal-grup {
    display: flex;
    align-items: center;
    gap: 0;
    margin-left: 4px;
}
.top-bar-sosyal {
    /* Premium taban: koyu zemin üzerinde cam efektli, daha canlı ikon kartı */
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 10px;
    background: linear-gradient(145deg, rgba(255,255,255,0.2), rgba(255,255,255,0.04));
    border: 1px solid rgba(255,255,255,0.18);
    color: #ddd !important;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.28);
    transition: all 0.25s ease, box-shadow 0.3s ease;
}
.top-bar-sosyal:hover {
    background: linear-gradient(145deg, var(--dernek-renk-1, #214f7b), var(--dernek-renk-1-koyu, #1a3e60));
    border-color: rgba(255, 255, 255, 0.32);
    color: #fff !important;
    transform: translateY(-2px) scale(1.04);
    box-shadow: 0 10px 20px color-mix(in srgb, var(--dernek-renk-1, #214f7b) 45%, transparent);
}
.top-bar-sosyal .dashicons {
    font-size: 20px;
    width: 20px;
    height: 20px;
    font-family: "dashicons" !important;
}
/* Dashicons’u olmayan platformlar (TikTok, WhatsApp vb.): kısa metin/emoji ikon */
.top-bar-sosyal-emoji {
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    color: inherit;
}
/* Platforma özel premium renkler: her sosyal ikon kendi marka tonuna yaklaşır */
.top-bar-sosyal.sosyal-platform-facebook:hover { background: linear-gradient(145deg, #1877f2, #0f5dc2); box-shadow: 0 10px 20px rgba(24, 119, 242, 0.45); }
.top-bar-sosyal.sosyal-platform-x_twitter:hover { background: linear-gradient(145deg, #1d1f23, #050505); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.5); }
.top-bar-sosyal.sosyal-platform-instagram:hover { background: linear-gradient(145deg, #fd1d1d, #833ab4 55%, #fcb045); box-shadow: 0 10px 20px rgba(221, 42, 123, 0.45); }
.top-bar-sosyal.sosyal-platform-linkedin:hover { background: linear-gradient(145deg, #0a66c2, #004182); box-shadow: 0 10px 20px rgba(10, 102, 194, 0.45); }
.top-bar-sosyal.sosyal-platform-youtube:hover { background: linear-gradient(145deg, #ff0033, #c70028); box-shadow: 0 10px 20px rgba(255, 0, 51, 0.45); }
.top-bar-sosyal.sosyal-platform-tiktok:hover { background: linear-gradient(145deg, #25f4ee, #fe2c55 55%, #111111); box-shadow: 0 10px 20px rgba(254, 44, 85, 0.45); }
.top-bar-sosyal.sosyal-platform-whatsapp:hover { background: linear-gradient(145deg, #25d366, #128c7e); box-shadow: 0 10px 20px rgba(37, 211, 102, 0.45); }
.top-bar-sosyal.sosyal-platform-telegram:hover { background: linear-gradient(145deg, #2aabee, #229ed9); box-shadow: 0 10px 20px rgba(42, 171, 238, 0.45); }
.top-bar-sosyal.sosyal-platform-pinterest:hover { background: linear-gradient(145deg, #e60023, #b0001b); box-shadow: 0 10px 20px rgba(230, 0, 35, 0.45); }
.top-bar-sosyal.sosyal-platform-snapchat:hover { background: linear-gradient(145deg, #fffc00, #f5da00); color: #151515 !important; box-shadow: 0 10px 20px rgba(255, 252, 0, 0.45); }
.top-bar-sosyal.sosyal-platform-threads:hover { background: linear-gradient(145deg, #1b1b1b, #000000); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.45); }
.top-bar-sosyal.sosyal-platform-discord:hover { background: linear-gradient(145deg, #5865f2, #3b43b5); box-shadow: 0 10px 20px rgba(88, 101, 242, 0.45); }
.top-bar-sosyal.sosyal-platform-github:hover { background: linear-gradient(145deg, #333333, #111111); box-shadow: 0 10px 20px rgba(17, 17, 17, 0.45); }
.top-bar-sosyal.sosyal-platform-medium:hover { background: linear-gradient(145deg, #00ab6c, #007b4f); box-shadow: 0 10px 20px rgba(0, 171, 108, 0.45); }
.top-bar-sosyal.sosyal-platform-reddit:hover { background: linear-gradient(145deg, #ff4500, #d63a00); box-shadow: 0 10px 20px rgba(255, 69, 0, 0.45); }

/* Ana header: logo + menü, premium görünüm */
.main-header {
    /* Ana header: kontrol panelinden gelen arka plan ve yükseklik */
    background: linear-gradient(135deg, var(--dernek-main-header-bg, #ffffff) 0%, #fafafa 35%, #f3f3f3 100%);
    padding: var(--dernek-main-header-py, 18px) 0;
    font-size: var(--dernek-main-header-font-size, 16px);
    font-weight: var(--dernek-main-header-font-weight, 600);
    color: var(--dernek-main-header-font-color, #1d2430);
    border-bottom: 2px solid var(--dernek-renk-1, #214f7b);
    box-shadow: 0 6px 26px rgba(0,0,0,0.06);
    position: relative;
    z-index: 25;
}
.nav-container {
    max-width: min(100%, var(--dernek-layout-max, 1680px));
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 24px;
    gap: 32px;
}
/* Logo sütunu sıkışınca metin hece hece kırılıyor; maskeli logo milimetrik kalıyordu */
.main-header .logo {
    flex: 0 1 auto;
    min-width: min(280px, 42vw);
    max-width: 100%;
}
.nav-menu {
    flex: 1 1 auto;
    min-width: 0;
    overflow: visible;
}
.logo img {
    height: 60px;
    width: auto;
    display: block;
    filter: drop-shadow(0 3px 8px rgba(0,0,0,0.2));
}

/* Özel logo: görseli maskeleyip tema 1. rengiyle doldur (şeffaf zeminli tek renk / silüet logolar için) */
.logo .custom-logo-link.dernek-custom-logo-tema-renk {
    display: inline-block;
    line-height: 0;
    vertical-align: middle;
    flex-shrink: 0;
    height: 56px;
    width: auto;
    aspect-ratio: var(--dernek-logo-w, 200) / var(--dernek-logo-h, 60);
    max-width: min(100%, 320px);
    filter: drop-shadow(0 3px 8px rgba(0, 0, 0, 0.18));
}
.logo .dernek-custom-logo-tema-renk-yuzey {
    display: block;
    width: 100%;
    height: 100%;
    background-color: var(--dernek-logo-fill, var(--dernek-renk-1, #214f7b));
    -webkit-mask-image: var(--dernek-logo-mask-src);
    mask-image: var(--dernek-logo-mask-src);
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
}
.logo a {
    color: var(--dernek-main-header-font-color, #1d2430);
}
.nav-menu ul,
.nav-menu .nav-menu-liste {
    list-style: none;
    margin: 0;
    /* Ana menü kapsayıcısı: premium, yumuşak çerçeveli pill bar */
    padding: 8px 10px;
    display: flex;
    gap: 10px;
    align-items: center;
    flex-wrap: wrap;
    background: linear-gradient(145deg, rgba(255,255,255,0.95), rgba(247,247,247,0.95));
    border: 1px solid rgba(0,0,0,0.08);
    border-radius: 999px;
    box-shadow: 0 10px 28px rgba(17, 24, 39, 0.08), inset 0 1px 0 rgba(255,255,255,0.7);
    overflow: visible;
}
.nav-menu > ul > li { position: relative; }
.nav-menu > ul > li > a {
    position: relative;
    text-decoration: none;
    color: var(--dernek-menu-font-color, #1d2430);
    /* Menü tipografisi: panelde seçilen font özelliklerini uygula */
    font-family: var(--dernek-menu-font-family, 'Inter', sans-serif) !important;
    font-weight: var(--dernek-menu-font-weight, 700);
    font-size: var(--dernek-menu-font-size, 16px);
    letter-spacing: var(--dernek-menu-letter-spacing, 0.07em);
    text-transform: var(--dernek-menu-text-transform, uppercase);
    padding: 12px var(--dernek-menu-item-padding-x, 19px);
    border-radius: 999px;
    transition: color 0.22s ease, background 0.22s ease, transform 0.22s ease, box-shadow 0.22s ease;
}
.nav-menu > ul > li > a::after {
    content: '';
    position: absolute;
    left: 16px;
    right: 16px;
    bottom: 6px;
    height: 2px;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--dernek-renk-1, #214f7b) 0%, var(--dernek-renk-1-koyu, #1a3e60) 100%);
    transform-origin: center;
    transform: scaleX(0);
    transition: transform 0.25s ease-out;
    opacity: 0.9;
}
.nav-menu > ul > li > a:hover {
    color: var(--dernek-renk-1, #214f7b);
    background: linear-gradient(145deg, color-mix(in srgb, var(--dernek-renk-1, #214f7b) 12%, transparent), color-mix(in srgb, var(--dernek-renk-1, #214f7b) 5%, transparent));
    transform: translateY(-2px);
    box-shadow: 0 6px 14px color-mix(in srgb, var(--dernek-renk-1, #214f7b) 22%, transparent);
}
.nav-menu > ul > li:hover > a::after {
    transform: scaleX(1);
}
/* Aktif menü öğesi vurgusu */
/* Aktif sayfa + ebeveyn/ata menü: alt menüde seçili öğe varsa üst menü de vurgulansın */
.nav-menu .current-menu-item > a,
.nav-menu .current_page_item > a,
.nav-menu .current-menu-ancestor > a,
.nav-menu .current-menu-parent > a,
.nav-menu .current_page_parent > a,
.nav-menu .current_page_ancestor > a,
.nav-menu .current-post-ancestor > a {
    /* Seçili menü: köşeleri yumuşatılmış dikdörtgen görünüm */
    /* Parlaklık katmanı için pseudo-element'in dışarı taşmasını engelle */
    overflow: hidden;
    color: #fff;
    background: linear-gradient(145deg, var(--dernek-renk-1, #214f7b), var(--dernek-renk-1-koyu, #1a3e60));
    box-shadow: 0 8px 18px color-mix(in srgb, var(--dernek-renk-1, #214f7b) 35%, transparent);
    border-radius: 10px;
}
.nav-menu .current-menu-item > a::after,
.nav-menu .current_page_item > a::after,
.nav-menu .current-menu-ancestor > a::after,
.nav-menu .current-menu-parent > a::after,
.nav-menu .current_page_parent > a::after,
.nav-menu .current_page_ancestor > a::after,
.nav-menu .current-post-ancestor > a::after {
    transform: scaleX(1);
    background: rgba(255,255,255,0.95);
}
/* Aktif üst menüye hover: birincil renge göre koyulaştırılmış gradyan */
.nav-menu .current-menu-item > a:hover,
.nav-menu .current_page_item > a:hover,
.nav-menu .current-menu-ancestor > a:hover,
.nav-menu .current-menu-parent > a:hover,
.nav-menu .current_page_parent > a:hover,
.nav-menu .current_page_ancestor > a:hover,
.nav-menu .current-post-ancestor > a:hover {
    color: #fff;
    background: linear-gradient(145deg, var(--dernek-renk-1-koyu, #1a3e60), var(--dernek-renk-2-koyu, #215784));
    box-shadow: 0 10px 22px color-mix(in srgb, var(--dernek-renk-1, #214f7b) 42%, transparent);
}
/* Aktif menü hover parlaklığı: üstten geçen çok hafif ışık hissi */
.nav-menu .current-menu-item > a::before,
.nav-menu .current_page_item > a::before,
.nav-menu .current-menu-ancestor > a::before,
.nav-menu .current-menu-parent > a::before,
.nav-menu .current_page_parent > a::before,
.nav-menu .current_page_ancestor > a::before,
.nav-menu .current-post-ancestor > a::before {
    content: '';
    position: absolute;
    top: -110%;
    left: -40%;
    width: 65%;
    height: 260%;
    /* Minimal parlaklık: düşük opaklık, daha sakin premium etki */
    background: linear-gradient(120deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.12) 50%, rgba(255,255,255,0) 100%);
    transform: rotate(18deg) translateX(-120%);
    opacity: 0;
    pointer-events: none;
    transition: transform 0.42s ease, opacity 0.42s ease;
}
.nav-menu .current-menu-item > a:hover::before,
.nav-menu .current_page_item > a:hover::before,
.nav-menu .current-menu-ancestor > a:hover::before,
.nav-menu .current-menu-parent > a:hover::before,
.nav-menu .current_page_parent > a:hover::before,
.nav-menu .current_page_ancestor > a:hover::before,
.nav-menu .current-post-ancestor > a:hover::before {
    opacity: 1;
    transform: rotate(18deg) translateX(220%);
}

/* Sayfa başlığı (title bar) */
.title-bar {
    background: var(--dernek-renk-1, #214f7b);
    border-bottom: 3px solid var(--dernek-renk-1-koyu, #1a3e60);
    padding: 22px 0;
    box-shadow: 0 6px 18px rgba(0,0,0,0.18);
}
.title-bar-inner {
    max-width: min(100%, var(--dernek-layout-max, 1680px));
    margin: 0 auto;
    padding: 0 24px;
}
.title-bar-heading {
    margin: 0;
    font-size: 2rem;
    font-weight: 700;
    color: #fff;
    letter-spacing: 0.5px;
}
/* Üye Ol butonu (ana menüde) */
.btn-uye {
    background: var(--dernek-renk-1, #214f7b);
    color: #fff !important;
    padding: 12px 24px;
    border-radius: 6px;
    font-weight: 700;
    font-size: 1rem;
    letter-spacing: 0.6px;
    transition: all 0.25s ease;
    box-shadow: 0 3px 12px color-mix(in srgb, var(--dernek-renk-1, #214f7b) 35%, transparent);
}
.btn-uye:hover {
    background: var(--dernek-renk-1-koyu, #1a3e60);
    transform: translateY(-2px);
    box-shadow: 0 6px 20px color-mix(in srgb, var(--dernek-renk-1, #214f7b) 45%, transparent);
}

/* Hamburger butonu: sadece mobilde görünür */
.hamburger-btn {
    display: none;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    width: 44px;
    height: 44px;
    padding: 10px;
    background: #f5f5f5;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.25s ease;
}
.hamburger-btn:hover { background: #eee; border-color: var(--dernek-renk-1, #214f7b); }
.hamburger-cizgi {
    display: block;
    width: 22px;
    height: 2.5px;
    background: #333;
    border-radius: 2px;
    transition: transform 0.3s, opacity 0.3s;
}
.hamburger-btn.is-open .hamburger-cizgi:nth-child(1) {
    transform: translateY(7.5px) rotate(45deg);
}
.hamburger-btn.is-open .hamburger-cizgi:nth-child(2) { opacity: 0; }
.hamburger-btn.is-open .hamburger-cizgi:nth-child(3) {
    transform: translateY(-7.5px) rotate(-45deg);
}

/* Açılır alt menü: hover ile görünür, premium gölge */
.nav-menu .sub-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 240px;
    /* Alt menü kartı: premium cam görünümü ve yumuşak açılış hissi */
    background: linear-gradient(160deg, rgba(255,255,255,0.98), rgba(247,247,247,0.97));
    box-shadow: 0 16px 42px rgba(0,0,0,0.14);
    border-radius: 12px;
    padding: 10px 0;
    margin: 10px 0 0;
    flex-direction: column;
    align-items: stretch;
    list-style: none;
    border: 1px solid rgba(0,0,0,0.08);
    z-index: 999;
    text-align: left;
}
.nav-menu li:hover > .sub-menu { display: flex; }
/* İç içe alt menü (ör. Derneğimiz → Yasal Mevzuat → …): yan panel, aşağı taşmayı ve tıklanamayan alanı önler */
.nav-menu .sub-menu li {
    margin: 0;
    position: relative;
}
.nav-menu .sub-menu .sub-menu {
    top: 0;
    left: 100%;
    margin: 0 0 0 6px;
    z-index: 1001;
}
.nav-menu .sub-menu a {
    display: block;
    padding: 12px 20px;
    font-size: 0.94rem;
    font-weight: 600;
    letter-spacing: 0.3px;
    white-space: nowrap;
    text-align: left;
    color: #2c3442;
    transition: all 0.22s;
}
.nav-menu .sub-menu a:hover {
    background: linear-gradient(145deg, color-mix(in srgb, var(--dernek-renk-1, #214f7b) 13%, transparent), color-mix(in srgb, var(--dernek-renk-1, #214f7b) 6%, transparent));
    color: var(--dernek-renk-1, #214f7b);
    padding-left: 24px;
}
/* Alt menüde seçili bağlantı: bulunduğu sayfa belirgin görünsün */
.nav-menu .sub-menu .current-menu-item > a,
.nav-menu .sub-menu .current_page_item > a,
.nav-menu .sub-menu .current-menu-ancestor > a,
.nav-menu .sub-menu .current_page_ancestor > a {
    color: var(--dernek-renk-1, #214f7b);
    background: color-mix(in srgb, var(--dernek-renk-1, #214f7b) 10%, transparent);
    font-weight: 700;
    border-left: 3px solid var(--dernek-renk-1, #214f7b);
    padding-left: 17px;
}

/* ========== 3. SLIDER – Premium görünüm ========== */
.dernek-slider-duyuru {
    background: linear-gradient(135deg, var(--dernek-renk-1-koyu, #1f3f62) 0%, var(--dernek-renk-1, #214f7b) 50%, var(--dernek-renk-1-koyu, #1a3e60) 100%) !important;
    width: 100% !important;
    padding: 40px 20px !important;
    margin: 0 !important;
    overflow: hidden;
    position: relative;
}
.dernek-slider-duyuru::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse 80% 50% at 70% 50%, rgba(255,255,255,0.06) 0%, transparent 50%);
    pointer-events: none;
}

.dernek-slider-wrap {
    width: 100%;
    max-width: min(100%, var(--dernek-layout-max, 1680px));
    height: 420px;
    margin: 0 auto;
    position: relative;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 20px 60px rgba(0,0,0,0.25), 0 0 0 1px rgba(255,255,255,0.08) inset;
}
/* Swiper kapsayicilarini sabit yukseklikte tutarak kirmizi alanin asagi uzamasini engeller */
.dernek-slider-wrap .swiper-wrapper {
    height: 100%;
}

.dernek-slider-slide {
    display: flex !important;
    align-items: stretch !important;
    width: 100% !important;
    height: 420px !important;
    padding: 0 !important;
    box-sizing: border-box;
    background: linear-gradient(135deg, var(--dernek-renk-1-koyu, #1a3e60) 0%, var(--dernek-renk-1, #214f7b) 45%, var(--dernek-renk-1-koyu, #1a3e60) 100%);
}

.dernek-slider-gorsel {
    flex: 0 0 50%;
    display: flex;
    align-items: center;
    padding: 28px 24px 28px 44px;
    box-sizing: border-box;
    position: relative;
}
.dernek-slider-gorsel::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 60px;
    background: linear-gradient(90deg, rgba(0,0,0,0.15) 0%, transparent 100%);
    pointer-events: none;
}

.dernek-slider-gorsel img {
    width: 100%;
    max-height: 100%;
    object-fit: cover;
    border-radius: 12px;
    box-shadow: 0 12px 40px rgba(0,0,0,0.35);
}

/* Sağ yazı alanı: gradient arka plan, beyaz yazı */
.dernek-slider-yazi {
    flex: 0 0 50%;
    background: linear-gradient(160deg, rgba(0,0,0,0.25) 0%, transparent 40%), linear-gradient(135deg, var(--dernek-renk-1-koyu, #153d5c) 0%, var(--dernek-renk-1, #214f7b) 35%, var(--dernek-renk-1-koyu, #1a3e60) 100%);
    color: #fff;
    padding: 40px 56px 40px 36px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    box-sizing: border-box;
    position: relative;
    border-left: 1px solid rgba(255,255,255,0.12);
}
.dernek-slider-yazi::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: linear-gradient(180deg, transparent, rgba(255,255,255,0.4), transparent);
}

.dernek-slider-baslik {
    font-size: 1.95rem;
    margin: 0 0 16px;
    color: #fff !important;
    border: none;
    line-height: 1.25;
    font-weight: 700;
    letter-spacing: -0.02em;
    text-shadow: 0 2px 20px rgba(0,0,0,0.2);
}
.dernek-slider-baslik::after {
    content: '';
    display: block;
    width: 48px;
    height: 3px;
    background: rgba(255,255,255,0.6);
    margin-top: 14px;
    border-radius: 2px;
}

.dernek-slider-ozet {
    font-size: 1.02rem;
    margin-bottom: 24px;
    color: rgba(255,255,255,0.95);
    line-height: 1.6;
    text-shadow: 0 1px 8px rgba(0,0,0,0.15);
}

.dernek-slider-btn {
    background: linear-gradient(145deg, #1a1a1a 0%, #000 100%);
    color: #fff !important;
    padding: 12px 26px;
    text-decoration: none;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-weight: 600;
    align-self: flex-start;
    box-shadow: 0 4px 20px rgba(0,0,0,0.35);
    border: 1px solid rgba(255,255,255,0.1);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.dernek-slider-btn::after {
    content: '→';
    font-size: 1.1em;
}
.dernek-slider-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 28px rgba(0,0,0,0.4);
    color: #fff !important;
}

.dernek-slider-duyuru .swiper-button-next,
.dernek-slider-duyuru .swiper-button-prev {
    color: #fff !important;
    width: 48px;
    height: 48px;
    background: rgba(255,255,255,0.12);
    border-radius: 50%;
    border: 1px solid rgba(255,255,255,0.2);
    transition: background 0.2s, transform 0.2s;
}
.dernek-slider-duyuru .swiper-button-next:hover,
.dernek-slider-duyuru .swiper-button-prev:hover {
    background: rgba(255,255,255,0.22);
    transform: scale(1.05);
}
.dernek-slider-duyuru .swiper-button-next::after,
.dernek-slider-duyuru .swiper-button-prev::after {
    font-size: 20px;
    font-weight: 700;
}

/* Yalnızca anasayfa hero slider; footer .liseEmblemSwiper ile paylaşılan global .swiper-slide width:100% alt carousel'i tek slayt gibi kılıyordu */
.dernek-slider-duyuru .swiper-slide {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    padding: 0 5% !important;
}

/* ========== 4. DASHBOARD / KARTLAR ========== */
.dashboard-container {
    margin: 40px auto !important;
    max-width: min(100%, var(--dernek-layout-max, 1680px)) !important;
    padding: 0 15px !important;
}

.dashboard-grid {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 20px !important;
}

.card {
    background: #fff;
    border-radius: 8px;
    padding: 15px;
    border: 1px solid #eee;
}

/* Sekme içeriği satırları (görsel + başlık + özet + tarih / devam) */
.tab-icerik-satir {
    display: flex;
    gap: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #eee;
    padding-bottom: 12px;
}

.tab-gorsel-link {
    flex: 0 0 80px;
    min-width: 80px;
}

.tab-kucuk-gorsel {
    display: block;
    width: 80px;
    height: 60px;
    min-width: 80px;
    min-height: 60px;
    object-fit: cover;
    border-radius: 6px;
}

.tab-icerik-meta {
    flex: 1;
    min-width: 0;
    text-align: left;
}

.tab-ozet {
    margin: 0.35rem 0 0.45rem;
    font-size: 0.85rem;
    line-height: 1.45;
    color: #555;
    text-align: left;
}

.tab-satir-alt {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.75rem;
    width: 100%;
}

.tab-tarih {
    display: block;
    margin: 0;
    color: #666;
    font-size: 0.8rem;
    text-align: left;
    flex: 0 1 auto;
    min-width: 0;
}

.tab-baslik {
    font-weight: bold;
    color: #333;
    text-decoration: none;
    display: inline-block;
    text-align: left;
}

.tab-baslik:hover {
    color: var(--dernek-renk-1, #214f7b);
}

/* Sekme kartı: "Devamını Oku" — pill buton (anasayfa orta sütun, biraz küçük) */
.tab-devam-link {
    display: inline-flex;
    align-items: center;
    gap: 0.22em;
    margin: 0;
    margin-left: auto;
    flex-shrink: 0;
    padding: 0.2rem 0.52rem;
    font-size: 0.65rem;
    font-weight: 500;
    letter-spacing: 0.02em;
    line-height: 1.2;
    text-decoration: none !important;
    color: #fff !important;
    background: linear-gradient(
        135deg,
        var(--dernek-renk-1, #214f7b) 0%,
        var(--dernek-renk-2, #2b6ea8) 100%
    );
    border: none;
    border-radius: 999px;
    box-shadow: 0 1px 6px rgba(33, 79, 123, 0.22);
    transition: transform 0.18s ease, box-shadow 0.18s ease, filter 0.18s ease;
}
.tab-devam-link:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(33, 79, 123, 0.32);
    filter: brightness(1.06);
}
.tab-devam-link:focus-visible {
    outline: 2px solid var(--dernek-renk-2, #2b6ea8);
    outline-offset: 3px;
}
.tab-devam-link:active {
    transform: translateY(0);
    box-shadow: 0 1px 5px rgba(33, 79, 123, 0.22);
}

/* Duyuru ve etkinlik arşiv sayfası kartları */
.duyuru-etkinlik-kart {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    background: #fff;
    padding: 20px;
    border-radius: 8px;
    margin-bottom: 20px;
    border: 1px solid #eee;
}

.dek-gorsel {
    flex: 0 0 200px;
    min-width: 200px;
}

.dek-gorsel img {
    display: block;
    width: 200px;
    height: 140px;
    object-fit: cover;
    border-radius: 6px;
}

.dek-icerik {
    flex: 1;
}

.dek-icerik h2 {
    margin: 0 0 8px;
    font-size: 1.3rem;
}

.dek-icerik h2 a {
    text-decoration: none;
    color: #333;
}

.dek-icerik h2 a:hover {
    color: var(--dernek-renk-1, #214f7b);
}

.dek-tarih {
    display: block;
    color: #666;
    margin-bottom: 10px;
}

.dek-ozet {
    color: #555;
    line-height: 1.6;
    margin-bottom: 10px;
}

.dek-link {
    color: var(--dernek-renk-1, #214f7b);
    font-weight: bold;
    text-decoration: none;
}

.dek-link:hover {
    text-decoration: underline;
}

@media (max-width: 600px) {
    .duyuru-etkinlik-kart {
        flex-direction: column;
    }
    .dek-gorsel, .dek-gorsel img {
        width: 100%;
        height: 200px;
    }
}

/* Sekme butonları: Duyurular, Etkinliklerimiz, Pazar Yeri, İş Dünyası vb. */
.tab-icerik-kutu {
    border: 1px solid #e5e5e5;
    padding: 24px;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 2px 12px rgba(0,0,0,0.04);
}
/* Sekme butonları premium: pill tarzı, tek satırda (alta kaymaz), dar ekranda yatay kaydırma */
.tab-butonlar {
    display: flex;
    gap: 8px;
    margin-bottom: 24px;
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    background: linear-gradient(180deg, #fafafa 0%, #f5f5f5 100%);
    padding: 10px 12px;
    border-radius: 12px;
    border: 1px solid #eee;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.8);
}
.tab-butonlar::-webkit-scrollbar { height: 6px; }
.tab-butonlar::-webkit-scrollbar-thumb { background: #ccc; border-radius: 3px; }
.tab-btn {
    background: transparent;
    color: #555;
    cursor: pointer;
    border: none;
    padding: 10px 14px;
    border-radius: 24px;
    font-size: 0.88rem;
    font-weight: 600;
    letter-spacing: 0.2px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    flex-shrink: 0;
    white-space: nowrap;
}
.tab-btn:hover {
    background: rgba(236, 31, 38, 0.08);
    color: var(--dernek-renk-1, #214f7b);
}
.tab-btn.tab-active {
    background: linear-gradient(135deg, var(--dernek-renk-1, #214f7b) 0%, var(--dernek-renk-1-koyu, #1a3e60) 100%) !important;
    color: #fff !important;
    box-shadow: 0 4px 14px rgba(236, 31, 38, 0.4);
}
.tab-btn.tab-active:hover {
    background: linear-gradient(135deg, var(--dernek-renk-1-koyu, #1a3e60) 0%, var(--dernek-renk-1-koyu, #1a3e60) 100%) !important;
    box-shadow: 0 6px 18px rgba(236, 31, 38, 0.5);
}
/* Sekme paneli minimum yükseklik */
.tab-panel-wrap { min-height: 300px; }

/* Sol sidebar menü (card içi liste) */
.card ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
.card ul li {
    margin-bottom: 2px;
}
.card ul li a {
    display: block;
    padding: 10px 15px;
    text-decoration: none;
    color: #333 !important;
    font-size: 0.85rem;
    letter-spacing: 0.2px;
    background: #fdfdfd;
    border-left: 3px solid transparent;
    transition: all 0.2s ease;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.card ul li a:hover {
    color: var(--dernek-renk-1, #214f7b) !important;
    font-weight: 600;
    background: #f0f0f0;
    border-left: 3px solid var(--dernek-renk-1, #214f7b);
    white-space: normal;
    overflow: visible;
    z-index: 10;
    position: relative;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
}

/* Sidebar card başlıkları */
.card h3 {
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-weight: 800 !important;
    border-bottom: 2px solid #000 !important;
    padding-bottom: 8px;
    margin-bottom: 15px !important;
}
/* Hızlı Erişim Butonları için Stiller */
.hizli-buton {
    background: white;
    padding: 24px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center; /* İkon ve yazıyı ortalar */
    text-decoration: none;
    color: #333;
    font-weight: bold;
    font-size: 1rem;
    transition: all 0.3s ease;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
}

.hizli-buton:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 12px rgba(0,0,0,0.2);
}

/* Dashicons ikonları için boyut ve font ayarı */
.hizli-buton .dashicons {
    display: inline-block !important; /* Görünürlüğü zorla */
    width: 24px !important;
    height: 24px !important;
    font-size: 24px !important;
    font-family: "dashicons" !important; /* Global font ayarını ez, ikon fontunu kullan */
    color: var(--dernek-renk-1, #214f7b) !important; /* Birincil vurgu rengi */
    margin-right: 12px;
    vertical-align: middle;
}

/* Aidat Öde için TL simgesi */
.hizli-buton .tl-icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: 12px;
    font-size: 24px;
    line-height: 1;
    font-weight: 700;
    color: var(--dernek-renk-1, #214f7b);
}

.hizli-erisim-bar-ic {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    box-sizing: border-box;
}
/* ----- Yönetim / Denetim Kurulu sayfaları (üye görev meta) ----- */
.kurul-sayfa .kurul-icerik {
    background: #fff;
    border: 1px solid #eceff3;
    border-radius: 14px;
    padding: 22px 22px 26px;
    box-shadow: 0 10px 28px rgba(17,24,39,0.06);
}
.kurul-sayfa .kurul-ana-baslik {
    text-align: center;
}
.kurul-sayfa .kurul-ust-metin {
    margin-bottom: 28px;
}
.kurul-uyari {
    padding: 16px;
    background: #fff8e6;
    border: 1px solid #f0d78c;
    border-radius: 8px;
}
.kurul-baskan-hero {
    text-align: center;
    margin-bottom: 36px;
    padding-bottom: 28px;
    border-bottom: 1px solid #e8e8e8;
}
.kurul-baskan-foto {
    width: 200px;
    max-width: 100%;
    margin: 0 auto 16px;
    aspect-ratio: 35 / 45;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 6px 20px rgba(0,0,0,0.12);
    border: 3px solid #fff;
    outline: 1px solid #e0e0e0;
}
.kurul-baskan-foto img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.kurul-baskan-ad {
    font-size: 1.35rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    margin: 0 0 10px;
    color: #1a1a1a;
    text-align: center;
}
.kurul-baskan-unvan,
.kurul-kart-unvan {
    display: flex;
    flex-direction: column;
    gap: 4px;
    align-items: center;
    text-align: center;
    font-size: 0.92rem;
    line-height: 1.35;
    color: #333;
}
.kurul-kart-birim {
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    font-size: 0.78rem;
    color: var(--dernek-renk-1, #214f7b);
}
.kurul-kart-pozisyon {
    font-weight: 600;
}
.kurul-grid {
    display: grid;
    gap: 24px 20px;
}
.kurul-sayfa .kurul-grid {
    border: 1px solid #edf0f4;
    border-radius: 14px;
    padding: 18px;
    background: linear-gradient(180deg, #ffffff 0%, #fbfcfe 100%);
}
.kurul-grid--4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}
.kurul-grid-hucre {
    min-width: 0;
}
.kurul-kart {
    background: #fafbfc;
    border: 1px solid #e8eaed;
    border-radius: 10px;
    padding: 16px 12px 20px;
    text-align: center;
    height: 100%;
    box-sizing: border-box;
    transition: box-shadow 0.2s ease, transform 0.2s ease;
}
.kurul-kart:hover {
    box-shadow: 0 8px 24px rgba(0,0,0,0.08);
    transform: translateY(-2px);
}
.kurul-kart-foto {
    width: 120px;
    max-width: 100%;
    aspect-ratio: 35 / 45;
    margin: 0 auto 12px;
    border-radius: 6px;
    overflow: hidden;
    border: 2px solid #fff;
    outline: 1px solid #ddd;
    box-shadow: 0 2px 10px rgba(0,0,0,0.06);
}
.kurul-kart-foto img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.kurul-kart-ad {
    font-weight: 700;
    font-size: 0.95rem;
    margin: 0 0 10px;
    line-height: 1.3;
    word-break: break-word;
    text-align: center;
}
@media (max-width: 1100px) {
    .kurul-grid--4 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media (max-width: 520px) {
    .kurul-grid--4 {
        grid-template-columns: 1fr;
    }
    .kurul-baskan-foto {
        width: 160px;
    }
}

/* Başkan kartı: Vefa kutusu ile aynı siyah gradient tonu */
.baskan-karti {
    background: linear-gradient(135deg, #1a1a1a 0%, #0a0a0a 100%);
    color: #fff;
    padding: 20px;
    border-radius: 8px;
    max-width: 100%;
    box-sizing: border-box;
}

/* Reklam Alanı - 1: Slayt altı / üst banner (728x90 / 970x90), belirgin kutu */
.reklam-alani--slayt-alti {
    background: #fff5f5;
    border: 2px solid var(--dernek-renk-1, #214f7b);
    border-radius: 8px;
    padding: 20px 24px;
    margin: 24px auto;
    max-width: min(100%, var(--dernek-layout-max, 1680px));
    width: 100%;
    box-sizing: border-box;
}
.reklam-alani--slayt-alti .reklam-alani-inner {
    max-width: 970px;
    margin: 0 auto;
    text-align: center;
}
.reklam-alani--slayt-alti img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
    border-radius: 6px;
}
.reklam-alani--slayt-alti a {
    display: inline-block;
}
.reklam-alani--slayt-alti .reklam-alani-etiket {
    display: block;
    font-size: 0.85rem;
    font-weight: 700;
    color: var(--dernek-renk-1, #214f7b);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 14px;
}

/* Reklam Alanı - 1: sayfa-icerik / sayfa-ana içinde tam genişlik (dıştaki 1400px sınırı taşmasın) */
.reklam-alani--sayfa-ici {
    max-width: 100%;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    box-sizing: border-box;
}
.reklam-alani--sayfa-ici .reklam-alani-inner {
    max-width: 100%;
}

/* sayfa-layout grid: reklam satırı üç sütunu birden kaplar (başlık hizasında tam genişlik) */
.dernek-reklam-1-sayfa-layout-ust {
    grid-column: 1 / -1;
    width: 100%;
    min-width: 0;
}
/* Üst şeritte dikey boşluk azaltılır; kutu başlık bandıyla aynı genişlikte uzanır */
.dernek-reklam-1-sayfa-layout-ust .reklam-alani--sayfa-ici {
    margin-top: 0;
    margin-bottom: 18px;
}
.reklam-alani-1-placeholder {
    min-height: 70px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

/* Reklam Alanı-2 / -3: Yan sütun kutu reklamları (280x250); -3 başkan altı, -2 sol menü altı */
.reklam-alani-2-wrap {
    width: 100%;
}
.reklam-alani-3-wrap {
    width: 100%;
}
.reklam-alani-2-wrap img {
    width: 100%;
    max-width: 280px;
    height: auto;
    display: block;
    border-radius: 8px;
    border: 1px solid #eee;
}
.reklam-alani-2-wrap a {
    display: block;
}
.reklam-alani-3-wrap img {
    width: 100%;
    max-width: 280px;
    height: auto;
    display: block;
    border-radius: 8px;
    border: 1px solid #eee;
}
.reklam-alani-3-wrap a {
    display: block;
}

/* Anasayfa: yan sütun reklam kutuları (sağ: başkan altı; sol: menü altı) */
.anasayfa-reklam-alani {
    margin-top: 20px;
    width: 100%;
}
/* Sol Reklam Alanı-2: bileşenlerin üstünde (ilk çocuk) üst boşluksuz; menü kartından sonra daha sıkı */
.sol-sidebar > .anasayfa-reklam-alani--sol:first-child {
    margin-top: 0;
}
.sol-sidebar .sol-sidebar-varsayilan + .anasayfa-reklam-alani--sol {
    margin-top: 10px;
}
.anasayfa-reklam-alani--sol {
    margin-top: 16px;
    margin-bottom: 16px;
}

/* Sol sütun: menü aside + reklam aynı grid hücresinde dikey dizilir */
.sol-sidebar-wrap {
    display: flex;
    flex-direction: column;
    gap: 0;
    min-width: 0;
}
.anasayfa-reklam-widget {
    background: #fff5f5;
    border: 2px solid var(--dernek-renk-1, #214f7b);
    border-radius: 8px;
    padding: 16px;
    font-size: 0.9rem;
    color: var(--dernek-renk-1, #214f7b);
}
.anasayfa-reklam-widget-baslik {
    margin: 0 0 10px;
    font-size: 1rem;
    color: var(--dernek-renk-1, #214f7b);
}
.anasayfa-reklam-placeholder {
    background: #fff5f5;
    border: 2px solid var(--dernek-renk-1, #214f7b);
    border-radius: 8px;
    padding: 24px 16px;
    text-align: center;
    color: var(--dernek-renk-1, #214f7b);
}
.anasayfa-reklam-placeholder .dashicons {
    font-size: 32px;
    width: 32px;
    height: 32px;
    color: var(--dernek-renk-1, #214f7b);
    display: block;
    margin: 0 auto 10px;
}
.anasayfa-reklam-placeholder p {
    margin: 0 0 8px;
    font-weight: 600;
    color: var(--dernek-renk-1, #214f7b);
}
.anasayfa-reklam-placeholder small {
    display: block;
    font-size: 0.75rem;
    color: var(--dernek-renk-1-koyu, #1a3e60);
    line-height: 1.4;
}

/* Başkan reklam alanı altı: Vefa ve Dayanışma kartı (tema renkleri) */
/* Vefa kartı: sütun genişliğine uyum (iç sayfalarda 280px kolon) */
.military-card {
    width: 100%;
    max-width: 280px;
    min-height: 250px;
    height: auto;
    background: linear-gradient(135deg, #1a1a1a 0%, #0a0a0a 100%);
    border: 2px solid var(--dernek-renk-1, #214f7b);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #ffffff;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
    padding: 20px;
    box-sizing: border-box;
    margin-top: 20px;
}
.military-card .card-content h3 {
    font-size: 20px;
    margin-bottom: 12px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-bottom: 1px solid var(--dernek-renk-1, #214f7b);
    padding-bottom: 8px;
}
.military-card .card-content p {
    font-size: 14px;
    line-height: 1.4;
    margin-bottom: 20px;
    color: #ccc;
}
.military-card .join-button {
    display: inline-block;
    padding: 10px 25px;
    background-color: var(--dernek-renk-1, #214f7b);
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    border-radius: 4px;
    transition: all 0.3s ease;
    text-transform: uppercase;
    position: relative;
    z-index: 2;
    pointer-events: auto;
}
.military-card .join-button:hover {
    background-color: var(--dernek-renk-1-koyu, #1a3e60);
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(236, 31, 38, 0.4);
}

/* Şehitlerimiz: anasayfa orta sütunda banka kutusunun altı + sağ sütun artık kullanılmıyor (sadece .sehitlerimiz-bolum--orta-3lu) */
.sehitlerimiz-bolum {
    margin-top: 24px;
    width: 100%;
    max-width: 100%;
}
/* Orta sütun: 3 şehit kartı yan yana (banka / aidat altı) */
.sehitlerimiz-bolum--orta-3lu {
    margin-top: 28px;
    padding-top: 22px;
    border-top: 1px solid #e8e8e8;
    max-width: 100%;
}
.sehitlerimiz-bolum--orta-3lu .sehitlerimiz-liste {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}
.sehitlerimiz-bolum--orta-3lu .sehitlerimiz-kart {
    flex-direction: column;
    align-items: center;
    text-align: center;
    min-width: 0;
    height: 100%;
    box-sizing: border-box;
}
.sehitlerimiz-bolum--orta-3lu .sehitlerimiz-gorsel {
    width: 100%;
    max-width: 130px;
    height: 130px;
    min-width: 0;
    margin: 0 auto;
}
.sehitlerimiz-bolum--orta-3lu .sehitlerimiz-bilgi {
    align-items: center;
    width: 100%;
}
.sehitlerimiz-bolum--orta-3lu .sehitlerimiz-tum-link {
    margin-top: 16px;
}
@media (max-width: 900px) {
    .sehitlerimiz-bolum--orta-3lu .sehitlerimiz-liste {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media (max-width: 520px) {
    .sehitlerimiz-bolum--orta-3lu .sehitlerimiz-liste {
        grid-template-columns: 1fr;
    }
}
.sehitlerimiz-baslik {
    font-size: 1.1rem;
    margin: 0 0 14px;
    color: #333;
    border-bottom: 2px solid var(--dernek-renk-1, #214f7b);
    padding-bottom: 8px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
.sehitlerimiz-liste {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.sehitlerimiz-kart {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px;
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    text-decoration: none;
    color: #333;
    transition: border-color 0.2s, box-shadow 0.2s;
}
.sehitlerimiz-kart:hover {
    border-color: var(--dernek-renk-1, #214f7b);
    box-shadow: 0 2px 8px rgba(236, 31, 38, 0.15);
}
.sehitlerimiz-gorsel {
    width: 60px;
    height: 60px;
    min-width: 60px;
    border-radius: 4px;
    overflow: hidden;
    background: #f0f0f0;
}
.sehitlerimiz-gorsel img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.sehitlerimiz-gorsel-yok {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    font-size: 0.7rem;
    color: #999;
}
.sehitlerimiz-bilgi {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}
.sehitlerimiz-ad {
    font-weight: 700;
    font-size: 0.95rem;
    color: #1a1a1a;
}
.sehitlerimiz-rutbe,
.sehitlerimiz-tarih,
.sehitlerimiz-mezuniyet {
    font-size: 0.8rem;
    color: #666;
}
.sehitlerimiz-tum-link {
    display: inline-block;
    margin-top: 12px;
    font-size: 0.9rem;
    color: var(--dernek-renk-1, #214f7b);
    font-weight: 600;
    text-decoration: none;
}
.sehitlerimiz-tum-link:hover {
    text-decoration: underline;
}

/* ========== Sağ sütun: Köşe Yazıları (açık kutu + koyu metin — beyaz yazı okunmuyordu) ========== */
/* Anasayfa sağ sütun: Vefa kartının altı — kitap tanıtımları */
.sag-sidebar .anasayfa-sag-kitaplar {
    margin-top: 20px;
    max-width: 280px;
    padding: 16px 14px 18px;
    border: 1px solid #e8e8e8;
    border-radius: 8px;
    background: #fafafa;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
    box-sizing: border-box;
}
.sag-sidebar .anasayfa-sag-kitaplar-baslik {
    font-size: 1.05rem;
    margin: 0 0 12px;
    color: #1a1a1a;
    border-bottom: 2px solid var(--dernek-renk-1, #214f7b);
    padding-bottom: 6px;
}
.sag-sidebar .anasayfa-sag-kitaplar-liste {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.sag-sidebar .anasayfa-sag-kitap-kart {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    text-decoration: none;
    color: #222;
    padding: 10px;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 8px;
    transition: border-color 0.2s, box-shadow 0.2s;
}
.sag-sidebar .anasayfa-sag-kitap-kart:hover {
    border-color: var(--dernek-renk-1, #214f7b);
    box-shadow: 0 2px 8px rgba(33, 79, 123, 0.12);
}
.sag-sidebar .anasayfa-sag-kitap-kapak {
    flex-shrink: 0;
    width: 56px;
    height: 56px;
    border-radius: 4px;
    overflow: hidden;
    background: #f0f0f0;
}
.sag-sidebar .anasayfa-sag-kitap-kapak img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.sag-sidebar .anasayfa-sag-kitap-metin {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}
.sag-sidebar .anasayfa-sag-kitap-adi {
    font-weight: 700;
    font-size: 0.9rem;
    line-height: 1.3;
    color: #1a1a1a;
}
.sag-sidebar .anasayfa-sag-kitap-ozet {
    font-size: 0.78rem;
    line-height: 1.35;
    color: #666;
}
.sag-sidebar .anasayfa-sag-kitaplar-tum {
    display: inline-block;
    margin-top: 12px;
    font-size: 0.88rem;
    font-weight: 600;
    color: var(--dernek-renk-1, #214f7b);
    text-decoration: none;
}
.sag-sidebar .anasayfa-sag-kitaplar-tum:hover {
    text-decoration: underline;
}

/* Köşe yazıları — premium (anasayfa sağ sütun + iç sayfa altı; öne çıkan görsel / yazar) */
.kose-yazilari-bolum--premium {
    margin-top: 20px;
    padding: 16px 14px 18px;
    border: 1px solid #e8e8e8;
    border-radius: 10px;
    background: linear-gradient(180deg, #fcfcfc 0%, #f6f7f8 100%);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}
.kose-yazilari-bolum--premium .kose-yazilari-baslik {
    font-size: 1.05rem;
    margin: 0 0 12px;
    color: #1a1a1a;
    border-bottom: 2px solid var(--dernek-renk-1, #214f7b);
    padding-bottom: 6px;
}
.kose-yazilari-bolum--premium .kose-yazilari-liste {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.kose-yazilari-bolum--premium .kose-yazilari-liste--mag-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
}
@media (min-width: 640px) {
    .kose-yazilari-bolum--premium .kose-yazilari-liste--mag-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media (min-width: 1100px) {
    .dernek-sayfa-alti-kose.kose-yazilari-bolum--premium .kose-yazilari-liste--mag-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
.kose-yazilari-bolum--premium .kose-yazi-kart--row {
    display: flex;
    flex-direction: row;
    gap: 12px;
    align-items: flex-start;
    text-decoration: none;
    color: #222;
    padding: 10px;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 8px;
    transition: background 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.kose-yazilari-bolum--premium .kose-yazi-kart--row:hover {
    background: #fff;
    border-color: #d0d0d0;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08);
    color: #111;
}
.kose-yazilari-bolum--premium .kose-yazi-kart--row .kose-yazi-kart-gorsel {
    flex-shrink: 0;
    width: 92px;
    height: 78px;
    border-radius: 8px;
    overflow: hidden;
    background: linear-gradient(135deg, #e8ecf0 0%, #dfe6ee 100%);
}
.kose-yazilari-bolum--premium .kose-yazi-kart--row .kose-yazi-kart-gorsel--yazar {
    border-radius: 50%;
    width: 72px;
    height: 72px;
}
.kose-yazilari-bolum--premium .kose-yazi-kart--row .kose-yazi-kart-gorsel img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.kose-yazilari-bolum--premium .kose-yazi-kart-gorsel-yok {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    font-size: 0.75rem;
    font-weight: 700;
    color: #556;
    letter-spacing: 0.04em;
}
.kose-yazilari-bolum--premium .kose-yazi-kart--stack {
    display: flex;
    flex-direction: column;
    text-decoration: none;
    color: #222;
    padding: 0;
    overflow: hidden;
    background: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 10px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
    transition: border-color 0.2s, box-shadow 0.25s, transform 0.2s;
}
.kose-yazilari-bolum--premium .kose-yazi-kart--stack:hover {
    border-color: #cfd8e0;
    box-shadow: 0 10px 28px rgba(33, 79, 123, 0.12);
    transform: translateY(-2px);
    color: #111;
}
.kose-yazilari-bolum--premium .kose-yazi-kart--stack .kose-yazi-kart-gorsel {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
    background: linear-gradient(145deg, #1a3650 0%, #3d6a8a 45%, #7a9eb5 100%);
    overflow: hidden;
}
.kose-yazilari-bolum--premium .kose-yazi-kart--stack .kose-yazi-kart-gorsel--yazar img {
    object-position: center top;
}
.kose-yazilari-bolum--premium .kose-yazi-kart--stack .kose-yazi-kart-gorsel img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.kose-yazilari-bolum--premium .kose-yazi-metin {
    display: flex;
    flex-direction: column;
    min-width: 0;
}
.kose-yazilari-bolum--premium .kose-yazi-kart--row .kose-yazi-metin {
    gap: 5px;
    padding-top: 2px;
}
.kose-yazilari-bolum--premium .kose-yazi-kart--stack .kose-yazi-metin {
    gap: 6px;
    padding: 14px 14px 16px;
}
.kose-yazilari-bolum--premium .kose-yazi-tarih {
    font-size: 0.72rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--dernek-renk-1, #214f7b);
}
.kose-yazilari-bolum--premium .kose-yazi-kart--row .kose-yazi-tarih {
    font-size: 0.68rem;
}
.kose-yazilari-bolum--premium .kose-yazi-baslik {
    font-weight: 700;
    font-size: 0.95rem;
    color: #1a1a1a;
    line-height: 1.3;
}
.kose-yazilari-bolum--premium .kose-yazi-kart--stack .kose-yazi-baslik {
    font-size: 1rem;
}
.kose-yazilari-bolum--premium .kose-yazi-ozet {
    font-size: 0.8rem;
    color: #444;
    line-height: 1.4;
}
.kose-yazilari-bolum--premium .kose-yazi-kart--stack .kose-yazi-ozet {
    font-size: 0.82rem;
    color: #555;
}
.kose-yazilari-bolum--premium .kose-yazi-devam {
    font-size: 0.78rem;
    color: var(--dernek-renk-1, #214f7b);
    font-weight: 600;
    margin-top: 2px;
}
.kose-yazilari-bolum--premium .kose-yazilari-tum-link {
    display: inline-block;
    margin-top: 14px;
    font-size: 0.88rem;
    color: var(--dernek-renk-1, #214f7b);
    font-weight: 600;
    text-decoration: none;
}
.kose-yazilari-bolum--premium .kose-yazilari-tum-link:hover {
    text-decoration: underline;
}

/* Köşe yazıları arşivi + tekil */
.kose-yazi-arsiv-kart {
    display: flex;
    gap: 14px;
    align-items: flex-start;
    margin-bottom: 16px;
    padding: 14px;
    border: 1px solid #e5e5e5;
    border-radius: 8px;
    background: #fff;
}
.kose-yazilari-sayfa .kose-yazi-arsiv-link,
.kose-yazilari-sayfa .kose-yazi-arsiv-avatar-link {
    display: block;
    flex-shrink: 0;
    text-decoration: none;
    color: inherit;
}
.kose-yazi-arsiv-baslik a {
    color: inherit;
    text-decoration: none;
}
.kose-yazi-arsiv-baslik a:hover {
    text-decoration: underline;
}
.kose-yazilari-bolum--premium .kose-yazi-baslik a {
    color: inherit;
    text-decoration: none;
}
.kose-yazilari-bolum--premium .kose-yazi-baslik a:hover {
    text-decoration: underline;
}
.kose-yazilari-bolum--premium .kose-yazi-kart-gorsel-link {
    display: block;
    text-decoration: none;
    color: inherit;
}
.kose-yazilari-bolum--premium .kose-yazi-devam {
    display: inline-block;
    text-decoration: none;
}
.kose-yazilari-sayfa .kose-yazi-devam {
    display: inline-block;
    margin-top: 8px;
    font-size: 0.88rem;
    color: var(--dernek-renk-1, #214f7b);
    font-weight: 600;
    text-decoration: none;
}
.kose-yazilari-sayfa .kose-yazi-devam:hover {
    text-decoration: underline;
}
.kose-yazi-arsiv-baslik {
    font-size: 1.1rem;
    margin: 0 0 6px;
    color: #222;
}
.kose-yazi-uye-etiket {
    font-weight: 600;
    color: var(--dernek-renk-1, #214f7b);
    white-space: nowrap;
}
.kose-yazi-uye-etiket a {
    color: inherit;
    text-decoration: none;
}
.kose-yazi-uye-etiket a:hover {
    text-decoration: underline;
}
.kose-yazilari-bolum--premium .kose-yazi-baslik .kose-yazi-uye-etiket {
    display: inline;
    font-size: 0.92em;
}
.sayfa-baslik .kose-yazi-uye-etiket {
    font-size: 0.72em;
    font-weight: 600;
    vertical-align: baseline;
}
.dek-icerik h2 .kose-yazi-uye-etiket {
    font-size: 0.78em;
    font-weight: 600;
}
.kose-yazi-arsiv-tarih {
    font-size: 0.85rem;
    color: #888;
}
.kose-yazi-arsiv-ozet {
    margin: 8px 0 0;
    font-size: 0.95rem;
    color: #444;
    line-height: 1.5;
}
.single-kose-yazi-header {
    display: flex;
    gap: 16px;
    align-items: flex-start;
    margin-bottom: 20px;
}
.single-kose-yazi-avatar img {
    border-radius: 50%;
    object-fit: cover;
}
.single-kose-yazi-yazar a {
    color: var(--dernek-renk-1, #214f7b);
    font-weight: 600;
}
.single-kose-yazi-tarih,
.single-kose-yazi-tarih-sade {
    margin-left: 8px;
    color: #666;
    font-size: 0.9rem;
}

/* Foto galeriler: üye PDF/Word listesi */
.paylasim-belgeler-bolum {
    margin-top: 32px;
    padding-top: 24px;
    border-top: 1px solid #e5e5e5;
}
.paylasim-belgeler-baslik {
    font-size: 1.15rem;
    margin: 0 0 12px;
    color: #333;
}
.paylasim-belgeler-liste {
    list-style: none;
    margin: 0;
    padding: 0;
}
.paylasim-belge-satir {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: space-between;
    padding: 10px 0;
    border-bottom: 1px solid #eee;
}
.paylasim-belge-link {
    font-weight: 600;
    color: var(--dernek-renk-1, #214f7b);
}

/* Üye profil: köşe formu + WP editör (TinyMCE) */
.uye-kose-editor-wrap {
    margin: 12px 0 16px;
    max-width: 100%;
}
.uye-kose-editor-label {
    display: block;
    margin-bottom: 6px;
    font-weight: 600;
}
.uye-kose-editor-wrap .wp-editor-wrap {
    max-width: 100%;
}
.uye-kose-editor-wrap .wp-editor-container {
    border-radius: 4px;
    border-color: #ccc;
}
.uye-kose-aciklama {
    font-size: 0.9rem;
    color: #555;
}
.uye-kose-hata {
    color: #b32d2e;
    font-size: 0.9rem;
}
.uye-kose-liste-baslik {
    margin-top: 20px;
    font-size: 1rem;
}
.uye-kose-durum {
    color: #666;
    font-size: 0.9rem;
}
.uye-kose-tum-wrap {
    margin-top: 12px;
}

/* ========== Şehitlerimiz arşiv sayfası (/sehitlerimiz/) ========== */
.sehitlerimiz-sayfa .sehitlerimiz-aciklama {
    margin-bottom: 24px;
    padding: 16px;
    background: #f9f9f9;
    border-left: 4px solid var(--dernek-renk-1, #214f7b);
    font-size: 0.95rem;
    line-height: 1.6;
}
.sehitlerimiz-sayfa .sehitlerimiz-aciklama p { margin: 0 0 10px; }
.sehitlerimiz-sayfa .sehitlerimiz-aciklama p:last-child { margin-bottom: 0; }
.sehitlerimiz-not { font-size: 0.9rem; color: #666; }
.sehitlerimiz-alt-baslik {
    font-size: 1.1rem;
    margin: 24px 0 12px;
    color: #333;
    border-bottom: 2px solid var(--dernek-renk-1, #214f7b);
    padding-bottom: 8px;
}
.sehitlerimiz-devre-linkler {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 12px;
}
.sehitlerimiz-devre-link {
    display: inline-block;
    padding: 6px 12px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    color: #333;
    text-decoration: none;
    font-size: 0.9rem;
}
.sehitlerimiz-devre-link:hover,
.sehitlerimiz-devre-link.aktif {
    border-color: var(--dernek-renk-1, #214f7b);
    color: var(--dernek-renk-1, #214f7b);
    background: #fff5f5;
}
.sehitlerimiz-devre-link.bos {
    opacity: 0.55;
    border-style: dashed;
}
.sehitlerimiz-filtre-temizle { font-size: 0.9rem; color: var(--dernek-renk-1, #214f7b); }
.sehitlerimiz-tablo-scroll {
    overflow-x: auto;
    margin: 16px 0;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
}
.sehitlerimiz-tablo {
    width: 100%;
    min-width: 700px;
    border-collapse: collapse;
    font-size: 0.9rem;
}
.sehitlerimiz-tablo th,
.sehitlerimiz-tablo td {
    padding: 10px 12px;
    text-align: left;
    border-bottom: 1px solid #eee;
}
.sehitlerimiz-tablo th {
    background: #1a1a1a;
    color: #fff;
    font-weight: 600;
}
.sehitlerimiz-tablo tbody tr:hover { background: #fafafa; }
.sehitlerimiz-tablo a { color: var(--dernek-renk-1, #214f7b); font-weight: 600; }
.sehitlerimiz-tablo a:hover { text-decoration: underline; }
.sehitlerimiz-bos { padding: 24px; color: #666; }

/* ========== Tekil şehit sayfası ========== */
.single-sehit-sayfa .single-sehit-geri {
    margin-bottom: 20px;
}
.single-sehit-sayfa .single-sehit-geri a { color: #666; }
.single-sehit-sayfa .single-sehit-geri a:hover { color: var(--dernek-renk-1, #214f7b); }
.single-sehit-ust {
    display: block;
    margin-bottom: 24px;
}
.single-sehit-gorsel {
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    overflow: hidden;
    background: #f5f5f5;
}
.single-sehit-gorsel {
    max-width: 150px;
}
.single-sehit-gorsel img {
    width: 100%;
    height: auto;
    display: block;
}
.single-sehit-inline-gorsel {
    float: right;
    max-width: 220px;
    margin: 0 0 12px 16px;
    display: block;
}
.single-sehit-inline-gorsel img {
    width: 100%;
    height: auto;
    display: block;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    background: #f5f5f5;
}

/* Tekil içerik: Öne çıkan görseli metin içinde sağa float; max-width biraz geniş (okunabilir + net) */
.dek-inline-float-gorsel {
    float: right;
    max-width: 420px;
    margin: 0 0 16px 18px;
    border-radius: 8px;
    overflow: hidden;
    background: #f5f5f5;
}
.dek-inline-float-gorsel img {
    width: 100%;
    height: auto;
    display: block;
}
.dek-inline-content::after {
    content: "";
    display: block;
    clear: both;
}
/* İş Dünyası tekil: bilgiler solda, görsel sağda üstten hizalı */
.is-dunyasi-ust-satir {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(220px, 360px);
    gap: 18px;
    align-items: start;
}
.is-dunyasi-bilgiler {
    min-width: 0;
}
.is-dunyasi-gorsel {
    border-radius: 8px;
    overflow: hidden;
    background: #f5f5f5;
}
.is-dunyasi-gorsel img {
    width: 100%;
    height: auto;
    display: block;
}
.single-sehit-gorsel-yok {
    width: 200px;
    height: 250px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #999;
    font-size: 0.9rem;
}
.single-sehit-ad { margin: 0 0 8px; }
.single-sehit-rutbe { color: var(--dernek-renk-1, #214f7b); font-weight: 600; margin: 0 0 16px; }
.single-sehit-meta { margin: 0; }
.single-sehit-meta dt {
    font-weight: 600;
    color: #555;
    margin-top: 8px;
    font-size: 0.85rem;
}
.single-sehit-meta dt:first-of-type { margin-top: 0; }
.single-sehit-meta dd { margin: 2px 0 0; }
.single-sehit-metin { margin-top: 24px; padding-top: 24px; border-top: 1px solid #eee; }

/* Uzun satırların mobilde taşmaması için */
.single-sehit-icerik,
.single-sehit-metin-ust {
    word-wrap: break-word;
    overflow-wrap: anywhere;
}

/* Şehit tekil sayfa – ilave görseller */
.single-sehit-ilave-gorseller { margin-top: 32px; padding-top: 24px; border-top: 1px solid #eee; }
.single-sehit-ilave-gorseller .sehitlerimiz-alt-baslik { margin-top: 0; }
.single-sehit-ilave-gorseller-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 16px;
    margin-top: 16px;
}
.single-sehit-ilave-gorsel-link {
    display: block;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    overflow: hidden;
    background: #f5f5f5;
}
.single-sehit-ilave-gorsel-link:hover { border-color: var(--dernek-renk-1, #214f7b); }
.single-sehit-ilave-gorsel-link img {
    width: 100%;
    height: auto;
    display: block;
    vertical-align: middle;
}

@media (max-width: 768px) {
    .single-sehit-inline-gorsel {
        float: none;
        margin: 0 auto 16px;
        max-width: 230px;
    }
    .dek-inline-float-gorsel {
        float: none;
        margin: 0 auto 16px;
        max-width: 380px;
    }
    .is-dunyasi-ust-satir {
        grid-template-columns: 1fr;
    }
    .sehitlerimiz-devre-linkler { gap: 6px; }
    .sehitlerimiz-tablo th, .sehitlerimiz-tablo td { padding: 8px; font-size: 0.85rem; }
}

/* Hakkımızda bloğu */
.hakkimizda-section {
    background: #fff;
    padding: 50px 15px;
    margin: 30px 0;
}

/* Anasayfa orta sütunda: üstte Hakkımızda metin + görsel, altta sayaçlar */
.anasayfa-hakkimizda-orta {
    padding: 24px 0;
    margin: 0 0 24px;
    border-top: 1px solid #eee;
}
.anasayfa-hakkimizda-cerceve {
    background: linear-gradient(145deg, #ffffff 0%, #fff7f7 100%);
    border: 1px solid #f1d6d8;
    border-radius: 16px;
    box-shadow: 0 14px 36px rgba(15, 23, 42, 0.10);
    padding: 24px;
}
/* Üst satır: metin ~2/3, Hakkımızda sayfası öne çıkan görsel ~1/3 */
.anasayfa-hakkimizda-ust-satir {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
    gap: 28px;
    align-items: stretch;
    min-width: 0;
}
.anasayfa-hakkimizda--gorselsiz .anasayfa-hakkimizda-ust-satir {
    grid-template-columns: 1fr;
}
.anasayfa-hakkimizda-gorsel-kutu {
    min-width: 0;
    display: flex;
    align-items: stretch;
}
.anasayfa-hakkimizda-gorsel-figure {
    margin: 0;
    width: 100%;
    display: flex;
    align-items: center;
    background: #ffffff;
    border: 1px solid #f0d8da;
    border-radius: 14px;
    padding: 12px;
    box-sizing: border-box;
}
.anasayfa-hakkimizda-gorsel {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 10px;
    object-fit: cover;
    aspect-ratio: 4 / 3;
}
/* Sayaçlar: görsel+metin satırının altında tam genişlik */
.anasayfa-hakkimizda-sayac-alt {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    background: #ffffff;
    border: 1px solid #f0d8da;
    border-radius: 14px;
    padding: 20px;
    min-width: 0;
    margin-top: 24px;
}
.anasayfa-hakkimizda-cerceve.sayaclar-kapali .anasayfa-hakkimizda-sayac-alt {
    display: none;
}
.anasayfa-hakkimizda-sol {
    text-align: left;
    background: #ffffff;
    border: 1px solid #f0d8da;
    border-radius: 14px;
    padding: 20px;
    min-width: 0;
}
.hakkimizda-spot {
    display: inline-block;
    margin: 0 0 10px;
    padding: 4px 10px;
    border-radius: 999px;
    background: #fdecef;
    color: #a4161a;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
}
.anasayfa-hakkimizda-sol .hakkimizda-baslik {
    margin-bottom: 10px;
}
.anasayfa-hakkimizda-sol .hakkimizda-metin {
    margin: 0;
    max-width: none;
    color: #4e3a3b;
    font-size: 1.03rem;
    line-height: 1.75;
}
.sayac-baslik {
    margin: 0 0 18px;
    font-size: 1.12rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    color: #0f172a;
    text-transform: uppercase;
}
.anasayfa-hakkimizda-sayac-alt .sayac-baslik {
    text-align: center;
}
.anasayfa-hakkimizda-sayac-alt .sayac-baslik::after {
    content: '';
    display: block;
    width: 48px;
    height: 3px;
    margin: 12px auto 0;
    border-radius: 2px;
    background: linear-gradient(90deg, var(--dernek-renk-1, #214f7b), color-mix(in srgb, var(--dernek-renk-1, #214f7b) 58%, #fff));
}
/* Anasayfa sayaçlar: 4 sütun × 2 satır; bazıları gizliyse kalanlar ortalanır */
.sayac-cubugu.sayac-cubugu--4x2 {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
    gap: 14px;
    max-width: none;
    min-width: 0;
    margin-left: auto;
    margin-right: auto;
}
.sayac-cubugu.sayac-cubugu--4x2 .sayac-item {
    flex: 0 1 calc(25% - 12px);
    max-width: min(150px, calc(25% - 12px));
    min-width: 0;
    box-sizing: border-box;
}

.hakkimizda-section .container {
    max-width: min(100%, var(--dernek-layout-max, 1680px));
    margin: 0 auto;
    text-align: center;
}

.hakkimizda-baslik {
    font-size: 2rem;
    color: #333;
    margin: 0 0 20px;
    letter-spacing: 1px;
}

.hakkimizda-metin {
    max-width: 800px;
    margin: 0 auto 25px;
    line-height: 1.7;
    color: #555;
    font-size: 1rem;
}

.hakkimizda-ayraci {
    border: none;
    border-top: 2px solid var(--dernek-renk-1, #214f7b);
    width: 80px;
    margin: 0 auto 35px;
}

/* Sayaç çubuğu */
.sayac-cubugu {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 30px;
    max-width: 600px;
    margin: 0 auto;
    min-width: 0;
}

.sayac-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    background: linear-gradient(180deg, #fffefe 0%, #fff6f7 100%);
    border: 1px solid #f1dadd;
    border-radius: 14px;
    padding: 12px 8px 10px;
    min-width: 0;
    box-shadow: 0 6px 16px rgba(236, 31, 38, 0.08);
    transition:
        transform 0.28s cubic-bezier(0.34, 1.15, 0.64, 1),
        box-shadow 0.28s ease,
        border-color 0.28s ease,
        background 0.28s ease;
}
.sayac-item:hover {
    transform: translateY(-4px);
    box-shadow:
        0 14px 32px rgba(33, 79, 123, 0.14),
        0 6px 14px rgba(236, 31, 38, 0.1);
    border-color: color-mix(in srgb, var(--dernek-renk-1, #214f7b) 38%, #f1dadd);
    background: linear-gradient(180deg, #ffffff 0%, #fff6f8 55%, #fff0f2 100%);
}
.sayac-item--link {
    text-decoration: none;
    color: inherit;
    cursor: pointer;
}
.sayac-item--link:hover {
    transform: translateY(-7px);
    box-shadow:
        0 18px 40px rgba(33, 79, 123, 0.18),
        0 8px 18px rgba(236, 31, 38, 0.12);
}
.sayac-item--link:focus-visible {
    outline: 2px solid var(--dernek-renk-1, #214f7b);
    outline-offset: 4px;
}
a.sayac-item--link:focus {
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--dernek-renk-1, #214f7b) 35%, transparent);
}
.sayac-item--statik {
    cursor: default;
}
.sayac-item:hover .sayac-ikon {
    transform: scale(1.07);
    border-color: color-mix(in srgb, var(--dernek-renk-1, #214f7b) 45%, #f3d7da);
    color: var(--dernek-renk-1-koyu, #1a3e60);
    box-shadow: 0 4px 14px rgba(33, 79, 123, 0.15);
}
.sayac-item:hover .sayac-etiket {
    color: var(--dernek-renk-1, #214f7b);
}
.sayac-item--link:hover .sayac-daire-icerik .sayac-sayi {
    color: #991010;
}
@media (prefers-reduced-motion: reduce) {
    .sayac-item,
    .sayac-item .sayac-ikon {
        transition: none;
    }
    .sayac-item:hover,
    .sayac-item--link:hover {
        transform: none;
    }
}

/* Yuvarlak grafik: sayı ve etiket daire içinde, dış halka yüzde gösterir */
.sayac-daire {
    --pct: 0;
    width: 100%;
    max-width: 92px;
    aspect-ratio: 1;
    height: auto;
    border-radius: 50%;
    background: conic-gradient(
        var(--dernek-renk-1, #214f7b) 0deg,
        var(--dernek-renk-1, #214f7b) calc(var(--pct) * 3.6deg),
        #f0ecec calc(var(--pct) * 3.6deg)
    );
    padding: 4px;
    flex-shrink: 0;
    transition: background 0.5s ease-out;
}
.sayac-daire-icerik {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0;
    box-sizing: border-box;
}
/* İkon yuvarlağın üstünde, dışında */
.sayac-item .sayac-ikon {
    font-family: dashicons !important;
    font-size: 19px;
    width: 34px;
    height: 34px;
    color: var(--dernek-renk-1, #214f7b);
    display: block;
    text-align: center;
    line-height: 34px;
    margin-bottom: 2px;
    border-radius: 50%;
    background: #fff;
    border: 1px solid #f3d7da;
    box-shadow: 0 2px 6px rgba(236, 31, 38, 0.15);
    -webkit-font-smoothing: antialiased;
    transition: transform 0.28s ease, border-color 0.28s ease, box-shadow 0.28s ease, color 0.28s ease;
}
.sayac-item .sayac-ikon::before {
    font-family: dashicons !important;
}
.sayac-daire-icerik .sayac-sayi {
    font-size: 1.75rem;
    font-weight: 800;
    color: #b01018;
    line-height: 1;
    letter-spacing: -0.03em;
    font-variant-numeric: tabular-nums;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.95);
}

.sayac-sayi {
    font-size: 2.5rem;
    font-weight: 800;
    color: var(--dernek-renk-1, #214f7b);
    line-height: 1;
}

/* Etiket: dairenin altında, okunaklı başlık görünümü */
.sayac-item > .sayac-etiket {
    display: block;
    margin-top: 10px;
    padding: 0 4px;
    font-size: 0.88rem;
    font-weight: 700;
    line-height: 1.3;
    color: #111827;
    text-align: center;
    text-transform: none;
    letter-spacing: 0.01em;
}

.sayac-etiket {
    font-size: 0.88rem;
    font-weight: 700;
    color: #111827;
    text-transform: none;
    letter-spacing: 0.01em;
}

/* Foto Galeriler / Videolar bölümü – premium stil (tüm ekranlar) */
.medya-bolumu {
    background: linear-gradient(180deg, #fafafa 0%, #f0f0f0 100%);
    padding: 44px 15px 64px;
}

.medya-bolumu .container {
    max-width: min(100%, var(--dernek-layout-max, 1680px));
    margin: 0 auto;
}

.medya-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 32px;
}

.medya-kutu {
    background: #fff;
    border-radius: 14px;
    padding: 26px 24px 28px;
    box-shadow: 0 6px 24px rgba(0,0,0,0.08);
    border: 1px solid rgba(236, 31, 38, 0.1);
}

.medya-baslik-satiri {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    padding-bottom: 14px;
    border-bottom: 3px solid var(--dernek-renk-1, #214f7b);
}

.medya-baslik {
    font-size: 1.35rem;
    font-weight: 700;
    margin: 0;
    color: #1a1a1a;
    letter-spacing: 0.4px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding-left: 12px;
    border-left: 4px solid var(--dernek-renk-1, #214f7b);
}

/* Medya ikonları: emoji (📷 🎬) – her ortamda görünür */
.medya-ikon {
    display: inline-block !important;
    font-size: 1.3rem !important;
    line-height: 1 !important;
}

.medya-tum-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 10px 18px;
    background: linear-gradient(135deg, var(--dernek-renk-1, #214f7b) 0%, var(--dernek-renk-1-koyu, #1a3e60) 100%);
    color: #fff !important;
    font-size: 0.8rem;
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: none;
    border-radius: 24px;
    box-shadow: 0 4px 14px rgba(236, 31, 38, 0.35);
    transition: transform 0.2s, box-shadow 0.2s;
}

.medya-tum-link:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(236, 31, 38, 0.45);
    color: #fff !important;
}

.medya-icerik {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
}

.medya-kart {
    background: #fafafa;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(0,0,0,0.06);
    border: none;
    transition: transform 0.25s, box-shadow 0.25s;
}

.medya-kart:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 24px rgba(0,0,0,0.12);
}

.medya-kart-link {
    display: block;
    color: inherit;
    text-decoration: none;
}

.medya-kart-gorsel {
    position: relative;
}
.medya-kart-galeri-rozet {
    position: absolute;
    right: 8px;
    bottom: 8px;
    font-size: 0.65rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    padding: 4px 8px;
    border-radius: 4px;
    background: rgba(0, 0, 0, 0.62);
    color: #fff;
}

.medya-kart-gorsel img {
    display: block;
    width: 100%;
    height: 105px;
    object-fit: cover;
}

.medya-gorsel-placeholder {
    width: 100%;
    height: 105px;
    background: linear-gradient(135deg, #e8e8e8 0%, #ddd 100%);
}

.medya-kart-baslik {
    padding: 12px 10px;
    font-size: 0.9rem;
    font-weight: 600;
    line-height: 1.35;
    color: #333;
}

/* Video kartında oynatma ikonu – daire içinde ▶ (tüm ekranlar) */
.video-kart-gorsel,
.video-placeholder {
    position: relative;
}
/* Anasayfa YouTube kartları: aynı ızgara; küçük resim 16:9 kırpma medya-kart-gorsel img ile uyumlu */
.medya-kart--youtube .video-kart-gorsel img.anasayfa-yt-thumb {
    object-fit: cover;
}

.video-kart-gorsel::after,
.video-placeholder::after {
    position: absolute;
    right: 10px;
    bottom: 10px;
    width: 44px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    background: rgba(0,0,0,0.65);
    border-radius: 50%;
    font-size: 14px;
    color: #fff;
    padding-left: 4px;
    content: '▶';
}

/* Mobil: Foto/Video layout – tek sütun, kartlar 2/1 sütun */
@media (max-width: 768px) {
    .medya-bolumu { padding: 32px 16px 48px; }
    .medya-grid { gap: 24px; grid-template-columns: 1fr; }
    .medya-baslik-satiri { flex-direction: column; align-items: flex-start; gap: 12px; }
    .medya-baslik { font-size: 1.45rem; padding-left: 14px; }
    .medya-ikon { font-size: 1.5rem !important; }
    .medya-icerik { grid-template-columns: repeat(2, 1fr); gap: 14px; }
    .medya-kart-gorsel img { height: 110px; }
    .medya-gorsel-placeholder { height: 110px; }
}
@media (max-width: 576px) {
    .medya-icerik { grid-template-columns: 1fr; gap: 16px; }
    .medya-kart-gorsel img { height: 160px; }
    .medya-gorsel-placeholder { height: 160px; }
}

/* Partner / logo amblem carousel (footer) */
.lise-emblem-carousel-wrap {
    background: #fff;
    padding: 40px 15px 50px;
}

.lise-emblem-carousel-wrap .container {
    max-width: min(100%, var(--dernek-layout-max, 1680px));
    margin: 0 auto;
}

.liseEmblemSwiper {
    padding: 20px 0;
    position: relative;
}

.liseEmblemSwiper .swiper-wrapper .swiper-slide {
    /* Genişlik Swiper inline + slidesPerView; başka yerdeki .swiper-slide kurallarından sıyırmak için */
    box-sizing: border-box;
    height: auto;
    width: auto;
    padding: 0;
    flex-shrink: 0;
}

.lise-emblem-slide {
    display: flex;
    justify-content: center;
}

.lise-emblem-link {
    display: block;
    text-decoration: none;
    color: inherit;
}
.lise-emblem-link:hover .lise-emblem-adi {
    color: var(--dernek-renk-1, #214f7b);
}
.lise-emblem-kutu {
    text-align: center;
    width: 100%;
    max-width: 200px;
    margin-left: auto;
    margin-right: auto;
}

.lise-emblem-gorsel {
    width: 100%;
    max-width: 160px;
    margin: 0 auto 12px;
    aspect-ratio: 1;
    border-radius: 8px;
    overflow: hidden;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.lise-emblem-gorsel img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.lise-emblem-placeholder {
    display: none;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
    font-weight: 700;
    color: #999;
    background: #e8e8e8;
}

.lise-emblem-placeholder.goster {
    display: flex;
}

.lise-emblem-adi {
    display: block;
    font-size: 0.8rem;
    color: #333;
    font-weight: 600;
    line-height: 1.3;
}

.lise-emblem-next,
.lise-emblem-prev {
    color: var(--dernek-renk-1, #214f7b);
}

/* ===== SAYFA İÇERİĞİ ===== */
/* Ana sarmalayıcı: anasayfa + tüm sayfa/tekil/arşiv şablonlarında aynı max genişlik ve yan boşluk */
.anasayfa-standart-wrap,
.sayfa-wrapper {
    max-width: min(100%, var(--dernek-layout-max, 1680px)) !important;
    width: 100%;
    margin: 40px auto !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
    box-sizing: border-box !important;
}

/*
 * İç şablonlar (.sayfa-layout): sol menü + ana içerik (anasayfa üç sütun .front-uc-sutun ile ayrı).
 * Üçüncü boş iz veya eski CSS önbelleği yüzünden ana alan dar kalmasın diye:
 * — iki iz: 280px + 1fr
 * — masaüstünde .sayfa-ana, sol menüden sonra kalan tüm grid izlerini kaplar (2 / -1; yanlışlıkla 3 iz varsa orta+sağ birleşir).
 */
.sayfa-layout {
    display: grid;
    grid-template-columns: minmax(0, 280px) minmax(0, 1fr);
    gap: 25px;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
}
.sayfa-layout > .sayfa-ana:first-child {
    grid-column: 1 / -1;
}
@media (min-width: 769px) {
    .sayfa-layout > .sol-sidebar-wrap ~ .sayfa-ana {
        grid-column: 2 / -1;
    }
}
@supports selector(:has(a)) {
    .sayfa-layout:not(:has(.sol-sidebar-wrap)) > .sayfa-ana {
        grid-column: 1 / -1;
    }
}
/* Sayfa altı (köşe / bileşen): .sayfa-ana içinde; ana içerik metninin bittiği yerde, sol menü sütununun altında değil */
.sayfa-ana > .dernek-sayfa-layout-alti {
    width: 100%;
    max-width: 100%;
    min-width: 0;
}
.dernek-sayfa-layout-alti {
    margin-top: 18px;
    margin-bottom: 28px;
    display: flex;
    flex-direction: column;
    gap: 22px;
    min-width: 0;
}
@media (max-width: 768px) {
    .dernek-sayfa-layout-alti {
        margin-top: 28px;
        margin-bottom: 24px;
    }
}
@media (min-width: 769px) {
    .sayfa-layout > .sol-sidebar-wrap {
        align-self: start;
    }
}
.dernek-sayfa-alti-kose-vefa {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
}
/* Reklam / hızlı erişim / medya / amblem bantları: tüm sayfalarda üst içerik ile aynı hiza */
.reklam-alani--slayt-alti,
.hizli-erisim-bar > .container,
.hizli-erisim-bar > .hizli-erisim-bar-ic,
.medya-bolumu > .container,
.lise-emblem-carousel-wrap > .container {
    max-width: min(100%, var(--dernek-layout-max, 1680px)) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
    box-sizing: border-box !important;
}
.anasayfa-standart-wrap--tight {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
/* Anasayfa 3 sütun ana grid */
.front-uc-sutun {
    display: grid;
    grid-template-columns: minmax(0, 280px) minmax(0, 1fr) minmax(0, 280px);
    gap: 25px;
    align-items: start;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

/* Orta sütun: Hakkımızda + görsel + sayaç bloğu taşırmasın */
.front-uc-sutun > .tab-icerik-kutu {
    min-width: 0;
    max-width: 100%;
}

/* Sağ sütun: taşmayı önle (grid minmax davranışı) */
.sag-sidebar {
    min-width: 0;
    max-width: 100%;
    align-self: start;
}

/* Anasayfa / iç sayfa sol sütun: menü + Son Duyurular / Etkinlikler — premium kartlar (swap’ta sütun sağda olabilir) */
.front-uc-sutun .sol-sidebar .card.sol-sidebar-varsayilan,
.sayfa-layout .sol-sidebar .card.sol-sidebar-varsayilan,
.front-uc-sutun .sol-sidebar .card.dernek-sol-ornek-widget,
.sayfa-layout .sol-sidebar .card.dernek-sol-ornek-widget {
    margin-bottom: 18px;
    padding: 0;
    overflow: hidden;
    border: 1px solid #e6e9ed;
    border-radius: 12px;
    background: linear-gradient(180deg, #ffffff 0%, #fafbfc 100%);
    box-shadow: 0 4px 18px rgba(15, 23, 42, 0.06);
    transition: box-shadow 0.25s ease, border-color 0.25s ease;
}
.front-uc-sutun .sol-sidebar .card.sol-sidebar-varsayilan:hover,
.sayfa-layout .sol-sidebar .card.sol-sidebar-varsayilan:hover,
.front-uc-sutun .sol-sidebar .card.dernek-sol-ornek-widget:hover,
.sayfa-layout .sol-sidebar .card.dernek-sol-ornek-widget:hover {
    box-shadow: 0 10px 28px rgba(33, 79, 123, 0.1);
    border-color: #d8dee6;
}
.front-uc-sutun .sol-sidebar .card.sol-sidebar-varsayilan > h3,
.sayfa-layout .sol-sidebar .card.sol-sidebar-varsayilan > h3,
.front-uc-sutun .sol-sidebar .card.dernek-sol-ornek-widget > h3,
.sayfa-layout .sol-sidebar .card.dernek-sol-ornek-widget > h3 {
    margin: 0;
    padding: 14px 16px 12px;
    font-size: 0.9rem;
    font-weight: 800;
    letter-spacing: 0.07em;
    color: #0f172a;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background: linear-gradient(180deg, #f8fafc 0%, #f1f4f8 100%);
    border-bottom: 2px solid var(--dernek-renk-1, #214f7b);
}
.front-uc-sutun .sol-sidebar .card.sol-sidebar-varsayilan .dernek-sol-sidebar-yardim,
.sayfa-layout .sol-sidebar .card.sol-sidebar-varsayilan .dernek-sol-sidebar-yardim {
    padding: 0 16px;
    margin-top: 12px;
}
.front-uc-sutun .sol-sidebar .card.sol-sidebar-varsayilan > nav,
.sayfa-layout .sol-sidebar .card.sol-sidebar-varsayilan > nav,
.front-uc-sutun .sol-sidebar .card.sol-sidebar-varsayilan > ul,
.sayfa-layout .sol-sidebar .card.sol-sidebar-varsayilan > ul,
.front-uc-sutun .sol-sidebar .card.sol-sidebar-varsayilan .menu,
.sayfa-layout .sol-sidebar .card.sol-sidebar-varsayilan .menu {
    padding: 8px 12px 14px;
}
.front-uc-sutun .sol-sidebar .card.sol-sidebar-varsayilan ul li a,
.sayfa-layout .sol-sidebar .card.sol-sidebar-varsayilan ul li a {
    padding: 11px 14px;
    margin-bottom: 4px;
    border-radius: 8px;
    border-left: none;
    background: #fff;
    border: 1px solid #eef1f4;
    font-size: 0.92rem;
    font-weight: 600;
    line-height: 1.4;
    color: #1e293b !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
    transition: border-color 0.2s ease, box-shadow 0.2s ease, color 0.2s ease, transform 0.2s ease;
}
.front-uc-sutun .sol-sidebar .card.sol-sidebar-varsayilan ul li a:hover,
.sayfa-layout .sol-sidebar .card.sol-sidebar-varsayilan ul li a:hover {
    background: #fff;
    border-color: var(--dernek-renk-1, #214f7b);
    color: var(--dernek-renk-1, #214f7b) !important;
    box-shadow: 0 4px 12px rgba(33, 79, 123, 0.12);
    transform: translateY(-1px);
}
.front-uc-sutun .sol-sidebar .card.dernek-sol-ornek-widget .sidebar-widget-liste,
.sayfa-layout .sol-sidebar .card.dernek-sol-ornek-widget .sidebar-widget-liste {
    margin: 0;
    padding: 6px 12px 4px;
}
.front-uc-sutun .sol-sidebar .card.dernek-sol-ornek-widget .sidebar-widget-item,
.sayfa-layout .sol-sidebar .card.dernek-sol-ornek-widget .sidebar-widget-item {
    padding: 11px 12px;
    margin-bottom: 6px;
    border-radius: 8px;
    background: #fff;
    border: 1px solid #f0f2f5;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
    align-items: flex-start;
    gap: 10px;
    border-bottom: none;
}
.front-uc-sutun .sol-sidebar .card.dernek-sol-ornek-widget .sidebar-widget-gorsel,
.sayfa-layout .sol-sidebar .card.dernek-sol-ornek-widget .sidebar-widget-gorsel {
    width: 68px;
    height: 51px;
    border-radius: 8px;
    object-fit: cover;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}
.front-uc-sutun .sol-sidebar .card.dernek-sol-ornek-widget .sidebar-widget-gorsel--bos,
.sayfa-layout .sol-sidebar .card.dernek-sol-ornek-widget .sidebar-widget-gorsel--bos {
    background: linear-gradient(135deg, #eef2f6 0%, #e2e8f0 100%);
}
.front-uc-sutun .sol-sidebar .card.dernek-sol-ornek-widget .sidebar-widget-gorsel--varsayilan,
.sayfa-layout .sol-sidebar .card.dernek-sol-ornek-widget .sidebar-widget-gorsel--varsayilan {
    object-fit: cover;
}
.front-uc-sutun .sol-sidebar .card.dernek-sol-ornek-widget .sidebar-widget-item:hover,
.sayfa-layout .sol-sidebar .card.dernek-sol-ornek-widget .sidebar-widget-item:hover {
    background: #fff;
    border-color: #dce3ea;
    box-shadow: 0 4px 14px rgba(33, 79, 123, 0.08);
    transform: translateY(-1px);
}
.front-uc-sutun .sol-sidebar .card.dernek-sol-ornek-widget .sidebar-widget-tarih,
.sayfa-layout .sol-sidebar .card.dernek-sol-ornek-widget .sidebar-widget-tarih {
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--dernek-renk-1, #214f7b);
    margin-bottom: 4px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.front-uc-sutun .sol-sidebar .card.dernek-sol-ornek-widget .sidebar-widget-baslik,
.sayfa-layout .sol-sidebar .card.dernek-sol-ornek-widget .sidebar-widget-baslik {
    font-size: 0.93rem;
    font-weight: 600;
    color: #0f172a;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.38;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.front-uc-sutun .sol-sidebar .card.dernek-sol-ornek-widget .sidebar-widget-aciklama,
.sayfa-layout .sol-sidebar .card.dernek-sol-ornek-widget .sidebar-widget-aciklama {
    margin-top: 6px;
    font-size: 0.74rem;
    line-height: 1.42;
    color: #64748b;
}
.front-uc-sutun .sol-sidebar .card.dernek-sol-ornek-widget .sidebar-widget-item:hover .sidebar-widget-aciklama,
.sayfa-layout .sol-sidebar .card.dernek-sol-ornek-widget .sidebar-widget-item:hover .sidebar-widget-aciklama {
    color: #475569;
}
.front-uc-sutun .sol-sidebar .card.dernek-sol-ornek-widget .sidebar-tum-link,
.sayfa-layout .sol-sidebar .card.dernek-sol-ornek-widget .sidebar-tum-link {
    display: block;
    margin: 4px 16px 14px;
    padding: 10px 12px;
    text-align: center;
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    color: #fff !important;
    background: linear-gradient(135deg, var(--dernek-renk-1, #214f7b) 0%, #2d6a9a 100%);
    border-radius: 8px;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(33, 79, 123, 0.25);
    transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease;
}
.front-uc-sutun .sol-sidebar .card.dernek-sol-ornek-widget .sidebar-tum-link:hover,
.sayfa-layout .sol-sidebar .card.dernek-sol-ornek-widget .sidebar-tum-link:hover {
    text-decoration: none !important;
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(33, 79, 123, 0.35);
    filter: brightness(1.05);
}

/* İç sayfa: Ana Kenar Çubuğu bileşen kartları (vefa vb.) aynı çizgiyle */
.sayfa-layout .sol-sidebar > .card:not(.dernek-sol-ornek-widget):not(.sol-sidebar-varsayilan) {
    border-radius: 12px !important;
    border: 1px solid #e6e9ed !important;
    box-shadow: 0 4px 18px rgba(15, 23, 42, 0.06);
    transition: box-shadow 0.25s ease, border-color 0.25s ease;
}

/* Anasayfa sağ sütun: başkan kartı ile sol menü kartları görsel uyum */
.front-uc-sutun .sag-sidebar .baskan-karti {
    border-radius: 12px;
    box-shadow: 0 12px 36px rgba(0, 0, 0, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

/* Sağ sütun bileşen kartı (Derneğimiz menüsü vb.): sol menü kartıyla aynı premium çizgi */
.sayfa-layout .sag-sidebar .card.sag-sidebar-widget-kutu,
.front-uc-sutun .sag-sidebar .card.sag-sidebar-widget-kutu {
    margin-bottom: 18px !important;
    padding: 0 !important;
    overflow: hidden;
    border: 1px solid #e6e9ed !important;
    border-radius: 12px !important;
    background: linear-gradient(180deg, #ffffff 0%, #fafbfc 100%) !important;
    box-shadow: 0 4px 18px rgba(15, 23, 42, 0.06) !important;
    transition: box-shadow 0.25s ease, border-color 0.25s ease, transform 0.2s ease;
}
.sayfa-layout .sag-sidebar .card.sag-sidebar-widget-kutu:hover,
.front-uc-sutun .sag-sidebar .card.sag-sidebar-widget-kutu:hover {
    box-shadow: 0 10px 28px rgba(33, 79, 123, 0.1) !important;
    border-color: #d8dee6 !important;
}
.sayfa-layout .sag-sidebar .card.sag-sidebar-widget-kutu > h3,
.front-uc-sutun .sag-sidebar .card.sag-sidebar-widget-kutu > h3 {
    margin: 0 !important;
    padding: 14px 16px 12px !important;
    font-size: 0.88rem !important;
    font-weight: 800 !important;
    letter-spacing: 0.09em !important;
    text-transform: uppercase;
    color: #0f172a !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    background: linear-gradient(180deg, #f8fafc 0%, #f1f4f8 100%) !important;
    border-bottom: 2px solid var(--dernek-renk-1, #214f7b) !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
}
.sayfa-layout .sag-sidebar .card.sag-sidebar-widget-kutu .widget_nav_menu,
.front-uc-sutun .sag-sidebar .card.sag-sidebar-widget-kutu .widget_nav_menu {
    padding: 10px 12px 14px;
}
.sayfa-layout .sag-sidebar .card.sag-sidebar-widget-kutu .widget_nav_menu ul.menu,
.front-uc-sutun .sag-sidebar .card.sag-sidebar-widget-kutu .widget_nav_menu ul.menu {
    list-style: none;
    margin: 0;
    padding: 0;
}
/* Üst grup başlığı (ör. Derneğimiz — #) */
.sayfa-layout .sag-sidebar .card.sag-sidebar-widget-kutu .widget_nav_menu ul.menu > li.menu-item-has-children > a,
.front-uc-sutun .sag-sidebar .card.sag-sidebar-widget-kutu .widget_nav_menu ul.menu > li.menu-item-has-children > a {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 11px 13px;
    margin-bottom: 8px;
    font-size: 0.8rem;
    font-weight: 800;
    letter-spacing: 0.055em;
    text-transform: uppercase;
    color: var(--dernek-renk-1, #214f7b) !important;
    text-decoration: none !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background: linear-gradient(135deg, rgba(33, 79, 123, 0.06) 0%, rgba(33, 79, 123, 0.02) 100%);
    border-radius: 8px;
    border: 1px solid rgba(33, 79, 123, 0.12);
}
.sayfa-layout .sag-sidebar .card.sag-sidebar-widget-kutu .widget_nav_menu ul.menu > li.menu-item-has-children > a::before,
.front-uc-sutun .sag-sidebar .card.sag-sidebar-widget-kutu .widget_nav_menu ul.menu > li.menu-item-has-children > a::before {
    content: "";
    width: 4px;
    height: 1em;
    border-radius: 2px;
    background: linear-gradient(180deg, var(--dernek-renk-1, #214f7b), var(--dernek-renk-2, #2b6ea8));
    flex-shrink: 0;
}
/* Masaüstü: alt menü kart içinde hep açık (şık liste); mobilde mevcut .open / tıklama davranışı korunur */
@media (min-width: 783px) {
    .sayfa-layout .sag-sidebar .card.sag-sidebar-widget-kutu .widget_nav_menu ul.menu .sub-menu,
    .front-uc-sutun .sag-sidebar .card.sag-sidebar-widget-kutu .widget_nav_menu ul.menu .sub-menu {
        position: static;
        display: block !important;
        margin: 0 0 4px 0;
        padding: 0 0 4px 0;
        list-style: none;
        border: none;
        box-shadow: none;
        background: transparent;
    }
}
/* Alt menü öğeleri — tıklanabilir satırlar */
.sayfa-layout .sag-sidebar .card.sag-sidebar-widget-kutu .widget_nav_menu ul.menu .sub-menu li,
.front-uc-sutun .sag-sidebar .card.sag-sidebar-widget-kutu .widget_nav_menu ul.menu .sub-menu li {
    margin: 0;
    padding: 0;
    border: none;
}
.sayfa-layout .sag-sidebar .card.sag-sidebar-widget-kutu .widget_nav_menu ul.menu .sub-menu a,
.front-uc-sutun .sag-sidebar .card.sag-sidebar-widget-kutu .widget_nav_menu ul.menu .sub-menu a {
    display: block;
    padding: 11px 14px;
    margin-bottom: 5px;
    border-radius: 8px;
    border: 1px solid #eef1f4;
    background: #fff;
    font-size: 0.92rem;
    font-weight: 600;
    line-height: 1.4;
    color: #1e293b !important;
    text-decoration: none !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
    transition: border-color 0.2s ease, box-shadow 0.2s ease, color 0.2s ease, transform 0.2s ease;
}
.sayfa-layout .sag-sidebar .card.sag-sidebar-widget-kutu .widget_nav_menu ul.menu .sub-menu a:hover,
.front-uc-sutun .sag-sidebar .card.sag-sidebar-widget-kutu .widget_nav_menu ul.menu .sub-menu a:hover {
    border-color: var(--dernek-renk-1, #214f7b);
    color: var(--dernek-renk-1, #214f7b) !important;
    box-shadow: 0 4px 12px rgba(33, 79, 123, 0.12);
    transform: translateY(-1px);
}
/* Tek seviye menü (alt menü yoksa) */
.sayfa-layout .sag-sidebar .card.sag-sidebar-widget-kutu .widget_nav_menu ul.menu > li:not(.menu-item-has-children) > a,
.front-uc-sutun .sag-sidebar .card.sag-sidebar-widget-kutu .widget_nav_menu ul.menu > li:not(.menu-item-has-children) > a {
    display: block;
    padding: 11px 14px;
    margin-bottom: 5px;
    border-radius: 8px;
    border: 1px solid #eef1f4;
    background: #fff;
    font-size: 0.92rem;
    font-weight: 600;
    line-height: 1.4;
    color: #1e293b !important;
    text-decoration: none !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
    transition: border-color 0.2s ease, box-shadow 0.2s ease, color 0.2s ease, transform 0.2s ease;
}
.sayfa-layout .sag-sidebar .card.sag-sidebar-widget-kutu .widget_nav_menu ul.menu > li:not(.menu-item-has-children) > a:hover,
.front-uc-sutun .sag-sidebar .card.sag-sidebar-widget-kutu .widget_nav_menu ul.menu > li:not(.menu-item-has-children) > a:hover {
    border-color: var(--dernek-renk-1, #214f7b);
    color: var(--dernek-renk-1, #214f7b) !important;
    box-shadow: 0 4px 12px rgba(33, 79, 123, 0.12);
    transform: translateY(-1px);
}
.sayfa-layout .sag-sidebar .card.sag-sidebar-widget-kutu .widget_nav_menu ul.menu > li:not(.menu-item-has-children) > a::before,
.front-uc-sutun .sag-sidebar .card.sag-sidebar-widget-kutu .widget_nav_menu ul.menu > li:not(.menu-item-has-children) > a::before {
    display: none;
}

.sol-sidebar .card {
    margin-bottom: 20px;
}

/* Genel sidebar liste (ek widget'lar veya menü için) */
.sidebar-liste {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 0 12px !important;
}

/* Sol widget: görsel + tarih + başlık */
.sidebar-widget-liste {
    margin: 0 0 12px;
}

.sidebar-widget-item {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 10px 0;
    border-bottom: 1px solid #eee;
    text-decoration: none;
    color: inherit;
}

.sidebar-widget-item:hover {
    background: #f9f9f9;
}

.sidebar-widget-gorsel {
    flex-shrink: 0;
    width: 60px;
    height: 45px;
    object-fit: cover;
    border-radius: 4px;
    margin-top: 2px;
}

.sidebar-widget-gorsel--bos {
    flex-shrink: 0;
    display: block;
    box-sizing: border-box;
    background: linear-gradient(135deg, #eef2f6 0%, #e2e8f0 100%);
}

.sidebar-widget-gorsel--varsayilan {
    object-fit: cover;
}

.sidebar-widget-meta {
    min-width: 0;
}

.sidebar-widget-tarih {
    display: block;
    font-size: 0.75rem;
    color: #666;
    margin-bottom: 2px;
}

.sidebar-widget-baslik {
    font-size: 0.85rem;
    font-weight: 600;
    color: #333;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    line-height: 1.35;
}

.sidebar-widget-item:hover .sidebar-widget-baslik {
    color: var(--dernek-renk-1, #214f7b);
}

.sidebar-widget-aciklama {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin-top: 5px;
    font-size: 0.72rem;
    line-height: 1.4;
    color: #5c6677;
    font-weight: 400;
}

.sidebar-widget-item:hover .sidebar-widget-aciklama {
    color: #4a5568;
}

.sidebar-tum-link {
    display: inline-block;
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--dernek-renk-1, #214f7b) !important;
    text-decoration: none;
}

.sidebar-tum-link:hover {
    text-decoration: underline;
}

/* WordPress çekirdek bileşenleri: kart içinde varsayılan listeler / bloklar (Son yazılar, Arşiv, Kategoriler, Son yorumlar) */
.sol-sidebar .card ul,
.sag-sidebar .card ul {
    list-style: none;
    padding: 0;
    margin: 0 0 8px;
}

.sol-sidebar .card ul li,
.sag-sidebar .card ul li {
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #eee;
}

.sol-sidebar .card ul li:last-child,
.sag-sidebar .card ul li:last-child {
    border-bottom: none;
}

.sol-sidebar .card ul li a,
.sag-sidebar .card ul li a {
    display: block;
    padding: 10px 4px 10px 0;
    text-decoration: none;
    color: #333 !important;
    font-size: 0.85rem;
    transition: color 0.2s ease, background 0.2s ease;
}

.sol-sidebar .card ul li a:hover,
.sag-sidebar .card ul li a:hover {
    color: var(--dernek-renk-1, #214f7b) !important;
}

/* Bileşen menüsü (Vefa vb.): alt öğeler — başlık menüsündeki .nav-menu dışında kalan wp_nav_menu çıktısı */
.sol-sidebar .widget_nav_menu ul.menu li.menu-item-has-children,
.sag-sidebar .widget_nav_menu ul.menu li.menu-item-has-children {
    position: relative;
}
.sol-sidebar .widget_nav_menu ul.menu .sub-menu,
.sag-sidebar .widget_nav_menu ul.menu .sub-menu {
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    min-width: 220px;
    z-index: 60;
    margin: 0;
    padding: 8px 0;
    list-style: none;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.12);
    border: 1px solid rgba(0, 0, 0, 0.08);
}
.sol-sidebar .widget_nav_menu ul.menu .sub-menu a,
.sag-sidebar .widget_nav_menu ul.menu .sub-menu a {
    color: #333 !important;
    padding: 10px 16px;
    white-space: nowrap;
}
.sol-sidebar .widget_nav_menu ul.menu .menu-item-has-children:hover > .sub-menu,
.sag-sidebar .widget_nav_menu ul.menu .menu-item-has-children:hover > .sub-menu {
    display: block;
}

.sol-sidebar .card .postform,
.sag-sidebar .card .postform,
.sol-sidebar .card select[name="archive-dropdown"],
.sag-sidebar .card select[name="archive-dropdown"],
.sol-sidebar .card .widget_categories select,
.sag-sidebar .card .widget_categories select {
    width: 100%;
    max-width: 100%;
    margin-top: 4px;
    padding: 8px 10px;
    font-size: 0.85rem;
    border: 1px solid #ddd;
    border-radius: 6px;
    background: #fff;
    color: #333;
}

.sol-sidebar .card .wp-block-latest-posts,
.sol-sidebar .card .wp-block-latest-comments,
.sol-sidebar .card .wp-block-archives,
.sol-sidebar .card .wp-block-categories,
.sag-sidebar .card .wp-block-latest-posts,
.sag-sidebar .card .wp-block-latest-comments,
.sag-sidebar .card .wp-block-archives,
.sag-sidebar .card .wp-block-categories {
    font-size: 0.85rem;
}

.sol-sidebar .card .wp-block-latest-posts__post-title a,
.sag-sidebar .card .wp-block-latest-posts__post-title a {
    color: #333 !important;
    text-decoration: none;
}

.sol-sidebar .card .wp-block-latest-posts__post-title a:hover,
.sag-sidebar .card .wp-block-latest-posts__post-title a:hover {
    color: var(--dernek-renk-1, #214f7b) !important;
}

.sol-sidebar-varsayilan ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.sol-sidebar-varsayilan ul li {
    margin-bottom: 2px;
}

.sol-sidebar-varsayilan ul li a {
    display: block;
    padding: 10px 15px;
    text-decoration: none;
    color: #333 !important;
    font-size: 0.85rem;
    background: #fdfdfd;
    border-left: 3px solid transparent;
    transition: all 0.2s ease;
}

.sol-sidebar-varsayilan ul li a:hover {
    background: #f0f0f0;
    border-left: 3px solid var(--dernek-renk-1, #214f7b);
}

.sayfa-ana {
    min-width: 0;
    width: 100%;
    max-width: 100%;
}

.sayfa-icerik {
    background: #fff;
    padding: 30px 40px;
    border-radius: 8px;
    border: 1px solid #eee;
    /* Çekirdek blok “içerik genişliği” (dar sütun) bu kutuda devre dışı */
    --wp--style--global--content-size: 100%;
    --wp--style--global--wide-size: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

.sayfa-baslik {
    margin: 0 0 25px;
    padding-bottom: 15px;
    border-bottom: 2px solid var(--dernek-renk-1, #214f7b);
}

.sayfa-metin {
    line-height: 1.7;
    color: #333;
    width: 100%;
    max-width: 100%;
}

.sayfa-metin p {
    margin: 0 0 1em;
}

/* WordPress hizalama: alignleft ile resim yazının solunda, metin sağa sarılır */
.alignleft,
figure.wp-caption.alignleft,
.wp-caption.alignleft {
    float: left;
    margin: 0 1.5em 1em 0;
}
.alignright,
figure.wp-caption.alignright,
.wp-caption.alignright {
    float: right;
    margin: 0 0 1em 1.5em;
}
.wp-caption.alignleft img,
.wp-caption.alignright img {
    display: block;
}
.sayfa-metin::after,
.sayfa-icerik::after {
    content: '';
    display: table;
    clear: both;
}

/* Kim Nerede tekil: Üyemiz X'e ulaşın + telefon butonu */
.kim-nerede-ulasin {
    margin-top: 32px;
    padding: 24px 28px;
    background: linear-gradient(135deg, #fff5f5 0%, #ffebeb 100%);
    border: 2px solid var(--dernek-renk-1, #214f7b);
    border-radius: 12px;
}
.kim-nerede-ulasin-metin {
    margin: 0 0 14px !important;
    font-size: 1.15rem;
    font-weight: 600;
    color: #333;
}
.kim-nerede-ulasin-btn {
    display: inline-block;
    background: linear-gradient(135deg, var(--dernek-renk-1, #214f7b) 0%, var(--dernek-renk-1-koyu, #1a3e60) 100%);
    color: #fff !important;
    padding: 12px 24px;
    border-radius: 8px;
    font-weight: 700;
    font-size: 1.1rem;
    text-decoration: none;
    box-shadow: 0 4px 14px rgba(236, 31, 38, 0.35);
    transition: transform 0.2s, box-shadow 0.2s;
}
.kim-nerede-ulasin-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(236, 31, 38, 0.45);
    color: #fff !important;
}
.kim-nerede-ulasin-btn--pasif {
    background: #999;
    box-shadow: none;
    cursor: default;
}

/* Yönetim Kurulu sayfası – referans site kart grid görünümü */
.yonetim-kurulu-icerik .yonetim-baslik {
    font-size: 1.8rem;
    letter-spacing: 1px;
    text-align: center;
    margin-bottom: 35px;
}
.yonetim-kurulu-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 28px;
}
.yonetim-karti {
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 16px rgba(0,0,0,0.08);
    border: 1px solid #eee;
    transition: transform 0.25s, box-shadow 0.25s;
    text-align: center;
}
.yonetim-karti:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 24px rgba(0,0,0,0.12);
}
.yonetim-kart-link {
    text-decoration: none;
    color: inherit;
    display: block;
}
.yonetim-kart-foto {
    width: 100%;
    aspect-ratio: 1;
    overflow: hidden;
    background: #f0f0f0;
}
.yonetim-kart-foto img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.yonetim-kart-ad {
    margin: 16px 12px 6px;
    font-size: 1rem;
    font-weight: 700;
    color: #1a1a1a;
}
.yonetim-kart-unvan {
    margin: 0 12px 18px;
    font-size: 0.85rem;
    color: var(--dernek-renk-1, #214f7b);
    font-weight: 600;
}
@media (max-width: 1024px) {
    .yonetim-kurulu-grid { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 768px) {
    .yonetim-kurulu-grid { grid-template-columns: repeat(2, 1fr); gap: 20px; }
}
@media (max-width: 480px) {
    .yonetim-kurulu-grid { grid-template-columns: 1fr; }
}

/* Denetim Kurulu sayfası – referans site gibi 3 sütun kart grid */
.denetim-kurulu-icerik .denetim-kurulu-baslik {
    font-size: 1.8rem;
    letter-spacing: 1px;
    text-align: center;
    margin-bottom: 35px;
}
.denetim-kurulu-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 28px;
}
.denetim-karti {
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 16px rgba(0,0,0,0.08);
    border: 1px solid #eee;
    transition: transform 0.25s, box-shadow 0.25s;
    text-align: center;
}
.denetim-karti:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 24px rgba(0,0,0,0.12);
}
.denetim-kart-foto {
    width: 100%;
    aspect-ratio: 1;
    overflow: hidden;
    background: #f0f0f0;
}
.denetim-kart-foto img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.denetim-kart-ad {
    margin: 16px 12px 6px;
    font-size: 1rem;
    font-weight: 700;
    color: #1a1a1a;
}
.denetim-kart-unvan {
    margin: 0 12px 18px;
    font-size: 0.85rem;
    color: var(--dernek-renk-1, #214f7b);
    font-weight: 600;
}
@media (max-width: 768px) {
    .denetim-kurulu-grid { grid-template-columns: repeat(2, 1fr); gap: 20px; }
}
@media (max-width: 480px) {
    .denetim-kurulu-grid { grid-template-columns: 1fr; }
}

/* Anasayfa: Aidat Öde / Bağış Yap bölümü (orta bölümün altı) */
.anasayfa-aidat-bagis {
    margin-top: 32px;
    padding-top: 28px;
    border-top: 1px solid #eee;
}
.anasayfa-aidat-baslik {
    font-size: 1.5rem;
    letter-spacing: 0.5px;
    margin: 0 0 20px;
    color: #1a1a1a;
    font-weight: 700;
}
.anasayfa-aidat-kaynak-notu {
    margin: -8px 0 18px;
    padding: 12px 14px;
    font-size: 0.9rem;
    line-height: 1.5;
    color: #374151;
    background: #f9fafb;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
}

/* Aidat: banka alanı ~2/3, açıklama metni ~1/3 (2fr / 1fr); mobilde tek sütun */
.anasayfa-aidat-grid {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
    gap: 28px;
    align-items: start;
}

/* Yan kutu: açıklama alanı hatırlatması (kırmızı çerçeve vurgusu) */
.anasayfa-aidat-yan-bilgi {
    background: #fffdf9;
    border: 2px solid rgba(236, 31, 38, 0.35);
    border-radius: 12px;
    padding: 18px 20px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.05);
}
.anasayfa-aidat-yan-bilgi-baslik {
    margin: 0 0 10px;
    font-size: 1rem;
    font-weight: 700;
    color: var(--dernek-renk-1-koyu, #1a3e60);
    letter-spacing: 0.02em;
}
.anasayfa-aidat-yan-bilgi-metin {
    margin: 0;
    font-size: 0.92rem;
    line-height: 1.55;
    color: #333;
}
.anasayfa-aidat-yan-bilgi-metin strong {
    color: #1a1a1a;
    font-weight: 700;
}

/* Banka kartı bulunduğu sütunu (2/3) doldurur; sabit 520px sınırı yok */
.anasayfa-aidat-grid .anasayfa-banka-kart-wrap {
    max-width: none;
    width: 100%;
    min-width: 0;
}
@media (max-width: 900px) {
    .anasayfa-aidat-grid {
        grid-template-columns: 1fr;
    }
}
.anasayfa-banka-link {
    display: inline-block;
    position: relative;
    z-index: 2;
    margin-top: 16px;
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--dernek-renk-1, #214f7b);
    text-decoration: none;
    cursor: pointer;
}
.anasayfa-banka-link:hover {
    text-decoration: underline;
    color: var(--dernek-renk-1-koyu, #1a3e60);
}
.banka-kart-aksiyonlar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px 18px;
    margin-top: 16px;
}
.banka-odeme-yap-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 20px;
    font-size: 0.95rem;
    font-weight: 700;
    color: #fff;
    text-decoration: none;
    border-radius: 10px;
    background: linear-gradient(135deg, #0f766e 0%, #0d9488 100%);
    box-shadow: 0 4px 14px rgba(13, 148, 136, 0.35);
    border: none;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.banka-odeme-yap-btn:hover {
    color: #fff;
    text-decoration: none;
    transform: translateY(-1px);
    box-shadow: 0 6px 18px rgba(13, 148, 136, 0.45);
}
.banka-bilgileri-meta-on {
    margin-bottom: 28px;
    max-width: 640px;
}
.banka-bilgileri-sayfa-kart {
    max-width: 560px;
}

/* Banka Bilgileri sayfası — üst başlık + tek kart + bilgilendirme kutusu */
.sayfa-ana .banka-bilgileri-sayfa-icerik.sayfa-icerik {
    background: linear-gradient(180deg, #f6f7f8 0%, #f0f1f3 100%);
    border: 1px solid #e8e8e8;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.06);
    padding: 32px 28px 40px;
    border-radius: 16px;
}
.banka-bilgileri-sayfa-layout {
    max-width: 620px;
    margin: 0 auto;
}
.banka-bilgileri-sayfa-layout--coklu {
    max-width: 1180px;
}
.banka-bilgileri-coklu-izgara {
    display: grid;
    gap: 22px;
    width: 100%;
    margin: 0 auto 28px;
}
.banka-bilgileri-coklu-izgara--1 {
    grid-template-columns: minmax(0, 1fr);
    max-width: 420px;
}
.banka-bilgileri-coklu-izgara--2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.banka-bilgileri-coklu-izgara--3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
.banka-bilgileri-bos-durum {
    margin: 0 auto 28px;
    padding: 24px 20px;
    text-align: center;
    border: 1px dashed #c8d5e2;
    border-radius: 12px;
    background: #f8fbff;
    max-width: 640px;
}
.banka-bilgileri-bos-metin {
    margin: 0;
    font-size: 1rem;
    line-height: 1.55;
    color: #475569;
}
.banka-bilgileri-bos-metin a {
    font-weight: 700;
    color: var(--dernek-renk-1, #214f7b);
}
.banka-bilgileri-izgara-hucre {
    min-width: 0;
}
.banka-bilgileri-izgara-kart,
.banka-bilgileri-izgara-kart .banka-kart {
    max-width: 100%;
    height: 100%;
}
@media (max-width: 992px) {
    .banka-bilgileri-coklu-izgara--3 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .banka-bilgileri-coklu-izgara--1 {
        max-width: 100%;
    }
}
@media (max-width: 600px) {
    .banka-bilgileri-coklu-izgara--1,
    .banka-bilgileri-coklu-izgara--2,
    .banka-bilgileri-coklu-izgara--3 {
        grid-template-columns: minmax(0, 1fr);
    }
}
.banka-bilgileri-sayfa-ust {
    text-align: center;
    margin-bottom: 28px;
}
.banka-bilgileri-sayfa-baslik {
    margin: 0 0 12px;
    padding: 0;
    border: none;
    font-size: clamp(1.5rem, 2.5vw, 1.85rem);
    font-weight: 800;
    letter-spacing: 0.04em;
    color: #111827;
    text-transform: uppercase;
}
.banka-bilgileri-sayfa-spot {
    margin: 0;
    font-size: 0.98rem;
    line-height: 1.6;
    color: #4b5563;
    max-width: 36em;
    margin-left: auto;
    margin-right: auto;
}
.banka-bilgileri-sayfa-ana-kart,
.banka-bilgileri-sayfa-ana-kart .banka-kart {
    max-width: 100%;
}
.banka-bilgileri-ek-kutu {
    margin-top: 28px;
    padding: 22px 24px;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 14px;
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.05);
}
.banka-bilgileri-ek-kutu--yok {
    display: none !important;
}
.banka-bilgileri-ek-baslik {
    margin: 0 0 14px;
    font-size: 1rem;
    font-weight: 700;
    color: var(--dernek-renk-1-koyu, #1a3e60);
    letter-spacing: 0.06em;
    text-transform: uppercase;
}
.banka-bilgileri-sayfa-metin {
    font-size: 0.98rem;
    color: #374151;
}
.banka-kart--bos .banka-kart-body {
    padding: 22px 24px 26px;
}
.banka-kart-bos-metin {
    margin: 0;
    font-size: 0.95rem;
    line-height: 1.65;
    color: #444;
}
.banka-kart-bos-duzenle {
    margin: 16px 0 0;
}
.banka-kart-bos-duzenle-link {
    display: inline-block;
    font-weight: 600;
    font-size: 0.9rem;
    color: var(--dernek-renk-1, #214f7b);
    text-decoration: none;
}
.banka-kart-bos-duzenle-link:hover {
    text-decoration: underline;
    color: var(--dernek-renk-1-koyu, #1a3e60);
}
@media (max-width: 768px) {
    .sayfa-ana .banka-bilgileri-sayfa-icerik.sayfa-icerik {
        padding: 22px 16px 28px;
        border-radius: 12px;
    }
    .banka-bilgileri-ek-kutu {
        padding: 18px 16px;
    }
}

/* Banka Bilgileri sayfası – premium kart görünümü */
.banka-bilgileri-icerik {
    max-width: 560px;
    margin: 0 auto;
}
.banka-bilgileri-icerik .banka-baslik {
    font-size: 1.85rem;
    letter-spacing: 1px;
    text-align: center;
    margin: 0 0 12px;
    color: #1a1a1a;
}
.banka-bilgileri-icerik .banka-aciklama {
    text-align: center;
    color: #666;
    margin: 0 0 32px;
    font-size: 1rem;
}
.banka-kart {
    background: linear-gradient(145deg, #fff 0%, #fafafa 100%);
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 8px 32px rgba(0,0,0,0.1);
    border: 1px solid #eee;
}
.banka-kart-header {
    background: linear-gradient(135deg, #0d4a2d 0%, #1a6b43 100%);
    padding: 24px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 20px;
}
.banka-kart-panel-baslik {
    flex: 0 0 100%;
    width: 100%;
    margin: 0 0 4px;
    text-align: center;
    color: rgba(255, 255, 255, 0.95);
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}
.banka-kart-aciklama {
    margin-top: 14px;
    padding-top: 14px;
    border-top: 1px solid #eee;
    font-size: 0.9rem;
    line-height: 1.55;
    color: #4b5563;
}
.banka-kart-aciklama p {
    margin: 0 0 0.65em;
}
.banka-kart-aciklama p:last-child {
    margin-bottom: 0;
}
.banka-logo {
    width: 110px;
    height: auto;
    min-height: 44px;
    background: #fff;
    padding: 10px;
    border-radius: 10px;
    object-fit: contain;
}
.banka-kurum {
    color: #fff;
    font-size: 1.25rem;
    font-weight: 700;
}
.banka-kart-body {
    padding: 20px 24px;
}
.banka-satir {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    padding: 10px 0;
    border-bottom: 1px solid #eee;
}
.banka-satir:last-of-type { border-bottom: none; }
.banka-etiket {
    font-size: 0.85rem;
    color: #666;
    font-weight: 600;
}
.banka-deger {
    font-size: 1.05rem;
    font-weight: 700;
    color: #1a1a1a;
}
.banka-iban {
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
    padding-bottom: 0;
}
.banka-iban-kod {
    display: block;
    background: #f5f5f5;
    padding: 10px 14px;
    border-radius: 8px;
    font-family: "Consolas", "Monaco", monospace;
    font-size: 0.95rem;
    letter-spacing: 0.5px;
    color: #1a1a1a;
    word-break: break-all;
}
.banka-kopya-btn {
    background: linear-gradient(135deg, var(--dernek-renk-1, #214f7b) 0%, var(--dernek-renk-1-koyu, #1a3e60) 100%);
    color: #fff;
    border: none;
    padding: 12px 20px;
    border-radius: 10px;
    font-size: 0.9rem;
    font-weight: 600;
    cursor: pointer;
    transition: transform 0.2s, box-shadow 0.2s;
}
.banka-kopya-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(236, 31, 38, 0.4);
}
.banka-kopya-btn--ok {
    background: linear-gradient(135deg, #15803d 0%, #166534 100%) !important;
}
.banka-kopya-btn--err {
    background: linear-gradient(135deg, #b91c1c 0%, #991b1b 100%) !important;
}
.banka-not {
    text-align: center;
    margin-top: 24px;
    color: #888;
}

/* Üye Listesi sayfası – referans: dernekyntsis.lovable.app/uye-listesi */
.uye-listesi-icerik {
    background: #fff;
    border-radius: 12px;
    padding: 32px 36px;
    margin: 24px 0;
    border: 1px solid #eee;
    box-shadow: 0 4px 20px rgba(0,0,0,0.06);
}
.uye-listesi-baslik {
    font-size: 1.4rem;
    margin: 0 0 12px;
    color: #1a1a1a;
}
.uye-listesi-aciklama {
    color: #555;
    margin: 0 0 28px;
    font-size: 1rem;
}
/* Üye listesi: ad soyad / üye no arama (GET) */
.uye-listesi-arama-form {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #eee;
}
.uye-listesi-arama-label {
    display: block;
    font-weight: 600;
    font-size: 0.9rem;
    color: #333;
    margin-bottom: 8px;
}
.uye-listesi-arama-satir {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 12px;
}
.uye-listesi-arama-input {
    flex: 1;
    min-width: 200px;
    max-width: 360px;
    padding: 10px 14px;
    border: 1px solid #ccc;
    border-radius: 8px;
    font-size: 0.95rem;
}
.uye-listesi-arama-input:focus {
    outline: none;
    border-color: var(--dernek-renk-1, #214f7b);
    box-shadow: 0 0 0 2px rgba(236, 31, 38, 0.15);
}
.uye-listesi-arama-btn {
    background: var(--dernek-renk-1, #214f7b);
    color: #fff;
    border: none;
    padding: 10px 20px;
    border-radius: 8px;
    font-weight: 600;
    cursor: pointer;
    font-size: 0.9rem;
}
.uye-listesi-arama-btn:hover { background: var(--dernek-renk-1-koyu, #1a3e60); }
.uye-listesi-arama-temizle {
    font-size: 0.88rem;
    color: #666;
    text-decoration: underline;
}
.uye-listesi-arama-temizle:hover { color: var(--dernek-renk-1, #214f7b); }
.uye-listesi-arama-sonuc {
    margin: 0 0 14px;
    font-size: 0.9rem;
    color: #555;
}

/* Üye listesi tablo: vesikalık sütunu */
.uye-listesi-tablo .uye-listesi-foto-baslik {
    width: 72px;
}
.uye-listesi-foto-hucre {
    width: 72px;
    vertical-align: middle;
    text-align: center;
}
.uye-listesi-foto-link {
    display: inline-block;
    border-radius: 50%;
    overflow: hidden;
    line-height: 0;
    border: 2px solid #e8e8e8;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    transition: transform 0.2s, box-shadow 0.2s, border-color 0.2s;
}
.uye-listesi-foto-link:hover {
    transform: scale(1.05);
    border-color: var(--dernek-renk-1, #214f7b);
    box-shadow: 0 4px 14px rgba(33, 79, 123, 0.2);
}
.uye-listesi-foto-img {
    display: block;
    width: 56px;
    height: 56px;
    object-fit: cover;
}
.uye-listesi-foto-yer-tutucu {
    display: inline-block;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: linear-gradient(145deg, #e8ecef 0%, #d4d9de 100%);
    border: 2px dashed #c5cad0;
    vertical-align: middle;
}

.uye-listesi-mesaj-hucre {
    vertical-align: middle;
    text-align: center;
    white-space: nowrap;
}
.uye-listesi-mesaj-btn {
    display: inline-block;
    padding: 8px 14px;
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    color: #fff !important;
    background: var(--dernek-renk-1, #214f7b);
    border: none;
    border-radius: 8px;
    cursor: pointer;
    transition: background 0.2s, transform 0.15s;
}
.uye-listesi-mesaj-btn:hover {
    background: var(--dernek-renk-1-koyu, #1a3e60);
    transform: translateY(-1px);
}
.uye-listesi-mesaj-yok {
    color: #aaa;
}

/* Üye listesi: mesaj modal */
.uye-liste-mesaj-modal {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 100000;
    background: rgba(0, 0, 0, 0.48);
    align-items: center;
    justify-content: center;
    padding: 20px;
    box-sizing: border-box;
}
.uye-liste-mesaj-modal.is-open {
    display: flex;
}
.uye-liste-mesaj-modal-panel {
    position: relative;
    background: #fff;
    border-radius: 12px;
    max-width: 520px;
    width: 100%;
    padding: 24px 22px 22px;
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.22);
    box-sizing: border-box;
}
.uye-liste-mesaj-kapat {
    position: absolute;
    top: 10px;
    right: 12px;
    width: 36px;
    height: 36px;
    border: none;
    background: transparent;
    font-size: 28px;
    line-height: 1;
    cursor: pointer;
    color: #666;
    border-radius: 6px;
}
.uye-liste-mesaj-kapat:hover {
    background: #f0f0f0;
    color: #111;
}
.uye-liste-mesaj-baslik {
    margin: 0 32px 8px 0;
    font-size: 1.2rem;
    color: #1a1a1a;
}
.uye-liste-mesaj-alici {
    margin: 0 0 14px;
    font-size: 0.92rem;
    color: #555;
}
.uye-liste-mesaj-form .uye-mesaj-textarea {
    width: 100%;
    box-sizing: border-box;
    padding: 12px;
    border: 1px solid #ccc;
    border-radius: 8px;
    margin-bottom: 12px;
    font-size: 0.95rem;
    resize: vertical;
    min-height: 120px;
}
.uye-liste-mesaj-gonder-btn {
    width: 100%;
    text-align: center;
}

/* Profil: gelen mesaj bildirim + kutu */
.uye-gelen-mesaj-ust-bildirim {
    margin: 0 0 18px;
    padding: 14px 18px;
    background: linear-gradient(135deg, #e8f4fc 0%, #d6ebf7 100%);
    border: 1px solid #b8d4e8;
    border-radius: 10px;
    text-align: center;
}
.uye-gelen-mesaj-ust-bildirim a {
    font-weight: 700;
    color: var(--dernek-renk-1, #214f7b) !important;
    text-decoration: none;
}
.uye-gelen-mesaj-ust-bildirim a:hover {
    text-decoration: underline;
}
.uye-gelen-mesaj-kutu {
    margin-bottom: 24px;
    padding: 20px;
    background: #fafbfc;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
}
.uye-gelen-mesaj-liste {
    list-style: none;
    margin: 0 0 16px;
    padding: 0;
}
.uye-gelen-mesaj-oge {
    padding: 14px 0;
    border-bottom: 1px solid #e8e8e8;
}
.uye-gelen-mesaj-oge:last-child {
    border-bottom: none;
}
.uye-gelen-mesaj-ust {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 8px;
}
.uye-gelen-mesaj-gonderen {
    color: #1a1a1a;
}
.uye-gelen-mesaj-zaman {
    font-size: 0.85rem;
    color: #666;
}
.uye-gelen-mesaj-metin {
    font-size: 0.95rem;
    color: #333;
    line-height: 1.5;
    word-break: break-word;
}
.uye-gelen-mesaj-temizle-form {
    margin-top: 8px;
}
.uye-gelen-mesaj-temizle-btn {
    font-size: 0.88rem;
    padding: 10px 16px;
}

.uye-listesi-cta {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}
.uye-listesi-btn {
    display: inline-block;
    background: linear-gradient(135deg, var(--dernek-renk-1, #214f7b) 0%, var(--dernek-renk-1-koyu, #1a3e60) 100%);
    color: #fff !important;
    padding: 12px 20px;
    border-radius: 10px;
    font-weight: 600;
    text-decoration: none;
    font-size: 0.9rem;
    transition: transform 0.2s, box-shadow 0.2s;
}
.uye-listesi-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(236,31,38,0.4);
    color: #fff !important;
}

/* Tekil üye sayfası – Profil üst: bilgiler sol, fotoğraf sağ */
.uye-profil-ust {
    display: flex;
    gap: 32px;
    align-items: flex-start;
    margin-top: 24px;
}
.uye-profil-bilgiler { flex: 1; min-width: 0; }
.uye-vesikalik-sag {
    flex-shrink: 0;
    margin-top: 0;
}

/* Tekil üye sayfası – Vesikalık sağda, şık tasarım */
.uye-vesikalik-kutu {
    position: sticky;
    top: 24px;
    width: 180px;
    background: linear-gradient(145deg, #fff 0%, #f8f8f8 100%);
    border-radius: 12px;
    padding: 16px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.08), 0 0 1px rgba(0,0,0,0.1);
    border: 1px solid rgba(0,0,0,0.06);
}
.uye-vesikalik-img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 3/4;
    object-fit: cover;
    border-radius: 10px;
    box-shadow: 0 2px 12px rgba(0,0,0,0.1);
}
.uye-vesikalik-placeholder {
    aspect-ratio: 3/4;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #e8e8e8 0%, #f0f0f0 100%);
    border-radius: 10px;
    color: #999;
    font-size: 0.85rem;
    font-weight: 500;
}
.uye-vesikalik-upload {
    display: block;
    margin-top: 12px;
}
.uye-vesikalik-upload input[type="file"] { display: none; }
.uye-vesikalik-upload-btn {
    display: block;
    text-align: center;
    padding: 8px 12px;
    background: var(--dernek-renk-1, #214f7b);
    color: #fff !important;
    font-size: 0.8rem;
    font-weight: 600;
    border-radius: 6px;
    cursor: pointer;
    transition: background 0.2s;
}
.uye-vesikalik-upload-btn:hover {
    background: var(--dernek-renk-1-koyu, #1a3e60);
}

/* Tekil üye sayfası – profil formu */
.uye-profil-form .uye-profil-input {
    width: 100%;
    max-width: 320px;
    padding: 8px 12px;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-size: 0.95rem;
}
.uye-profil-form .uye-profil-input:focus {
    outline: none;
    border-color: var(--dernek-renk-1, #214f7b);
    box-shadow: 0 0 0 2px rgba(236,31,38,0.15);
}

/* Kendi profilini düzenleyen üye — üyelik başvuru formu görünümü (kutu + 2/3 sütun) */
.uye-profil-duzen {
    margin-top: 8px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.uye-profil-duzen-kutu {
    margin: 0;
    padding: 20px 22px;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);
    box-sizing: border-box;
}
.uye-profil-duzen-kutu-baslik {
    margin: 0 0 16px;
    padding-bottom: 10px;
    border-bottom: 2px solid var(--dernek-renk-1, #214f7b);
    font-size: 1.05rem;
    font-weight: 700;
    color: #1a1a1a;
}
.uye-profil-duzen-alt-baslik {
    margin: 20px 0 12px;
    font-size: 0.95rem;
    font-weight: 700;
    color: #333;
}
.uye-profil-duzen-ekAlanlar {
    margin-top: 8px;
    padding-top: 4px;
    border-top: 1px dashed #e0e0e0;
}
.uye-profil-duzen .form-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px 20px;
    align-items: start;
    margin-bottom: 4px;
}
.uye-profil-duzen .form-row--cols-3 {
    grid-template-columns: 1fr 1fr 1fr;
}
@media (max-width: 900px) {
    .uye-profil-duzen .form-row--cols-3 {
        grid-template-columns: 1fr 1fr;
    }
}
@media (max-width: 640px) {
    .uye-profil-duzen .form-row,
    .uye-profil-duzen .form-row--cols-3 {
        grid-template-columns: 1fr;
    }
}
.uye-profil-duzen .form-group {
    margin-bottom: 12px;
}
.uye-profil-duzen .form-group label,
.uye-profil-duzen-label {
    display: block;
    margin-bottom: 6px;
    font-weight: 600;
    font-size: 0.9rem;
    color: #333;
}
.uye-profil-duzen .uye-profil-input,
.uye-profil-duzen select.uye-profil-input,
.uye-profil-duzen textarea.uye-profil-input {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}
.uye-profil-duzen textarea.uye-profil-textarea {
    min-height: 100px;
    resize: vertical;
    line-height: 1.45;
}
.uye-profil-duzen-grid {
    display: grid;
    gap: 16px 20px;
}
.uye-profil-duzen-grid--3 {
    grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 768px) {
    .uye-profil-duzen-grid--3 {
        grid-template-columns: 1fr;
    }
}
@media (min-width: 769px) and (max-width: 992px) {
    .uye-profil-duzen-grid--3 {
        grid-template-columns: 1fr 1fr;
    }
}
.uye-profil-duzen-ro-grup .uye-profil-duzen-ro {
    font-size: 0.95rem;
    color: #1a1a1a;
    font-weight: 500;
    margin-bottom: 4px;
}
.uye-profil-duzen-gorev {
    margin: 16px 0 0;
    padding-top: 14px;
    border-top: 1px solid #eee;
    font-size: 0.92rem;
    line-height: 1.5;
}
.uye-profil-duzen-donem .uye-profil-duzen-ro {
    font-size: 0.95rem;
    color: #1a1a1a;
}

.uye-profil-ad-soyad {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 24px;
    margin: 16px 0 20px;
}
.uye-profil-ad-soyad label { font-weight: 600; color: #555; }
.uye-profil-ad-soyad .uye-profil-input { max-width: 160px; }
.uye-profil-kaydet { margin: 20px 0 0; }
.uye-profil-btn {
    background: var(--dernek-renk-1, #214f7b);
    color: #fff !important;
    border: none;
    padding: 10px 24px;
    font-size: 0.95rem;
    font-weight: 600;
    border-radius: 6px;
    cursor: pointer;
    transition: background 0.2s, transform 0.2s;
}
.uye-profil-btn:hover {
    background: var(--dernek-renk-1-koyu, #1a3e60);
    transform: translateY(-1px);
}
.uye-admin-etiket {
    font-size: 0.8rem;
    color: #888;
    font-weight: 400;
}

/* Üye kimlik kartı: ISO 7810 ID-1 (kredi kartı 85,6 × 53,98 mm), sabit boyut */
.dernek-uye-kimlik-karti-wrap {
    margin: 0 0 24px;
    max-width: none;
}
.dernek-uye-kimlik-karti-ust {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 8px;
}
.dernek-uye-kimlik-karti-yazdir {
    padding: 8px 18px;
    font-size: 0.88rem;
}
.dernek-uye-kimlik-karti {
    /* Kredi kartı oranı; ekranda dar alanda genişlik sınırlanır, boy oran korunur */
    width: 85.6mm;
    max-width: 100%;
    aspect-ratio: 85.6 / 53.98;
    height: auto;
    box-sizing: border-box;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    border-radius: 3.18mm;
    box-shadow: 0 4px 16px rgba(15, 23, 42, 0.12);
    border: 0.35mm solid #d1d5db;
    background: #fff;
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
    font-size: 1.65mm;
    line-height: 1.15;
    /* Mobil / tarayıcı «minimum font» şişmesini bu kutuda bastır */
    -webkit-text-size-adjust: none;
    text-size-adjust: none;
    isolation: isolate;
}
.dernek-uye-kimlik-karti__header {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    gap: 1.8mm;
    padding: 1.75mm 2.4mm;
    background: #2563eb;
    color: #fff;
}
.dernek-uye-kimlik-karti__logo {
    flex-shrink: 0;
    max-height: 7mm;
    max-width: 22mm;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.5mm 1.2mm;
    box-sizing: border-box;
    border-radius: 0.8mm;
}
.dernek-uye-kimlik-karti__logo--bos {
    background: rgba(255, 255, 255, 0.25);
    min-width: 7mm;
    min-height: 5mm;
    max-width: 9mm;
}
.dernek-uye-kimlik-karti__logo-img {
    max-height: 6mm;
    width: auto;
    max-width: 100%;
    height: auto;
    object-fit: contain;
    display: block;
}
.dernek-uye-kimlik-karti__titles {
    flex: 1;
    text-align: center;
    min-width: 0;
}
.dernek-uye-kimlik-karti__title-main {
    font-size: 3.85mm;
    font-weight: 700;
    letter-spacing: 0.02em;
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.dernek-uye-kimlik-karti__title-sub {
    margin-top: 0.3mm;
    font-size: 2.6mm;
    font-weight: 500;
    opacity: 0.96;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.dernek-uye-kimlik-karti__body {
    flex: 1 1 0;
    min-height: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 24mm;
    gap: 1.5mm 1.6mm;
    align-items: stretch;
    padding: 1.35mm 2mm 0.75mm;
    background: #fff;
    overflow: hidden;
}
.dernek-uye-kimlik-karti__alan {
    align-self: start;
    min-width: 0;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 0.42mm;
    overflow: hidden;
}
.dernek-uye-kimlik-karti__satir {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    align-items: start;
    gap: 0.52mm 0.85mm;
    min-width: 0;
}
/* Sol etiketler: kutu metninden ayrı; tarayıcı min. font için zoom */
.dernek-uye-kimlik-karti__etiket-olcek {
    min-width: 0;
    max-width: 100%;
    overflow: visible;
    line-height: 1.12;
    zoom: 0.72;
}
@supports not (zoom: 1) {
    .dernek-uye-kimlik-karti__etiket-olcek {
        zoom: unset;
        display: inline-block;
        transform: scale(0.72);
        transform-origin: left top;
    }
}
.dernek-uye-kimlik-karti__etiket {
    display: block;
    font-size: 11px;
    font-weight: 500;
    color: #4b5563;
    text-align: left;
    line-height: 1.18;
    white-space: normal;
    overflow: visible;
    word-break: break-word;
    min-width: 0;
    margin: 0;
}
.dernek-uye-kimlik-karti__kutu {
    font-size: 2.45mm;
    color: #111827;
    padding: 0.55mm 0.85mm;
    border-radius: 0.65mm;
    background: #f3f4f6;
    border: 0.12mm solid #e5e7eb;
    min-height: 0;
    min-width: 0;
    align-self: center;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    white-space: normal;
    overflow: visible;
    word-break: break-word;
    line-height: 1.22;
}
.dernek-uye-kimlik-karti__foto-wrap {
    width: 100%;
    min-width: 0;
    min-height: 0;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    align-self: stretch;
    gap: 0;
}
.dernek-uye-kimlik-karti__foto-slot {
    width: 100%;
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
    border-radius: 0.8mm;
    border: 0.12mm solid #e5e7eb;
    background: #f9fafb;
}
.dernek-uye-kimlik-karti__foto {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center center;
}
.dernek-uye-kimlik-karti__foto--bos {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2.12mm;
    color: #9ca3af;
}
.dernek-uye-kimlik-karti__footer {
    flex-shrink: 0;
    margin: 0;
    padding: 0.3mm 2mm 0.4mm;
    text-align: center;
    background: #fff;
    border-top: 0.12mm solid #e5e7eb;
    min-width: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: stretch;
}
/*
 * Alt şerit: mm (üst başlıkla aynı ölçek); <div> — tema .entry-content p stilleri px şişiriyordu.
 * title-main 3.85mm / title-sub 2.6mm; alt ondan küçük (1.55 / 1.4mm).
 */
.dernek-uye-kimlik-karti .dernek-uye-kimlik-karti__footer .dernek-uye-kimlik-karti__footer-adi {
    margin: 0;
    padding: 0;
    width: 100%;
    box-sizing: border-box;
    font-family: inherit;
    font-size: 1.55mm !important;
    font-weight: 500;
    color: #111827;
    line-height: 1.12 !important;
    text-align: center;
    word-break: break-word;
}
.dernek-uye-kimlik-karti .dernek-uye-kimlik-karti__footer .dernek-uye-kimlik-karti__footer-line {
    margin: 0;
    padding: 0;
    width: 100%;
    box-sizing: border-box;
    font-family: inherit;
    font-size: 1.4mm !important;
    font-weight: 400;
    color: #111827;
    text-align: center;
    line-height: 1.12 !important;
    word-break: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.dernek-uye-kimlik-karti .dernek-uye-kimlik-karti__footer .dernek-uye-kimlik-karti__footer-line:last-child {
    margin-bottom: 0;
}
@media (max-width: 400px) {
    .dernek-uye-kimlik-karti {
        width: 100%;
    }
}
@page {
    margin: 8mm;
    size: auto;
}

@media print {
    /* Üye profili: yalnızca kimlik kartı (görünürlük tekniği) */
    body.single-uye {
        background: #fff !important;
    }
    body.single-uye * {
        visibility: hidden;
    }
    body.single-uye .dernek-uye-kimlik-karti-wrap,
    body.single-uye .dernek-uye-kimlik-karti-wrap * {
        visibility: visible;
    }
    body.single-uye .dernek-uye-kimlik-karti-wrap .dernek-uye-kimlik-karti-ust,
    body.single-uye .dernek-uye-kimlik-karti-wrap .dernek-uye-kimlik-karti-ust * {
        display: none !important;
        visibility: hidden !important;
    }
    body.single-uye .dernek-uye-kimlik-karti-wrap {
        position: absolute;
        left: 0;
        top: 0;
        margin: 0 !important;
        padding: 0 !important;
        max-width: none !important;
        width: 85.6mm !important;
        break-inside: avoid;
        page-break-inside: avoid;
    }
    body.single-uye .dernek-uye-kimlik-karti {
        width: 85.6mm !important;
        height: 53.98mm !important;
        max-width: none !important;
        max-height: none !important;
        aspect-ratio: auto !important;
        box-shadow: none !important;
        border: 0.2mm solid #999 !important;
    }
    body.single-uye .dernek-uye-kimlik-karti__footer .dernek-uye-kimlik-karti__footer-adi {
        font-size: 1.48mm !important;
        line-height: 1.1 !important;
    }
    body.single-uye .dernek-uye-kimlik-karti__footer .dernek-uye-kimlik-karti__footer-line {
        font-size: 1.32mm !important;
        line-height: 1.1 !important;
    }

    .top-bar,
    .site-header,
    .site-footer,
    #wpadminbar,
    .whb-header,
    .whb-sticky-header,
    .sticky-header,
    .cart-widget-side,
    .woodmart-toolbar {
        display: none !important;
    }
}

/* Üye profili – başka üye için ek bölümler */
.uye-profil-baska-uye-bolumleri { margin-top: 32px; }
.uye-profil-bolum { margin-bottom: 28px; padding-bottom: 24px; border-bottom: 1px solid #eee; }

/* Üye profili: kart görünümü (paylaşım, köşe yazısı, iş dünyası / pazaryeri) */
.uye-profil-kart {
    margin-bottom: 28px;
    padding-bottom: 0;
    border-bottom: none;
    border-radius: 14px;
    border: 1px solid #e2e8f0;
    background: #fff;
    box-shadow: 0 4px 22px rgba(33, 79, 123, 0.07);
    overflow: hidden;
}
.uye-profil-kart-baslik {
    margin: 0;
    padding: 16px 22px;
    font-size: 1.12rem;
    font-weight: 700;
    color: #fff;
    letter-spacing: 0.02em;
    line-height: 1.3;
    border-radius: 14px 14px 0 0;
}
/* Eski .uye-paylasim-bolum üst çizgi + padding, ilk kartta başlığı aşağı itip köşeleri düz gösteriyordu */
.uye-profil-kart.uye-paylasim-bolum {
    margin-top: 24px;
    padding-top: 0;
    border-top: none;
}
.uye-profil-kart--medya .uye-profil-kart-baslik {
    background: linear-gradient(135deg, var(--dernek-renk-1, #214f7b) 0%, #163a5c 100%);
}
.uye-profil-kart--kose .uye-profil-kart-baslik {
    background: linear-gradient(135deg, #0d9488 0%, #0f766e 100%);
}
.uye-profil-kart--isdunyasi .uye-profil-kart-baslik {
    background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
}
.uye-profil-kart--pazar .uye-profil-kart-baslik {
    background: linear-gradient(135deg, #d97706 0%, #b45309 100%);
}
.uye-profil-kart-icerik {
    padding: 18px 22px 22px;
}
.uye-profil-kart-icerik .uye-kose-aciklama {
    margin-top: 0;
    font-size: 0.9rem;
    color: #4b5563;
    line-height: 1.5;
}
.uye-profil-kart-icerik .uye-kose-aciklama strong {
    color: #1f2937;
}
.uye-profil-kart-form .uye-profil-btn {
    margin-top: 4px;
}
.uye-profil-aktivite-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 22px;
    margin-bottom: 28px;
    align-items: start;
}
.uye-profil-aktivite-grid--tek {
    grid-template-columns: 1fr;
    max-width: 760px;
}
@media (max-width: 900px) {
    .uye-profil-aktivite-grid {
        grid-template-columns: 1fr;
    }
    .uye-profil-aktivite-grid--tek {
        max-width: none;
    }
}
.uye-profil-kart--medya .uye-paylasim-aciklama {
    padding: 0 22px 16px;
    margin: 0;
    font-size: 0.9rem;
    color: #4b5563;
    line-height: 1.5;
    border-top: 1px solid #f1f5f9;
}
.uye-profil-kart--medya .uye-paylasim-form,
.uye-profil-kart--medya .uye-paylasim-ok {
    padding-left: 22px;
    padding-right: 22px;
}
.uye-profil-kart--medya .uye-paylasim-form {
    padding-bottom: 20px;
}
.uye-profil-kart--medya .uye-paylasim-ok {
    margin: 0;
    padding-top: 16px;
    padding-bottom: 0;
}
.uye-profil-kart--kose .uye-kose-form {
    padding: 0 22px 20px;
}
.uye-profil-kart--kose .uye-kose-liste-baslik,
.uye-profil-kart--kose .uye-kose-liste {
    margin-left: 22px;
    margin-right: 22px;
}
.uye-profil-kart--kose .uye-kose-liste {
    margin-bottom: 20px;
}
.uye-profil-kart--kose .uye-paylasim-ok,
.uye-profil-kart--kose .uye-kose-hata {
    margin-left: 22px;
    margin-right: 22px;
}
.uye-profil-kart--kose .uye-kose-aciklama {
    padding: 0 22px 12px;
    border-top: 1px solid #f1f5f9;
}
.uye-profil-kart--kose .uye-kose-editor-wrap {
    margin-bottom: 12px;
}
/* Aidat ve üye listesi tabloları – mobilde yatay kaydırma, taşma önleme */
.uye-aidat-bolum,
.uye-listesi-icerik {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}
.uye-profil-bolum:last-child { border-bottom: none; }
.uye-profil-bolum-baslik {
    font-size: 1.1rem;
    color: #1a1a1a;
    margin: 0 0 16px;
    padding-bottom: 8px;
    border-bottom: 2px solid var(--dernek-renk-1, #214f7b);
}
.uye-mesaj-textarea {
    width: 100%;
    max-width: 480px;
    padding: 12px;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-size: 0.95rem;
    margin-bottom: 12px;
    resize: vertical;
}
.uye-resimler-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
    gap: 16px;
}
.uye-resim-kart {
    display: block;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    aspect-ratio: 1;
}
.uye-resim-kart img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.uye-notlar-icerik { margin-bottom: 16px; }
.uye-yazilar-liste {
    list-style: none;
    margin: 0;
    padding: 0;
}
.uye-yazilar-liste li { margin-bottom: 8px; }
.uye-yazilar-liste a {
    color: var(--dernek-renk-1, #214f7b);
    text-decoration: none;
}
.uye-yazilar-liste a:hover { text-decoration: underline; }

@media (max-width: 768px) {
    .uye-profil-ust { flex-direction: column; align-items: center; gap: 24px; }
    .uye-vesikalik-sag { order: -1; }
    .uye-vesikalik-kutu { position: static; width: 160px; }
}

/* Tekil üye sayfası – profil alanları tablosu */
.uye-profil-tablo { overflow-x: auto; }
.uye-profil-alanlar {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.95rem;
}
.uye-profil-alanlar th {
    text-align: left;
    padding: 10px 16px 10px 0;
    color: #666;
    font-weight: 600;
    width: 160px;
}
.uye-profil-alanlar td { padding: 10px 0; color: #1a1a1a; }
.uye-profil-alanlar tr { border-bottom: 1px solid #eee; }
.uye-profil-alanlar tr:last-child { border-bottom: none; }

/* Dernekler Yönetmeliği sayfası */
.yonetmelik-icerik p { text-align: justify; margin-bottom: 1em; }
.yonetmelik-icerik .yonetmelik-kaynak { font-size: 0.95rem; color: #666; margin-bottom: 28px; text-align: justify; }
.yonetmelik-icerik h1 { font-size: 1.6rem; margin: 0 0 1.2em; color: #1a1a1a; text-align: center; }
.yonetmelik-icerik h2 { font-size: 1.25rem; margin: 28px 0 14px; padding-bottom: 8px; border-bottom: 1px solid #eee; color: #1a1a1a; }
.yonetmelik-icerik h3 { font-size: 1.1rem; margin: 18px 0 8px; color: #333; }
.yonetmelik-icerik .yonetmelik-linkler { margin-top: 32px; padding: 20px; background: #f9f9f9; border-radius: 8px; text-align: left; }

/* Genel Kurullar sayfası – başlık ikon + şık tablo */
.genel-kurullar-baslik {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 24px;
    padding-bottom: 14px;
    border-bottom: 2px solid var(--dernek-renk-1, #214f7b);
    font-size: 1.35rem;
    color: #1a1a1a;
}
.genel-kurullar-ikon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    background: linear-gradient(135deg, var(--dernek-renk-1, #214f7b) 0%, var(--dernek-renk-1-koyu, #1a3e60) 100%);
    color: #fff !important;
    border-radius: 8px;
    font-size: 20px !important;
    line-height: 1 !important;
}
.sayfa-icerik .genel-kurullar-tablo,
.genel-kurullar-tablo {
    width: 100%;
    border-collapse: collapse;
    margin: 0 0 24px;
    font-size: 0.95rem;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0,0,0,0.06);
}
.genel-kurullar-tablo th,
.genel-kurullar-tablo td {
    padding: 14px 20px;
    text-align: left;
}
.genel-kurullar-tablo th {
    background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);
    color: #fff;
    font-weight: 600;
    font-size: 0.9rem;
    letter-spacing: 0.5px;
}
.genel-kurullar-tablo td { border-bottom: 1px solid #eee; }
.genel-kurullar-tablo tbody tr:nth-child(even) { background: #fafafa; }
.genel-kurullar-tablo tbody tr:hover { background: rgba(236,31,38,0.04); }
.genel-kurullar-tablo tbody tr:last-child td { border-bottom: none; }
@media (max-width: 768px) {
    .genel-kurullar-baslik { font-size: 1.15rem; }
    .genel-kurullar-ikon { width: 32px; height: 32px; font-size: 18px !important; }
    .genel-kurullar-tablo { font-size: 0.85rem; }
    .genel-kurullar-tablo th, .genel-kurullar-tablo td { padding: 12px 14px; }
}

/* İletişim: harita/form + sağ sütun (sol menü yok; .sayfa-layout genel 2 sütun kuralını kullanır) */
.iletisim-ust {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
    margin: 24px 0 40px;
    align-items: start;
}
.iletisim-sol-kolon {
    display: grid;
    gap: 16px;
    align-content: start;
}
.iletisim-harita {
    border-radius: 14px;
    overflow: hidden;
    background: linear-gradient(165deg, #f0f3f7 0%, #e8ecf2 100%);
    border: 1px solid rgba(33, 79, 123, 0.22);
    box-shadow:
        0 0 0 1px rgba(255, 255, 255, 0.65) inset,
        0 8px 28px rgba(15, 23, 42, 0.1),
        0 2px 8px rgba(15, 23, 42, 0.06);
}
.iletisim-harita iframe { display: block; min-height: 340px; }
.iletisim-diger-bilgiler-kutu {
    background: linear-gradient(180deg, #ffffff 0%, #f9fafb 100%);
    border-radius: 14px;
    padding: 18px 20px;
    border: 1px solid rgba(33, 79, 123, 0.2);
    box-shadow:
        0 0 0 1px rgba(255, 255, 255, 0.7) inset,
        0 8px 24px rgba(15, 23, 42, 0.08),
        0 2px 8px rgba(15, 23, 42, 0.05);
    max-height: 360px;
    overflow: auto;
}
.iletisim-diger-bilgiler-baslik {
    margin: 0 0 10px;
    font-size: 1.05rem;
    color: #1a1a1a;
}
.iletisim-diger-bilgiler-metin {
    color: #555;
    font-size: 0.94rem;
    line-height: 1.6;
}
.iletisim-form-kutu {
    background: linear-gradient(180deg, #ffffff 0%, #f9fafb 100%);
    border-radius: 14px;
    padding: 28px;
    border: 1px solid rgba(33, 79, 123, 0.2);
    box-shadow:
        0 0 0 1px rgba(255, 255, 255, 0.75) inset,
        0 10px 32px rgba(15, 23, 42, 0.09),
        0 2px 10px rgba(15, 23, 42, 0.05);
    transition: border-color 0.25s ease, box-shadow 0.25s ease;
}
.iletisim-form-kutu:hover {
    border-color: rgba(33, 79, 123, 0.32);
    box-shadow:
        0 0 0 1px rgba(255, 255, 255, 0.8) inset,
        0 14px 40px rgba(15, 23, 42, 0.12),
        0 4px 14px rgba(15, 23, 42, 0.06);
}
.iletisim-form-baslik {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 20px;
    font-size: 1.2rem;
    color: #1a1a1a;
}
.iletisim-form-baslik .dashicons {
    width: 28px; height: 28px;
    font-size: 28px;
    color: var(--dernek-renk-1, #214f7b);
    font-family: "dashicons" !important;
}
.iletisim-form .wpcf7-form-control-wrap,
.uye-basvuru-form .wpcf7-form-control-wrap { display: block; margin-bottom: 16px; }
.iletisim-form input[type="text"],
.iletisim-form input[type="email"],
.iletisim-form input[type="tel"],
.iletisim-form textarea,
.uye-basvuru-form input[type="text"],
.uye-basvuru-form input[type="email"],
.uye-basvuru-form input[type="tel"],
.uye-basvuru-form textarea {
    width: 100%;
    padding: 12px 16px;
    border: 1px solid #ddd;
    border-radius: 8px;
    font-size: 0.95rem;
    transition: border-color 0.2s, box-shadow 0.2s;
}
.iletisim-form input[type="text"],
.iletisim-form input[type="email"],
.iletisim-form input[type="tel"],
.iletisim-form textarea {
    border-color: rgba(33, 79, 123, 0.16);
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}
.iletisim-form input:focus,
.iletisim-form textarea:focus,
.uye-basvuru-form input:focus,
.uye-basvuru-form textarea:focus {
    outline: none;
    border-color: var(--dernek-renk-1, #214f7b);
    box-shadow: 0 0 0 3px rgba(236,31,38,0.1);
}
.iletisim-form textarea,
.uye-basvuru-form textarea { min-height: 120px; resize: vertical; }
.uye-basvuru-sayfa .uye-basvuru-form textarea { min-height: 140px; }
.iletisim-form .wpcf7-submit,
.uye-basvuru-form .wpcf7-submit {
    width: 100%;
    padding: 14px 24px;
    background: linear-gradient(135deg, var(--dernek-renk-1, #214f7b) 0%, var(--dernek-renk-1-koyu, #1a3e60) 100%);
    color: #fff !important;
    border: none;
    border-radius: 10px;
    font-weight: 600;
    font-size: 1rem;
    cursor: pointer;
    transition: transform 0.2s, box-shadow 0.2s;
}
.iletisim-form .wpcf7-submit:hover,
.uye-basvuru-form .wpcf7-submit:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(236,31,38,0.4);
}
.uye-basvuru-cf7-wrap {
    margin-top: 28px;
    padding-top: 24px;
    border-top: 1px solid #e8e8e8;
}
.uye-basvuru-form-baslik {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 18px;
    font-size: 1.15rem;
    color: #1a1a1a;
}
.uye-basvuru-form-baslik .dashicons {
    width: 26px;
    height: 26px;
    font-size: 26px;
    color: var(--dernek-renk-1, #214f7b);
    font-family: "dashicons" !important;
}
.uye-basvuru-cf7-uyari {
    margin-top: 20px;
    padding: 16px 18px;
    background: #f8f9fa;
    border-radius: 10px;
    border-left: 4px solid var(--dernek-renk-1, #214f7b);
}
.uye-basvuru-cf7-uyari .button { margin-top: 8px; }
.uye-basvuru-form .uye-form-container .form-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px 20px;
    align-items: start;
}
@media (max-width: 640px) {
    .uye-basvuru-form .uye-form-container .form-row {
        grid-template-columns: 1fr;
    }
}
.uye-basvuru-form .uye-form-container .form-group {
    margin-bottom: 4px;
}
.uye-basvuru-form .uye-form-container .form-group label {
    display: block;
    margin-bottom: 6px;
    font-weight: 600;
    font-size: 0.9rem;
    color: #333;
}
.uye-basvuru-form .uye-form-container .upload-section,
.uye-basvuru-form .uye-form-container .acceptance-section {
    margin-top: 20px;
    padding-top: 16px;
    border-top: 1px solid #eee;
}
.uye-basvuru-form .uye-form-container .acceptance-section .wpcf7-list-item {
    margin-bottom: 10px;
}
.uye-basvuru-form .uye-form-container .upload-section input[type="file"] {
    margin-top: 6px;
    font-size: 0.9rem;
}

/* Üyelik başvurusu CF7 — wp-admin üye meta düzenine benzer bölüm + grid */
.uye-basvuru-admin-tema .wpcf7-form-control-wrap {
    display: block;
    margin-bottom: 0;
}
.uye-basvuru-admin-tema .uye-basvuru-bolum {
    margin: 0 0 28px;
    padding: 0 0 22px;
    border-bottom: 1px solid #e8e8e8;
}
.uye-basvuru-admin-tema .uye-basvuru-bolum:last-of-type {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 16px;
}
.uye-basvuru-admin-tema .uye-basvuru-bolum-baslik {
    margin: 0 0 16px;
    padding-bottom: 10px;
    border-bottom: 2px solid var(--dernek-renk-1, #214f7b);
    font-size: 1.08rem;
    font-weight: 700;
    color: #1f2937;
}
.uye-basvuru-admin-tema .uye-basvuru-bolum-icerik {
    min-width: 0;
}
.uye-basvuru-admin-tema .uye-basvuru-iletisim-stack {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.uye-basvuru-admin-tema .uye-basvuru-grid {
    display: grid;
    gap: 16px 20px;
    margin-bottom: 16px;
    align-items: start;
}
.uye-basvuru-admin-tema .uye-basvuru-grid:last-child {
    margin-bottom: 0;
}
.uye-basvuru-admin-tema .uye-basvuru-grid--1 {
    grid-template-columns: 1fr;
}
.uye-basvuru-admin-tema .uye-basvuru-grid--2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.uye-basvuru-admin-tema .uye-basvuru-grid--3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
.uye-basvuru-admin-tema .uye-basvuru-cell {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 0;
}
.uye-basvuru-admin-tema .uye-basvuru-cell--bos {
    justify-content: center;
    align-items: center;
    min-height: 52px;
    color: #d1d5db;
    font-size: 1.25rem;
    line-height: 1;
}
.uye-basvuru-admin-tema .uye-basvuru-label,
.uye-basvuru-admin-tema .uye-basvuru-cell > label {
    display: block;
    margin: 0;
    font-weight: 600;
    font-size: 0.9rem;
    color: #333;
}
.uye-basvuru-admin-tema input[type="text"],
.uye-basvuru-admin-tema input[type="email"],
.uye-basvuru-admin-tema input[type="tel"],
.uye-basvuru-admin-tema input[type="number"],
.uye-basvuru-admin-tema input[type="date"],
.uye-basvuru-admin-tema textarea,
.uye-basvuru-admin-tema select {
    width: 100%;
    max-width: 100%;
    padding: 12px 16px;
    border: 1px solid #ddd;
    border-radius: 8px;
    font-size: 0.95rem;
    box-sizing: border-box;
    transition: border-color 0.2s, box-shadow 0.2s;
}
.uye-basvuru-admin-tema input:focus,
.uye-basvuru-admin-tema textarea:focus,
.uye-basvuru-admin-tema select:focus {
    outline: none;
    border-color: var(--dernek-renk-1, #214f7b);
    box-shadow: 0 0 0 3px rgba(236, 31, 38, 0.1);
}
.uye-basvuru-admin-tema .uye-basvuru-textarea,
.uye-basvuru-sayfa .uye-basvuru-admin-tema textarea {
    min-height: 64px;
    resize: vertical;
}
.uye-basvuru-admin-tema .uye-basvuru-belgeler-notu {
    margin: 0 0 12px;
    font-size: 0.95rem;
    color: #444;
}
.uye-basvuru-admin-tema .uye-basvuru-belgeler-grid input[type="file"] {
    max-width: 100%;
    box-sizing: border-box;
    font-size: 0.85rem;
}
.uye-basvuru-admin-tema .uye-basvuru-bolum--onay .acceptance-section p {
    margin: 0 0 10px;
}
.uye-basvuru-admin-tema .uye-basvuru-submit-wrap {
    margin: 8px 0 0;
}
.uye-basvuru-admin-tema .wpcf7-submit,
.uye-basvuru-admin-tema input.uye-profil-btn.wpcf7-submit {
    width: 100%;
    max-width: 100%;
    padding: 14px 24px;
    background: linear-gradient(135deg, var(--dernek-renk-1, #214f7b) 0%, var(--dernek-renk-1-koyu, #1a3e60) 100%);
    color: #fff !important;
    border: none;
    border-radius: 10px;
    font-weight: 600;
    font-size: 1rem;
    cursor: pointer;
    transition: transform 0.2s, box-shadow 0.2s;
}
.uye-basvuru-admin-tema .wpcf7-submit:hover,
.uye-basvuru-admin-tema input.uye-profil-btn.wpcf7-submit:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(236, 31, 38, 0.35);
}
@media (max-width: 900px) {
    .uye-basvuru-admin-tema .uye-basvuru-grid--3 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media (max-width: 560px) {
    .uye-basvuru-admin-tema .uye-basvuru-grid--2,
    .uye-basvuru-admin-tema .uye-basvuru-grid--3 {
        grid-template-columns: 1fr;
    }
}
.iletisim-alt {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 20px 16px;
}
.iletisim-kart {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    text-align: center;
    gap: 14px;
    padding: 24px 16px 22px;
    min-width: 0;
    background: linear-gradient(180deg, #ffffff 0%, #f7f9fc 100%);
    border-radius: 14px;
    border: 1px solid rgba(33, 79, 123, 0.18);
    box-shadow:
        0 0 0 1px rgba(255, 255, 255, 0.7) inset,
        0 6px 20px rgba(15, 23, 42, 0.07),
        0 1px 3px rgba(15, 23, 42, 0.05);
    transition: border-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease;
}
.iletisim-kart:hover {
    border-color: rgba(33, 79, 123, 0.32);
    box-shadow:
        0 0 0 1px rgba(255, 255, 255, 0.85) inset,
        0 12px 32px rgba(15, 23, 42, 0.11),
        0 4px 12px rgba(15, 23, 42, 0.06);
    transform: translateY(-2px);
}
.iletisim-kart-ikon {
    flex-shrink: 0;
    width: 56px;
    height: 56px;
    min-width: 56px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(145deg, var(--dernek-renk-1, #214f7b) 0%, var(--dernek-renk-1-koyu, #1a3e60) 100%);
    color: #fff !important;
    border-radius: 14px;
    font-size: 30px !important;
    line-height: 1;
    font-family: "dashicons" !important;
    border: 1px solid rgba(255, 255, 255, 0.22);
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.2) inset,
        0 4px 12px rgba(26, 62, 96, 0.35);
}
.iletisim-kart > div {
    width: 100%;
    min-width: 0;
    text-align: center;
    word-wrap: break-word;
    overflow-wrap: anywhere;
}
.iletisim-kart strong { display: block; margin-bottom: 6px; color: #1a1a1a; font-size: 0.95rem; }
.iletisim-kart a { color: var(--dernek-renk-1, #214f7b); text-decoration: none; }
.iletisim-kart a:hover { text-decoration: underline; }
.iletisim-kart div { font-size: 0.92rem; color: #555; line-height: 1.5; }
.iletisim-kart-bos { color: #888; font-size: 0.85rem; line-height: 1.4; }
@media (min-width: 1200px) {
    .iletisim-alt { gap: 22px 18px; }
}
@media (max-width: 992px) {
    .iletisim-alt { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 14px; }
}
@media (max-width: 768px) {
    .iletisim-ust { grid-template-columns: 1fr; }
    .iletisim-harita iframe { min-height: 280px; }
    .iletisim-diger-bilgiler-kutu { max-height: none; }
    .iletisim-alt { grid-template-columns: 1fr; }
}

/* ========== WordPress galerileri – sayfa içeriği (.sayfa-metin) ========== */
.sayfa-metin .gallery,
.sayfa-icerik .gallery,
.entry-content .gallery,
.wp-block-gallery {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(180px, 1fr)) !important;
    gap: 16px !important;
    margin: 24px 0 !important;
    padding: 0 !important;
    list-style: none !important;
    float: none !important;
    width: 100% !important;
}
.sayfa-metin .gallery.gallery-columns-2,
.sayfa-icerik .gallery.gallery-columns-2 { grid-template-columns: repeat(2, minmax(180px, 1fr)) !important; }
.sayfa-metin .gallery.gallery-columns-3,
.sayfa-icerik .gallery.gallery-columns-3 { grid-template-columns: repeat(3, minmax(180px, 1fr)) !important; }
.sayfa-metin .gallery.gallery-columns-4,
.sayfa-icerik .gallery.gallery-columns-4 { grid-template-columns: repeat(4, minmax(180px, 1fr)) !important; }
.sayfa-metin .gallery.gallery-columns-5,
.sayfa-icerik .gallery.gallery-columns-5 { grid-template-columns: repeat(5, minmax(180px, 1fr)) !important; }
.sayfa-metin .gallery.gallery-columns-6,
.sayfa-icerik .gallery.gallery-columns-6 { grid-template-columns: repeat(6, minmax(180px, 1fr)) !important; }
.sayfa-metin .gallery .gallery-item,
.sayfa-icerik .gallery .gallery-item,
[id^="gallery-"] .gallery-item,
.gallery .gallery-item {
    float: none !important;
    width: auto !important;
    margin: 0 !important;
    max-width: none !important;
}
.sayfa-metin .gallery figure.gallery-item,
.sayfa-icerik .gallery figure.gallery-item,
.gallery figure.gallery-item {
    margin: 0 !important;
}
.sayfa-metin .gallery a,
.sayfa-icerik .gallery a,
.wp-block-gallery a,
.gallery a {
    display: block !important;
    overflow: hidden;
    border-radius: 8px;
    background: #eee;
    min-height: 220px;
    width: 100%;
}
/* width/height HTML özniteliklerini (150x150) ez – landscape 4:3 */
.sayfa-metin .gallery img,
.sayfa-icerik .gallery img,
.wp-block-gallery img,
.gallery img {
    width: 100% !important;
    height: 100% !important;
    min-height: 220px !important;
    max-width: none !important;
    min-width: 0 !important;
    aspect-ratio: 4 / 3 !important;
    object-fit: cover !important;
    display: block !important;
    transition: transform 0.25s ease;
}
/* Genel img kuralı galeri görsellerini küçültmesin */
.sayfa-metin .gallery img,
.sayfa-icerik .gallery img,
.gallery img {
    max-width: none !important;
}
.sayfa-metin .gallery a:hover img,
.sayfa-icerik .gallery a:hover img,
.gallery a:hover img {
    transform: scale(1.03);
}
@media (max-width: 768px) {
    .sayfa-metin .gallery,
    .sayfa-icerik .gallery,
    .wp-block-gallery { grid-template-columns: repeat(2, minmax(140px, 1fr)) !important; }
}
/* Blok galerisi sütun sayısı */
.wp-block-gallery.columns-2,
.wp-block-gallery[class*="columns-2"] { grid-template-columns: repeat(2, minmax(180px, 1fr)) !important; }
.wp-block-gallery.columns-3,
.wp-block-gallery[class*="columns-3"] { grid-template-columns: repeat(3, minmax(180px, 1fr)) !important; }
.wp-block-gallery.columns-4,
.wp-block-gallery[class*="columns-4"] { grid-template-columns: repeat(4, minmax(180px, 1fr)) !important; }
.wp-block-gallery.columns-5,
.wp-block-gallery[class*="columns-5"] { grid-template-columns: repeat(5, minmax(180px, 1fr)) !important; }
.wp-block-gallery.columns-6,
.wp-block-gallery[class*="columns-6"] { grid-template-columns: repeat(6, minmax(180px, 1fr)) !important; }
/* Galeri lightbox popup */
.dernek-lightbox {
    position: fixed;
    inset: 0;
    z-index: 99999;
    background: rgba(0,0,0,0.9);
    display: none;
    align-items: center;
    justify-content: center;
    padding: 20px;
    cursor: pointer;
}
.dernek-lightbox.is-open {
    display: flex !important;
}
/* 731x667 gibi büyük görsel kendi boyutunda açılsın – genel img %100 kuralı ezmesin */
.dernek-lightbox img {
    max-width: 95vw !important;
    max-height: 95vh !important;
    width: auto !important;
    height: auto !important;
    flex-shrink: 0;
    border-radius: 4px;
    cursor: default;
    pointer-events: none;
}
.dernek-lightbox-prev,
.dernek-lightbox-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 52px;
    height: 52px;
    background: rgba(255,255,255,0.2);
    border: none;
    border-radius: 50%;
    color: #fff;
    font-size: 28px;
    line-height: 1;
    cursor: pointer;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s, transform 0.2s;
}
.dernek-lightbox-prev:hover,
.dernek-lightbox-next:hover {
    background: rgba(236,31,38,0.9);
    transform: translateY(-50%) scale(1.05);
}
.dernek-lightbox-prev { left: 20px; }
.dernek-lightbox-next { right: 20px; }
.dernek-lightbox-prev.is-hidden,
.dernek-lightbox-next.is-hidden { display: none !important; }
.dernek-lightbox-close {
    position: absolute;
    top: 16px;
    right: 20px;
    width: 44px;
    height: 44px;
    background: rgba(255,255,255,0.15);
    border: none;
    border-radius: 50%;
    color: #fff;
    font-size: 24px;
    line-height: 1;
    cursor: pointer;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s;
}
.dernek-lightbox-close:hover {
    background: rgba(255,255,255,0.25);
}

/* Tüm paragraflar varsayılan olarak iki yana yaslı */
p {
    text-align: justify;
}

/* Mobil: hamburger menü, top bar ortalı, sol widget gizli, başkan önce – sağ taraf kesilmesin */
@media (max-width: 768px) {
    .container { width: 100% !important; max-width: 100% !important; box-sizing: border-box; overflow-x: hidden; }
    .nav-container, .top-bar-inner, .container { padding-left: 16px; padding-right: 16px; }
    .anasayfa-standart-wrap,
    .sayfa-wrapper {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
    .reklam-alani--slayt-alti,
    .hizli-erisim-bar > .container,
    .hizli-erisim-bar > .hizli-erisim-bar-ic,
    .medya-bolumu > .container,
    .lise-emblem-carousel-wrap > .container {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
    .front-uc-sutun { min-width: 0; overflow-x: hidden; }
    .baskan-wrapper, .tab-icerik-kutu, .anasayfa-reklam-alani { min-width: 0; max-width: 100%; }
    .baskan-karti { max-width: 100%; }
    .anasayfa-reklam-placeholder { max-width: 100%; word-wrap: break-word; }
    .reklam-alani-2-wrap img { max-width: 100% !important; }
    .reklam-alani--slayt-alti { width: 100% !important; max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; padding-left: 15px; padding-right: 15px; }

    /* Hamburger butonu görünür, menü varsayılan gizli */
    .hamburger-btn { display: flex; }
    .nav-menu {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        /* Mobil açılır menü paneli: masaüstü ile uyumlu premium kart görünümü */
        background: linear-gradient(160deg, rgba(255,255,255,0.98), rgba(248,248,248,0.98));
        box-shadow: 0 16px 42px rgba(0,0,0,0.15);
        padding: 16px;
        z-index: 999;
        border: 1px solid rgba(0,0,0,0.08);
        border-top: none;
        border-radius: 0 0 14px 14px;
    }
    .nav-menu.nav-open { display: block; }
    .nav-container { position: relative; }
    .nav-menu > ul,
    .nav-menu .nav-menu-liste {
        flex-direction: column;
        align-items: stretch;
        border-radius: 12px;
        padding: 8px;
        box-shadow: none;
    }
    .nav-menu .sub-menu { position: static; box-shadow: none; border: none; padding-left: 15px; border-left: 3px solid var(--dernek-renk-1, #214f7b); text-align: left; }
    .nav-menu li:hover > .sub-menu { display: none; }
    .nav-menu .menu-item-has-children.open > .sub-menu { display: flex !important; }

    /* Kenar çubuğu bileşen menüsü: dokunmatikte hover yok; tıklamayla .open */
    .sol-sidebar .widget_nav_menu ul.menu .sub-menu,
    .sag-sidebar .widget_nav_menu ul.menu .sub-menu {
        position: static;
        display: none;
        box-shadow: none;
        border: none;
        padding-left: 12px;
        margin-top: 4px;
        border-left: 3px solid var(--dernek-renk-1, #214f7b);
        border-radius: 0;
        background: transparent;
    }
    .sol-sidebar .widget_nav_menu ul.menu .menu-item-has-children:hover > .sub-menu,
    .sag-sidebar .widget_nav_menu ul.menu .menu-item-has-children:hover > .sub-menu {
        display: none;
    }
    .sol-sidebar .widget_nav_menu ul.menu .menu-item-has-children.open > .sub-menu,
    .sag-sidebar .widget_nav_menu ul.menu .menu-item-has-children.open > .sub-menu {
        display: block !important;
    }

    /* Top bar mobil: 1) telefonlar 2) üç aksiyon butonu 3) sosyal ikonlar */
    .top-bar-inner {
        flex-direction: column;
        align-items: stretch;
        justify-content: flex-start;
        gap: 10px;
    }
    .top-bar-sol {
        justify-content: center;
        width: 100%;
        text-align: center;
    }
    .top-bar-sag {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        gap: 6px 8px;
        width: 100%;
    }
    .top-bar-sag > a.top-bar-btn {
        padding: 5px 10px;
        font-size: 0.72rem;
        letter-spacing: 0.2px;
    }
    .top-bar-sag .top-bar-uye-dropdown .top-bar-btn {
        padding: 5px 10px;
        font-size: 0.72rem;
        letter-spacing: 0.2px;
    }
    .top-bar-sosyal-grup {
        flex: 0 0 100%;
        width: 100%;
        justify-content: center;
        margin-left: 0;
        margin-top: 4px;
        padding-top: 10px;
        border-top: 1px solid rgba(255, 255, 255, 0.1);
    }
    .top-bar-sosyal-grup .sosyal-linkler {
        justify-content: center;
        gap: 8px;
    }
    .top-bar-sosyal-grup .sosyal-ikon {
        width: 34px;
        height: 34px;
        border-radius: 9px;
    }
    .top-bar-sosyal-grup .sosyal-ikon .dashicons {
        font-size: 18px;
        width: 18px;
        height: 18px;
    }

    /* Sol sütun (menü + olası reklam) mobilde kaldır: sarmalayıcı gizlenir */
    .sol-sidebar-wrap { display: none !important; }

    /* Anasayfa: başkan kartı ilk, orta sekmeler sonra */
    .front-uc-sutun { grid-template-columns: 1fr !important; }
    .baskan-wrapper { order: -1; }
    .tab-icerik-kutu { order: 0; }
    .anasayfa-hakkimizda-ust-satir { grid-template-columns: 1fr; }
    .sayac-cubugu.sayac-cubugu--4x2 .sayac-item {
        flex: 0 1 calc(50% - 10px);
        max-width: min(168px, calc(50% - 10px));
    }
    .anasayfa-hakkimizda-sol { text-align: center; }
    .anasayfa-hakkimizda-sol .hakkimizda-metin { text-align: justify; }

    .sayfa-layout { grid-template-columns: 1fr; }
    /* Dar ekranda sağ sütun da gizlenir (sol menü ile aynı mantık) */
    .sag-sidebar { display: none !important; }
    /* Slayt: mobilde dikey düzen */
    /* Mobilde slider yuksekligi icerige gore aksin */
    .dernek-slider-wrap { height: auto; }
    .dernek-slider-wrap .swiper-wrapper { height: auto; }
    .dernek-slider-slide { flex-direction: column !important; height: auto !important; min-height: 320px; }
    .dernek-slider-gorsel { flex: none; width: 100%; padding: 16px 16px 8px; }
    .dernek-slider-yazi { flex: none; width: 100%; padding: 20px 16px 24px; }
    .dernek-slider-baslik { font-size: 1.35rem; }
}
/* Çok küçük ekran: hızlı erişim 2 sütun, padding azalt */
@media (max-width: 576px) {
    .sayac-cubugu.sayac-cubugu--4x2 .sayac-item {
        flex: 0 1 calc(50% - 10px);
        max-width: 220px;
    }
    .hizli-erisim-bar .container,
    .hizli-erisim-bar-ic { grid-template-columns: repeat(2, 1fr) !important; gap: 12px !important; }
    .tab-butonlar { gap: 6px; padding: 8px 10px; }
    .tab-btn { padding: 8px 12px; font-size: 0.82rem; }
}

/* ===== FOOTER ===== */
.site-footer {
    margin-top: 0;
}

.footer-ust {
    background: var(--dernek-footer-bg, #2c2c2c);
    color: var(--dernek-footer-text-color, #ccc);
    padding: 50px 15px 30px;
    font-size: var(--dernek-footer-font-size, 16px);
    font-weight: var(--dernek-footer-font-weight, 400);
}

.footer-ust a {
    color: var(--dernek-footer-link-color, #ccc);
    text-decoration: none;
}

.footer-ust a:hover {
    color: var(--dernek-renk-1, #214f7b);
}

.footer-grid {
    display: grid;
    grid-template-columns: 1.5fr 1fr 1fr 1.2fr;
    gap: 40px;
    max-width: min(100%, var(--dernek-layout-max, 1680px));
    margin: 0 auto;
}

.footer-col {
    font-size: 0.9em;
    line-height: 1.6;
}

.footer-baslik {
    color: var(--dernek-footer-heading-color, #fff);
    font-size: 1rem;
    margin: 0 0 20px;
    padding-bottom: 10px;
    border-bottom: 2px solid var(--dernek-renk-1, #214f7b);
    text-transform: uppercase;
}

/* İletişim sütunu: logo/yazı ortada; çerçeve header ile aynı (footer’da .logo yok, kurallar burada tamamlanır) */
.footer-ust .footer-iletisim .footer-marka-logo {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin: 0 auto 24px;
    padding: 0 10px;
    box-sizing: border-box;
    line-height: normal;
}
.footer-ust .footer-marka-logo .custom-logo-link {
    display: inline-block;
    line-height: 0;
    text-align: center;
}
.footer-ust .footer-marka-logo img.custom-logo,
.footer-ust .footer-marka-logo .custom-logo {
    max-height: 52px;
    width: auto;
    height: auto;
    display: block;
    margin: 0 auto;
    filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.35));
}
.footer-ust .footer-marka-logo .custom-logo-link.dernek-custom-logo-tema-renk {
    display: block;
    margin: 0 auto;
    height: 52px;
    width: auto;
    aspect-ratio: var(--dernek-logo-w, 200) / var(--dernek-logo-h, 60);
    max-width: min(100%, 280px);
    filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.35));
}
.footer-ust .footer-marka-logo .dernek-custom-logo-tema-renk-yuzey {
    background-color: var(--dernek-renk-2, #2b6ea8);
}
.footer-ust .footer-marka-logo a.dernek-site-logo--metin {
    display: inline-block;
    max-width: min(100%, 400px);
    text-decoration: none;
    color: #c8ddf5;
    border: 2px solid rgba(200, 221, 245, 0.55);
    border-radius: 10px;
    padding: 8px 14px;
    background: transparent;
    box-shadow: none;
    text-align: center;
    transition: border-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}
.footer-ust .footer-marka-logo a.dernek-site-logo--metin:hover,
.footer-ust .footer-marka-logo a.dernek-site-logo--metin:focus {
    color: #fff;
    border-color: rgba(255, 255, 255, 0.65);
    text-decoration: none;
    box-shadow: 0 2px 14px rgba(0, 0, 0, 0.25);
}
.footer-ust .footer-marka-logo .dernek-site-logo-metin-icerik {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 2px;
    min-height: 2.5em;
    font-size: clamp(0.9rem, 2vw, 1.15rem);
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -0.02em;
    word-break: break-word;
    color: inherit;
}
.footer-ust .footer-marka-logo .dernek-site-logo-satir1,
.footer-ust .footer-marka-logo .dernek-site-logo-satir2 {
    display: block;
    width: 100%;
}
.footer-ust .footer-marka-logo .dernek-site-logo-satir2 {
    font-weight: 600;
    font-size: 0.92em;
    opacity: 0.9;
}
.footer-ust .footer-marka-logo .dernek-site-logo-satir2--bos {
    opacity: 0;
    font-size: 0.65em;
    line-height: 1;
    pointer-events: none;
}

.footer-iletisim p {
    margin: 0 0 12px;
}
.footer-iletisim .footer-iletisim-satir {
    display: flex;
    gap: 8px;
    align-items: flex-start;
}
.footer-iletisim .footer-iletisim-ikon {
    font-family: "dashicons" !important;
    font-size: 18px;
    line-height: 1.2;
    color: #d9e7f5;
    margin-top: 1px;
}

.footer-col ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.footer-col ul li {
    margin-bottom: 8px;
}

.footer-sosyal .sosyal-linkler {
    display: flex;
    gap: 12px;
    margin-bottom: 25px;
}

.sosyal-ikon {
    /* Footer sosyal ikonları: header ile uyumlu premium cam-kart görünümü */
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 10px;
    background: linear-gradient(145deg, rgba(255,255,255,0.2), rgba(255,255,255,0.04));
    border: 1px solid rgba(255,255,255,0.18);
    color: #ddd !important;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.28);
    transition: all 0.25s ease, box-shadow 0.3s ease;
}

.sosyal-ikon:hover {
    background: linear-gradient(145deg, var(--dernek-renk-1, #214f7b), var(--dernek-renk-1-koyu, #1a3e60));
    border-color: rgba(255, 255, 255, 0.32);
    color: #fff !important;
    transform: translateY(-2px) scale(1.04);
    box-shadow: 0 10px 20px rgba(236, 31, 38, 0.45);
}

.sosyal-ikon .dashicons {
    font-size: 20px;
    width: 20px;
    height: 20px;
    font-family: "dashicons" !important;
}
/* Footer sosyal: Dashicons olmayan platform ikon metni */
.sosyal-ikon-emoji {
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    color: inherit;
}
/* Footer sosyal: platforma göre marka tonlu premium hover */
.sosyal-ikon.sosyal-platform-facebook:hover { background: linear-gradient(145deg, #1877f2, #0f5dc2); box-shadow: 0 10px 20px rgba(24, 119, 242, 0.45); }
.sosyal-ikon.sosyal-platform-x_twitter:hover { background: linear-gradient(145deg, #1d1f23, #050505); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.5); }
.sosyal-ikon.sosyal-platform-instagram:hover { background: linear-gradient(145deg, #fd1d1d, #833ab4 55%, #fcb045); box-shadow: 0 10px 20px rgba(221, 42, 123, 0.45); }
.sosyal-ikon.sosyal-platform-linkedin:hover { background: linear-gradient(145deg, #0a66c2, #004182); box-shadow: 0 10px 20px rgba(10, 102, 194, 0.45); }
.sosyal-ikon.sosyal-platform-youtube:hover { background: linear-gradient(145deg, #ff0033, #c70028); box-shadow: 0 10px 20px rgba(255, 0, 51, 0.45); }
.sosyal-ikon.sosyal-platform-tiktok:hover { background: linear-gradient(145deg, #25f4ee, #fe2c55 55%, #111111); box-shadow: 0 10px 20px rgba(254, 44, 85, 0.45); }
.sosyal-ikon.sosyal-platform-whatsapp:hover { background: linear-gradient(145deg, #25d366, #128c7e); box-shadow: 0 10px 20px rgba(37, 211, 102, 0.45); }
.sosyal-ikon.sosyal-platform-telegram:hover { background: linear-gradient(145deg, #2aabee, #229ed9); box-shadow: 0 10px 20px rgba(42, 171, 238, 0.45); }
.sosyal-ikon.sosyal-platform-pinterest:hover { background: linear-gradient(145deg, #e60023, #b0001b); box-shadow: 0 10px 20px rgba(230, 0, 35, 0.45); }
.sosyal-ikon.sosyal-platform-snapchat:hover { background: linear-gradient(145deg, #fffc00, #f5da00); color: #151515 !important; box-shadow: 0 10px 20px rgba(255, 252, 0, 0.45); }
.sosyal-ikon.sosyal-platform-threads:hover { background: linear-gradient(145deg, #1b1b1b, #000000); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.45); }
.sosyal-ikon.sosyal-platform-discord:hover { background: linear-gradient(145deg, #5865f2, #3b43b5); box-shadow: 0 10px 20px rgba(88, 101, 242, 0.45); }
.sosyal-ikon.sosyal-platform-github:hover { background: linear-gradient(145deg, #333333, #111111); box-shadow: 0 10px 20px rgba(17, 17, 17, 0.45); }
.sosyal-ikon.sosyal-platform-medium:hover { background: linear-gradient(145deg, #00ab6c, #007b4f); box-shadow: 0 10px 20px rgba(0, 171, 108, 0.45); }
.sosyal-ikon.sosyal-platform-reddit:hover { background: linear-gradient(145deg, #ff4500, #d63a00); box-shadow: 0 10px 20px rgba(255, 69, 0, 0.45); }
/* Henüz sosyal hesap yoksa footer’daki kısa bilgi */
.footer-sosyal-bos {
    margin: 0 0 20px;
    color: #aaa;
    line-height: 1.45;
}
.footer-sosyal-bos strong {
    color: #ccc;
}

.footer-newsletter h5 {
    font-size: 0.9rem;
    margin: 0 0 8px;
    color: #fff;
}

.footer-newsletter p {
    font-size: 0.8rem;
    margin: 0 0 12px;
}
.footer-newsletter .newsletter-feedback {
    margin: 0 0 10px;
    padding: 8px 10px;
    border-radius: 6px;
    font-size: 0.82rem;
    line-height: 1.4;
}
.footer-newsletter .newsletter-feedback--ok {
    background: rgba(22, 163, 74, 0.16);
    color: #d2ffe1;
    border: 1px solid rgba(22, 163, 74, 0.38);
}
.footer-newsletter .newsletter-feedback--err {
    background: rgba(220, 38, 38, 0.16);
    color: #ffd7d7;
    border: 1px solid rgba(220, 38, 38, 0.38);
}

.newsletter-form {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.newsletter-form input {
    flex: 1;
    min-width: 180px;
    padding: 10px 12px;
    border: 1px solid #555;
    background: #333;
    color: #fff;
    border-radius: 4px;
}

.newsletter-form input::placeholder {
    color: #999;
}

.newsletter-form button {
    padding: 10px 20px;
    background: var(--dernek-renk-1, #214f7b);
    color: #fff;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-weight: 600;
}

.newsletter-form button:hover {
    background: var(--dernek-renk-1-koyu, #1a3e60);
}

.footer-istatistik {
    max-width: min(100%, var(--dernek-layout-max, 1680px));
    margin: 35px auto 0;
    padding-top: 25px;
    border-top: 1px solid #444;
    text-align: center;
}

.footer-istatistik h4 {
    font-size: 0.9rem;
    margin: 0 0 10px;
    color: #fff;
}

.istatistik-sayilar {
    display: flex;
    justify-content: center;
    gap: 30px;
    margin-bottom: 10px;
}

.site-haritasi-link {
    font-size: 0.85rem;
}

.footer-alt {
    background: #1a1a1a;
    padding: 15px;
    text-align: center;
}

.footer-alt p {
    margin: 0;
    font-size: 0.85rem;
    color: #888;
}

@media (max-width: 992px) {
    .footer-grid {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 576px) {
    .footer-grid {
        grid-template-columns: 1fr;
        gap: 25px;
    }
}

/* PAYLAŞIMLAR sayfaları: onaylı üye foto grid + video + üye yükleme alanı */
.paylasim-galeri-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 14px;
    margin-top: 24px;
}
.paylasim-galeri-kart img {
    width: 100%;
    height: 160px;
    object-fit: cover;
    border-radius: 8px;
    vertical-align: middle;
}
.paylasim-video-liste .paylasim-video-kutu {
    margin-bottom: 20px;
    max-width: 720px;
}
.paylasim-video-kutu video {
    width: 100%;
    border-radius: 8px;
    background: #111;
}
.paylasim-bos { color: #666; margin-top: 16px; }
.foto-album-bolum-section {
    margin-top: 40px;
    padding-top: 28px;
    border-top: 1px solid #e8e8e8;
    scroll-margin-top: 100px;
}
.foto-album-bolum-baslik {
    font-size: 1.25rem;
    margin: 0 0 6px;
    color: #1a1a1a;
}
.foto-album-bolum-meta {
    font-size: 0.88rem;
    color: #666;
    margin: 0 0 12px;
}
.foto-album-bolum-aciklama {
    font-size: 0.95rem;
    color: #444;
    line-height: 1.5;
    margin: 0 0 16px;
    max-width: 720px;
}

/* Foto Galeriler sayfası: albüm kartı (kapak + metin → popup galeri) */
.foto-galeriler-kart-izgara {
    display: grid;
    grid-template-columns: 1fr;
    gap: 22px;
    margin-top: 28px;
}
@media (min-width: 640px) {
    .foto-galeriler-kart-izgara {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media (min-width: 1100px) {
    .foto-galeriler-kart-izgara {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
.foto-galeri-ozet-kart {
    background: #fafafa;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.07);
    border: 1px solid #e8e8e8;
    transition: box-shadow 0.25s, transform 0.25s;
    scroll-margin-top: 100px;
}
.foto-galeri-ozet-kart:hover {
    box-shadow: 0 10px 28px rgba(33, 79, 123, 0.12);
    transform: translateY(-2px);
}
.foto-galeri-ozet-kart-link {
    display: block;
    color: inherit;
    text-decoration: none;
}
.foto-galeri-ozet-kapak {
    position: relative;
    aspect-ratio: 16 / 10;
    background: linear-gradient(135deg, #e8e8e8 0%, #ddd 100%);
    overflow: hidden;
}
.foto-galeri-ozet-kapak img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.foto-galeri-ozet-kapak-bos {
    width: 100%;
    height: 100%;
    min-height: 160px;
}
.foto-galeri-ozet-rozet {
    position: absolute;
    right: 10px;
    bottom: 10px;
    font-size: 0.68rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    padding: 5px 10px;
    border-radius: 6px;
    background: rgba(0, 0, 0, 0.65);
    color: #fff;
}
.foto-galeri-ozet-body {
    padding: 16px 16px 18px;
}
.foto-galeri-ozet-baslik {
    font-size: 1.05rem;
    margin: 0 0 6px;
    color: #1a1a1a;
    line-height: 1.3;
}
.foto-galeri-ozet-tarih {
    font-size: 0.82rem;
    color: var(--dernek-renk-1, #214f7b);
    font-weight: 600;
    margin: 0 0 10px;
}
.foto-galeri-ozet-aciklama {
    font-size: 0.9rem;
    color: #555;
    line-height: 1.5;
    margin: 0;
}
.foto-galeri-ozet-icerik-satir {
    margin: 0;
    padding: 0 16px 14px;
    font-size: 0.85rem;
}
.foto-galeri-ozet-icerik-satir a {
    color: var(--dernek-renk-1, #214f7b);
    font-weight: 600;
    text-decoration: none;
}
.foto-galeri-ozet-icerik-satir a:hover {
    text-decoration: underline;
}

.etkinlik-galeri-bolum {
    margin-top: 32px;
    padding-top: 24px;
    border-top: 1px solid #e8e8e8;
    scroll-margin-top: 100px;
}
.etkinlik-galeri-baslik { font-size: 1.2rem; margin: 0 0 14px; }
.medya-kart-tarih {
    display: block;
    font-size: 0.78rem;
    color: #888;
    margin-top: 4px;
    font-weight: 500;
}
.uye-paylasim-bolum { margin-top: 24px; padding-top: 20px; border-top: 1px solid #e5e5e5; }
.uye-paylasim-aciklama { font-size: 0.9rem; color: #555; }
.uye-paylasim-ok { color: #0a7a0a; }
.uye-paylasim-rozet { display: block; font-size: 0.7rem; color: #c60; margin-top: 4px; }

/* Kitap arşivi: giriş metni (liste = duyuru-etkinlik .duyuru-listesi / .dek-gorsel ile aynı) */
.kitap-tanitimlari-giris { color: #555; margin-bottom: 24px; max-width: 720px; }

/* Tekil kitap: öne çıkan görsel duyuru/etkinlikteki gibi .dek-inline-float-gorsel içinde; ek görseller aşağıda */
.kitap-ust-satir {
    display: flex;
    align-items: flex-start;
    gap: 18px;
    margin: 16px 0 18px;
    max-width: 920px;
}
.kitap-bilgi-kart {
    margin: 0;
    padding: 14px 16px;
    border: 1px solid #e8e8e8;
    border-radius: 8px;
    background: #fafafa;
    max-width: 720px;
    flex: 1 1 auto;
}
.kitap-bilgi-kart p {
    margin: 0 0 6px;
    color: #333;
}
.kitap-bilgi-kart p:last-child { margin-bottom: 0; }
.kitap-ust-kapak {
    width: 300px;
    flex: 0 0 300px;
}
.kitap-ust-kapak img {
    width: 100%;
    height: auto;
    border-radius: 8px;
    display: block;
}
.kitap-satin-al-wrap {
    margin: 16px 0 0;
    text-align: right;
}
.kitap-satin-al-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 140px;
}
.kitap-ek-galeri { margin-top: 36px; padding-top: 24px; border-top: 1px solid #e8e8e8; }
.kitap-ek-galeri-baslik { font-size: 1.15rem; margin-bottom: 12px; }
.kitap-ek-galeri-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
    gap: 10px;
    max-width: 720px;
}
.kitap-ek-galeri-kart {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    overflow: hidden;
    background: #eee;
    min-height: 100px;
    padding: 4px;
    box-sizing: border-box;
}
.kitap-ek-galeri-img {
    max-width: 100%;
    max-height: 120px;
    width: auto;
    height: auto;
    object-fit: contain;
    display: block;
}
.kitap-ek-dosyalar { margin-top: 28px; padding-top: 20px; border-top: 1px solid #e8e8e8; }
.kitap-ek-dosyalar-baslik { font-size: 1.1rem; margin-bottom: 10px; }
.kitap-ek-dosyalar-liste {
    margin: 0;
    padding-left: 20px;
    max-width: 720px;
}
.kitap-ek-dosyalar-liste li { margin-bottom: 6px; }
@media (max-width: 900px) {
    .kitap-ust-satir {
        flex-direction: column;
    }
    .kitap-ust-kapak {
        width: min(320px, 100%);
        flex-basis: auto;
    }
}
/* Videolar: YouTube grid (16:9) + kanal linki */
.videolar-alt-baslik { font-size: 1.25rem; margin: 32px 0 12px; padding-top: 24px; border-top: 1px solid #e5e5e5; }
.videolar-youtube-bolum .videolar-alt-baslik:first-of-type { margin-top: 16px; border-top: none; padding-top: 0; }
.videolar-kanal-link { margin-bottom: 20px; font-size: 0.95rem; }
.videolar-kanal-link a { color: #c00; font-weight: 600; }
/* Videolar sayfası üst içerik: kurulumda gelen 4 sütun (blok sütunlar) */
.videolar-sayfa .paylasim-ust-metin .wp-block-columns.dernek-videolar-4-sutun {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1.25rem;
    margin-bottom: 1.75rem;
}
.videolar-sayfa .paylasim-ust-metin .dernek-videolar-4-sutun > .wp-block-column { min-width: 0; }
.videolar-sayfa .paylasim-ust-metin .dernek-videolar-4-sutun .wp-block-heading {
    margin: 0 0 0.5rem;
    font-size: 0.95rem;
    font-weight: 700;
    color: #333;
}
.videolar-sayfa .paylasim-ust-metin .dernek-videolar-4-sutun .wp-block-video video,
.videolar-sayfa .paylasim-ust-metin .dernek-videolar-4-sutun .wp-block-video iframe {
    width: 100%;
    border-radius: 8px;
    vertical-align: bottom;
}
@media (max-width: 1024px) {
    .videolar-sayfa .paylasim-ust-metin .wp-block-columns.dernek-videolar-4-sutun {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media (max-width: 560px) {
    .videolar-sayfa .paylasim-ust-metin .wp-block-columns.dernek-videolar-4-sutun {
        grid-template-columns: 1fr;
    }
}
/* Gömülü grid: sunucu videosu (iframe ile aynı 16:9 kutu) */
.videolar-youtube-embed.videolar-embed--native {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    height: 0;
    background: #000;
}
.videolar-youtube-embed.videolar-embed--native video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 8px;
}
.medya-gorsel-placeholder--vimeo { background: linear-gradient(145deg, #1ab7ea 0%, #162221 100%); }
.videolar-youtube-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 320px), 1fr));
    gap: 24px;
}
.videolar-youtube-kart { background: #111; border-radius: 10px; overflow: hidden; }
.videolar-youtube-embed {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    height: 0;
    background: #000;
}
.videolar-youtube-embed iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
.videolar-youtube-baslik {
    font-size: 0.95rem;
    font-weight: 600;
    line-height: 1.35;
    margin: 0;
    padding: 12px 14px;
    color: #fff;
    background: #1a1a1a;
}
.videolar-yt-bos { margin-top: 16px; }
.videolar-uye-bolum { margin-top: 28px; }

/* KVKK: Çerez onay banner’ı — sayfa altında sabit şerit */
.dernek-cerez-banner {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 99999;
    background: #1a1a1a;
    color: #eee;
    padding: 14px 20px;
    box-shadow: 0 -2px 12px rgba(0,0,0,.25);
}
.dernek-cerez-banner-inner {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
}
.dernek-cerez-banner-metin {
    margin: 0;
    font-size: 0.9rem;
    flex: 1;
    min-width: 200px;
}
.dernek-cerez-banner-metin a {
    color: #8ae;
    text-decoration: underline;
}
.dernek-cerez-banner-kabul {
    padding: 10px 22px;
    background: #c00;
    color: #fff;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-weight: 600;
    white-space: nowrap;
}
.dernek-cerez-banner-kabul:hover {
    background: #a00;
}

/* Kenar çubuğu yer değişimi (Görünüm → Başlık düzenle) — üç sütun (anasayfa vb.) */
body.dernek-sidebar-swap .sayfa-layout > .sol-sidebar-wrap {
    order: 3;
}
body.dernek-sidebar-swap .sayfa-layout > .sayfa-ana {
    order: 2;
}
body.dernek-sidebar-swap .sayfa-layout > .sag-sidebar {
    order: 1;
}
/* İç sayfa (sağ aside yok): kenar çubuğu swap menüyü sağa itmesin — sol sütun solda kalsın */
body.dernek-sidebar-swap .sayfa-layout:not(:has(aside.sag-sidebar)) > .sol-sidebar-wrap {
    order: 1;
}
body.dernek-sidebar-swap .sayfa-layout:not(:has(aside.sag-sidebar)) > .sayfa-ana {
    order: 2;
}
body.dernek-sidebar-swap .front-uc-sutun > .sol-sidebar-wrap {
    order: 3;
}
body.dernek-sidebar-swap .front-uc-sutun > .tab-icerik-kutu {
    order: 2;
}
body.dernek-sidebar-swap .front-uc-sutun > .sag-sidebar {
    order: 1;
}

.logo .custom-logo-link {
    display: inline-block;
    line-height: 0;
}
/* Logo yok: iki satır site adı, çerçeve tema 1. rengi */
.logo a.dernek-site-logo--metin {
    display: inline-block;
    max-width: min(100%, 400px);
    text-decoration: none;
    color: var(--dernek-renk-1, #214f7b);
    border: 2px solid color-mix(in srgb, var(--dernek-renk-1, #214f7b) 50%, transparent);
    border-radius: 10px;
    padding: 8px 14px;
    background: transparent;
    box-shadow: none;
    transition: border-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}
.logo a.dernek-site-logo--metin:hover,
.logo a.dernek-site-logo--metin:focus {
    color: var(--dernek-renk-1-koyu, #1a3e60);
    border-color: color-mix(in srgb, var(--dernek-renk-1-koyu, #1a3e60) 65%, transparent);
    text-decoration: none;
    box-shadow: 0 2px 12px color-mix(in srgb, var(--dernek-renk-1, #214f7b) 14%, transparent);
}
.logo .dernek-site-logo-metin-icerik {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 2px;
    min-height: 2.5em;
    font-size: clamp(0.95rem, 2.2vw, 1.25rem);
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -0.02em;
    word-break: normal;
    overflow-wrap: break-word;
}
.logo .dernek-site-logo-satir1,
.logo .dernek-site-logo-satir2 {
    display: block;
    width: 100%;
}
.logo .dernek-site-logo-satir2 {
    font-weight: 600;
    font-size: 0.92em;
    opacity: 0.92;
}
.logo .dernek-site-logo-satir2--bos {
    opacity: 0;
    font-size: 0.65em;
    line-height: 1;
    pointer-events: none;
}
.logo .custom-logo {
    max-height: 56px;
    width: auto;
    height: auto;
}

.top-bar-tel--yer-tutucu {
    cursor: default;
    text-decoration: none;
    opacity: 0.92;
}

.baskan-karti-resim {
    width: 100%;
    max-height: min(52vh, 420px);
    border-radius: 4px;
    margin-bottom: 10px;
    object-fit: cover;
    object-position: center top;
    aspect-ratio: 4 / 5;
    background: #eee;
}
.baskan-karti-unvan {
    font-size: 0.85rem;
    color: var(--dernek-renk-1, #214f7b);
    margin: 5px 0;
}
.baskan-karti-detay {
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    font-size: 0.85rem;
}

.dernek-alt-carousel-baslik {
    text-align: center;
    font-size: 0.95rem;
    color: #555;
    margin: 0 0 12px;
    font-weight: 600;
}
.lise-emblem-placeholder--buyuk {
    width: 72px;
    height: 72px;
    font-size: 1.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    background: linear-gradient(145deg, #f0f0f0, #ddd);
    border-radius: 8px;
    color: #888;
}
.dernek-sol-sidebar-yardim {
    font-size: 0.8rem;
    color: #666;
    margin: 0 0 12px;
    line-height: 1.4;
}
.dernek-ornek-liste .sidebar-widget-item--ornek {
    cursor: default;
    opacity: 0.95;
}
.dernek-ornek-liste-not {
    margin: 8px 0 0;
    color: #777;
}
.anasayfa-aidat-bos {
    margin: 0 0 16px;
    color: #555;
    line-height: 1.5;
}
.dernek-sekme-bos-icerik p {
    color: #555;
    line-height: 1.5;
}
.hakkimizda-metin p:first-child {
    margin-top: 0;
}

/* —— Üye girişi modal (ön yüz) —— */
body.dernek-giris-popup-open {
    overflow: hidden;
}
.dernek-giris-popup {
    position: fixed;
    inset: 0;
    z-index: 100000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    box-sizing: border-box;
}
.dernek-giris-popup[hidden] {
    display: none !important;
}
.dernek-giris-popup__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(15, 23, 42, 0.55);
    cursor: pointer;
}
.dernek-giris-popup__dialog {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 400px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 22px 50px rgba(0, 0, 0, 0.22);
    padding: 24px 22px 20px;
    max-height: calc(100vh - 40px);
    overflow: auto;
}
.dernek-giris-popup__kapat {
    position: absolute;
    top: 8px;
    right: 10px;
    border: none;
    background: transparent;
    font-size: 28px;
    line-height: 1;
    cursor: pointer;
    color: #64748b;
    padding: 4px 8px;
    border-radius: 6px;
}
.dernek-giris-popup__kapat:hover,
.dernek-giris-popup__kapat:focus {
    color: #0f172a;
    background: #f1f5f9;
}
.dernek-giris-popup__baslik {
    margin: 0 28px 14px 0;
    font-size: 1.35rem;
    font-weight: 700;
    color: var(--dernek-header-heading-color, #1d2430);
}
.dernek-giris-popup__err {
    margin: 0 0 12px;
    padding: 10px 12px;
    background: #fef2f2;
    border: 1px solid #fecaca;
    border-radius: 8px;
    color: #991b1b;
    font-size: 0.9rem;
}
.dernek-giris-popup__label {
    display: block;
    font-size: 0.85rem;
    font-weight: 600;
    color: #334155;
    margin: 0 0 4px;
}
.dernek-giris-popup__input {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    margin: 0 0 12px;
    padding: 10px 12px;
    font-size: 16px;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
}
.dernek-giris-popup__input:focus {
    outline: none;
    border-color: var(--dernek-renk-1, #214f7b);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--dernek-renk-1, #214f7b) 22%, transparent);
}
.dernek-giris-popup__remember {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 16px;
    font-size: 0.9rem;
    color: #475569;
    cursor: pointer;
}
.dernek-giris-popup__submit {
    width: 100%;
    padding: 12px 16px;
    font-size: 1rem;
    font-weight: 600;
    color: #fff;
    background: var(--dernek-renk-1, #214f7b);
    border: none;
    border-radius: 8px;
    cursor: pointer;
}
.dernek-giris-popup__submit:hover:not(:disabled) {
    filter: brightness(1.05);
}
.dernek-giris-popup__submit:disabled {
    opacity: 0.65;
    cursor: wait;
}
.dernek-giris-popup__alt {
    margin: 16px 0 0;
    padding-top: 14px;
    border-top: 1px solid #e2e8f0;
    font-size: 0.9rem;
    display: flex;
    flex-wrap: wrap;
    gap: 10px 16px;
    align-items: center;
    justify-content: center;
}
.dernek-giris-popup__kayit {
    font-weight: 600;
    color: var(--dernek-renk-1, #214f7b);
}
.dernek-giris-popup__lost {
    color: #64748b;
}
.dernek-giris-konuk-icerik {
    padding: 1rem 0 2rem;
}

/* —— Ziyaretçi duyuru pop-up (Genel Ayarlar) —— */
body.dernek-ziyaretci-duyuru-open {
    overflow: hidden;
}
.dernek-ziyaretci-popup {
    position: fixed;
    inset: 0;
    z-index: 100001;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 18px;
    box-sizing: border-box;
}
.dernek-ziyaretci-popup[hidden] {
    display: none !important;
}
.dernek-ziyaretci-popup__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(15, 23, 42, 0.5);
    cursor: pointer;
}
.dernek-ziyaretci-popup__dialog {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 520px;
    max-height: min(90vh, 640px);
    overflow: auto;
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.2);
    padding: 20px 20px 18px;
}
.dernek-ziyaretci-popup__x {
    position: absolute;
    top: 6px;
    right: 8px;
    border: none;
    background: transparent;
    font-size: 1.75rem;
    line-height: 1;
    cursor: pointer;
    color: #64748b;
    padding: 6px 10px;
    border-radius: 8px;
}
.dernek-ziyaretci-popup__x:hover,
.dernek-ziyaretci-popup__x:focus {
    color: #0f172a;
    background: #f1f5f9;
}
.dernek-ziyaretci-popup__gorsel {
    margin: 0 0 14px;
    text-align: center;
}
.dernek-ziyaretci-popup__img {
    max-width: 100%;
    height: auto;
    border-radius: 10px;
    display: inline-block;
    vertical-align: middle;
}
.dernek-ziyaretci-popup__baslik {
    margin: 0 36px 10px 0;
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--dernek-header-heading-color, #1d2430);
    line-height: 1.3;
}
.dernek-ziyaretci-popup__icerik {
    font-size: 0.95rem;
    line-height: 1.55;
    color: #334155;
}
.dernek-ziyaretci-popup__icerik p {
    margin: 0 0 0.75em;
}
.dernek-ziyaretci-popup__icerik p:last-child {
    margin-bottom: 0;
}
.dernek-ziyaretci-popup__footer {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    justify-content: flex-end;
    margin-top: 18px;
    padding-top: 14px;
    border-top: 1px solid #e2e8f0;
}
.dernek-ziyaretci-popup__link.button {
    text-decoration: none;
}

/* Yerel kalıcı düzeltme: dar Gutenberg içerik genişliği + üstte istenmeyen boşluk */
html,
body {
    width: 100%;
    max-width: 100%;
}
body .wp-site-blocks,
body #page,
body .site {
    width: 100%;
    max-width: 100%;
    margin: 0;
}
body .top-bar,
body .main-header,
body .title-bar {
    margin-top: 0;
}
body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)),
body .wp-block-post-content.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
    max-width: 100%;
}