/*
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.5.10
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;
    /* Site genel gövde tipografisi: Tipografi panelinden gelen dinamik değişkenler. */
    font-size: var(--dernek-site-font-size, 16px);
    line-height: var(--dernek-site-line-height, 1.6);
    min-height: 100vh;
    width: 100%;
}
h1, h2, h3, h4, h5, h6 { font-weight: 700 !important; }
/* Başlık hiyerarşisi: paneldeki başlık ölçeğine göre H1-H6 boyutları dinamik hesaplanır. */
h1 { font-size: calc(var(--dernek-site-font-size, 16px) * var(--dernek-heading-scale, 1.2) * 1.9); line-height: 1.2; }
h2 { font-size: calc(var(--dernek-site-font-size, 16px) * var(--dernek-heading-scale, 1.2) * 1.6); line-height: 1.25; }
h3 { font-size: calc(var(--dernek-site-font-size, 16px) * var(--dernek-heading-scale, 1.2) * 1.35); line-height: 1.3; }
h4 { font-size: calc(var(--dernek-site-font-size, 16px) * var(--dernek-heading-scale, 1.2) * 1.2); line-height: 1.35; }
h5 { font-size: calc(var(--dernek-site-font-size, 16px) * var(--dernek-heading-scale, 1.2) * 1.1); line-height: 1.35; }
h6 { font-size: calc(var(--dernek-site-font-size, 16px) * var(--dernek-heading-scale, 1.2)); line-height: 1.4; }
/* Paragraf boşluğu: içerik bloklarında satır kümelerini panelden okunur seviyede ayarla. */
p { margin-top: 0; margin-bottom: var(--dernek-paragraph-spacing, 16px); }
/* 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 {
    /* Ana içerik metinlerini gövde font ölçeğine göre bir kademe büyüt. */
    font-size: calc(var(--dernek-site-font-size, 16px) * 1.04);
}

/* ========== 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 – Tek arka plan + görsel (sade) ========== */
.dernek-slider-duyuru {
    background: var(--dernek-renk-1, #214f7b) !important;
    width: 100% !important;
    padding: 40px 20px !important;
    margin: 0 !important;
    overflow: hidden;
    position: relative;
}

.dernek-slider-wrap {
    width: 100%;
    max-width: min(100%, var(--dernek-layout-max, 1680px));
    height: auto;
    margin: 0 auto;
    position: relative;
    background: transparent;
    box-shadow: none;
    border: 0;
    border-radius: 0;
    overflow: hidden;
}
.dernek-slider-wrap .swiper-wrapper {
    height: auto;
}

/**
 * Ana slayt satırı: önceki .swiper-slide { flex; align-items:center } görsel ile yazı yüksekliğini ayırıyordu.
 * Izgara + 1600x900 oranı: sol görsel kutusu ile sağ yazı kutusu aynı genişlikte ve aynı piksel yüksekliğinde.
 */
.dernek-slider-duyuru .swiper-slide.dernek-slider-slide {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    align-items: start;
    gap: clamp(16px, 2.2vw, 28px);
    width: 100% !important;
    height: auto !important;
    min-height: 0;
    padding: 0 clamp(12px, 4vw, 5%) !important;
    box-sizing: border-box;
    background: transparent !important;
}

.dernek-slider-gorsel {
    min-width: 0;
    width: 100%;
    aspect-ratio: 1600 / 900;
    position: relative;
    box-sizing: border-box;
    padding: 0;
}

/* Görsel kutusu ile birebir aynı 16:9; taşan kısım kırpılır */
.dernek-slider-gorsel img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 12px;
    border: 2px solid rgba(255, 255, 255, 0.45);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.35);
    display: block;
    z-index: 1;
}

/* Dış çerçeve: genişlikten türeyen sabit 16:9 yükseklik; içerik kutuyu büyütemez */
.dernek-slider-yazi {
    min-width: 0;
    width: 100%;
    aspect-ratio: 1600 / 900;
    box-sizing: border-box;
    background: rgba(0, 0, 0, 0.2);
    color: #fff;
    padding: 0;
    overflow: hidden;
    position: relative;
    border: 2px solid rgba(255, 255, 255, 0.7);
    border-radius: 12px;
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.22), inset 0 0 0 1px rgba(255, 255, 255, 0.06);
}

.dernek-slider-yazi-inner {
    height: 100%;
    min-height: 0;
    box-sizing: border-box;
    padding: clamp(14px, 2vw, 26px) clamp(16px, 2.2vw, 30px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 10px;
}

.dernek-slider-yazi-inner .dernek-slider-baslik {
    margin: 0;
    flex-shrink: 0;
}

.dernek-slider-yazi-inner .dernek-slider-ozet {
    margin: 0;
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.dernek-slider-yazi-inner .dernek-slider-btn {
    margin: 0;
    flex-shrink: 0;
    align-self: flex-start;
}

.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);
}

/* CTA buton: görsel kartı ve yazı çerçevesiyle aynı outline (1px rgba(255,255,255,0.3) + 12px radius) */
.dernek-slider-btn {
    background: linear-gradient(145deg, #1a1a1a 0%, #000 100%);
    color: #fff !important;
    padding: 12px 26px;
    text-decoration: none;
    border-radius: 12px;
    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.3);
    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;
}

/* ========== 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;
}

/* Anasayfa orta sekme listesi: sol küçük görsel, sağ başlık+özet, alt satırda tarih + bordo pill (kuleliler anasayfa referansı) */
.tab-icerik-satir {
    display: flex;
    align-items: flex-start;
    gap: 16px 18px;
    margin: 0;
    padding: 16px 0;
    border-bottom: 1px solid #e8e8e8;
}
.tab-icerik-satir:first-of-type {
    padding-top: 4px;
}
.tab-icerik-satir:last-of-type {
    border-bottom: none;
    padding-bottom: 4px;
}

.tab-gorsel-link {
    flex: 0 0 100px;
    min-width: 100px;
    line-height: 0;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
}

.tab-kucuk-gorsel {
    display: block;
    width: 100px;
    height: 75px;
    min-width: 100px;
    min-height: 75px;
    object-fit: cover;
    border-radius: 8px;
}

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

.tab-ozet {
    margin: 0.4rem 0 0.5rem;
    font-size: 0.86rem;
    line-height: 1.5;
    color: #5a5a5a;
    text-align: left;
}

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

.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: 700;
    font-size: 1.02rem;
    line-height: 1.3;
    color: #1a1a1a;
    text-decoration: none;
    display: block;
    text-align: left;
}

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

/* "Devamını oku" — bordo / bürünc pill (referans sitedeki maroon buton) */
.tab-devam-link {
    display: inline-flex;
    align-items: center;
    gap: 0.25em;
    margin: 0;
    margin-left: auto;
    flex-shrink: 0;
    padding: 0.35rem 0.75rem;
    font-size: 0.72rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    line-height: 1.2;
    text-decoration: none !important;
    color: #fff !important;
    background: linear-gradient(135deg, #6d2838 0%, #8b3244 100%);
    border: none;
    border-radius: 999px;
    box-shadow: 0 2px 8px rgba(109, 40, 56, 0.25);
    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(109, 40, 56, 0.35);
    filter: brightness(1.05);
}
.tab-devam-link:focus-visible {
    outline: 2px solid #8b3244;
    outline-offset: 2px;
}
.tab-devam-link:active {
    transform: translateY(0);
    box-shadow: 0 1px 5px rgba(109, 40, 56, 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;
}

/* Arşiv kartı: “Devamını oku” ile “Kayıt ol” yan yana */
.dek-kart-aksiyonlar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px 18px;
    margin: 0;
}

.dek-link--kayit {
    font-weight: 600;
}

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

/* Tekil etkinlik: üye “Kayıt ol” + başarı mesajı + harici takvim bağlantıları */
.dernek-etkinlik-kayit {
    margin-top: 28px;
    padding: 20px 22px;
    border: 1px solid #e4e4e4;
    border-radius: 10px;
    background: #fafafa;
}

.dernek-etkinlik-kayit__baslik {
    margin: 0 0 14px;
    font-size: 1.2rem;
    color: #222;
}

.dernek-etkinlik-kayit__mesaj {
    margin: 0 0 14px;
    padding: 10px 12px;
    border-radius: 6px;
    line-height: 1.5;
}

.dernek-etkinlik-kayit__mesaj--ok {
    background: #e8f6ee;
    border: 1px solid #b8dfc8;
    color: #1e5c33;
}

.dernek-etkinlik-kayit__mesaj--info {
    background: #eef4fb;
    border: 1px solid #c5d8ec;
    color: #214f7b;
}

.dernek-etkinlik-kayit__mesaj--uyari {
    background: #fff6e5;
    border: 1px solid #e8c98a;
    color: #6a4a00;
}

.dernek-etkinlik-kayit__giris,
.dernek-etkinlik-kayit__uyari {
    margin: 0 0 12px;
    color: #444;
    line-height: 1.55;
}

.dernek-etkinlik-kayit__btn.button {
    display: inline-block;
    padding: 10px 20px;
    border-radius: 6px;
}

.dernek-etkinlik-kayit__takvim {
    margin-top: 16px;
    padding-top: 14px;
    border-top: 1px solid #e0e0e0;
}

.dernek-etkinlik-kayit__takvim-aciklama {
    margin: 0 0 10px;
    font-weight: 600;
    color: #333;
}

.dernek-etkinlik-kayit__takvim-liste {
    margin: 0;
    padding-left: 1.2em;
    line-height: 1.8;
}

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

.dernek-etkinlik-kayit__takvim-link:hover {
    text-decoration: underline;
}

/* Sol sidebar: mini etkinlik takvimi (Takvim metabox / başlangıç tarihine göre gün hücreleri) */
.dernek-sidebar-etkinlik-takvim {
    margin-bottom: 18px;
}

/* Ay oklarıyla REST güncelleme sırasında kartı karartır (çift tıklama / yavaş ağ) */
.dernek-sidebar-etkinlik-takvim[aria-busy="true"] {
    opacity: 0.58;
    pointer-events: none;
}

/* Kart üstü: "Etkinlik Takvimi" — diğer sidebar kart başlıklarıyla uyumlu üst çizgi + büyük harf */
.dernek-sidebar-etkinlik-takvim__kutu-baslik {
    margin: 0 0 14px;
    padding-bottom: 8px;
    border-bottom: 2px solid #000;
    font-size: 1rem;
    font-weight: 800;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    line-height: 1.25;
    color: inherit;
}

/* Ay/yıl h3: genel .card h3 alt çizgisini burada tekrarlamayız (üstte zaten kart başlığı var) */
.dernek-sidebar-etkinlik-takvim__ust .dernek-sidebar-etkinlik-takvim__baslik {
    border-bottom: none !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
    text-transform: none;
    letter-spacing: 0.02em;
    font-weight: 700 !important;
}

.dernek-sidebar-etkinlik-takvim__ust {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 10px;
}

.dernek-sidebar-etkinlik-takvim__baslik {
    margin: 0;
    font-size: 1rem;
    text-align: center;
    flex: 1;
}

.dernek-sidebar-etkinlik-takvim__nav {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 6px;
    background: #f0f4f8;
    color: var(--dernek-renk-1, #214f7b);
    font-weight: 700;
    text-decoration: none;
    line-height: 1;
}

.dernek-sidebar-etkinlik-takvim__nav:hover {
    background: #e2eaf3;
}

.dernek-sidebar-etkinlik-takvim__grid {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.72rem;
    table-layout: fixed;
}

.dernek-sidebar-etkinlik-takvim__grid th {
    padding: 4px 2px;
    color: #666;
    font-weight: 600;
    text-align: center;
}

/* Tutarlı hizalama: etkinlik günü rakamı + daire için ortalanmış hücre */
.dernek-sidebar-etkinlik-takvim__grid td {
    border: 1px solid #e8e8e8;
    vertical-align: middle;
    padding: 3px 2px 4px;
    min-height: 44px;
    background: #fff;
    position: relative;
}

.dernek-sidebar-etkinlik-takvim__bos {
    background: #fafafa;
}

/* Eski mavi zemini kaldırdık; vurgu yalnız kırmızı daire + popup ile */
.dernek-sidebar-etkinlik-takvim__gun.has-events {
    background: #fff;
}

.dernek-sidebar-etkinlik-takvim__gun-no {
    display: block;
    font-weight: 700;
    color: #333;
}

/* Hover/focus alanı: alt padding köprüsü — popup ile rakam arasında boşlukta fare çıkınca .hit hover düşmez */
.dernek-sidebar-etkinlik-takvim__hit {
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    min-height: 2em;
    padding-bottom: 14px;
    border-radius: 6px;
    outline: none;
    cursor: default;
}

/* Etkinlik günü: dolu kırmızı daire + beyaz rakam */
.dernek-sidebar-etkinlik-takvim__gun-no--marker {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.7em;
    min-height: 1.7em;
    padding: 0;
    margin: 0 auto;
    box-sizing: border-box;
    border-radius: 50%;
    border: 2px solid #b71c1c;
    background: #c62828;
    color: #ffffff;
    font-weight: 800;
    line-height: 1;
    font-size: 0.92em;
}

/* Etkinlik özeti kutusu — yalnız hover veya klavyede odaktayken görünür */
.dernek-sidebar-etkinlik-takvim__popup {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    /* hit kutusunun altına yapışır; margin ile hafif üst üste binme — fare popup’a geçerken boşlukta hover kaybı olmasın */
    top: 100%;
    margin-top: -6px;
    left: 50%;
    transform: translateX(-50%) translateY(6px);
    z-index: 120;
    min-width: 200px;
    max-width: min(280px, 85vw);
    padding: 0;
    transition: opacity 0.16s ease, transform 0.16s ease, visibility 0.16s;
    pointer-events: none;
}

.dernek-sidebar-etkinlik-takvim__hit:hover .dernek-sidebar-etkinlik-takvim__popup,
.dernek-sidebar-etkinlik-takvim__hit:focus-within .dernek-sidebar-etkinlik-takvim__popup {
    visibility: visible;
    opacity: 1;
    transform: translateX(-50%) translateY(0);
    pointer-events: auto;
}

.dernek-sidebar-etkinlik-takvim__popup-inner {
    padding: 10px 12px;
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    box-shadow: 0 8px 28px rgba(15, 23, 42, 0.18);
    text-align: left;
    font-size: 0.85rem;
    line-height: 1.4;
}

.dernek-sidebar-etkinlik-takvim__popup-ev + .dernek-sidebar-etkinlik-takvim__popup-ev {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #eef0f3;
}

.dernek-sidebar-etkinlik-takvim__popup-baslik {
    display: block;
    margin: 0 0 4px;
    font-size: 0.9rem;
    color: #1a1a1a;
}

.dernek-sidebar-etkinlik-takvim__popup-saat {
    display: block;
    margin: 0 0 6px;
    font-size: 0.72rem;
    color: #5c6570;
    font-weight: 600;
}

.dernek-sidebar-etkinlik-takvim__popup-link {
    display: inline-block;
    font-size: 0.74rem;
    font-weight: 700;
    color: var(--dernek-renk-1, #214f7b);
    text-decoration: none;
}

.dernek-sidebar-etkinlik-takvim__popup-link:hover,
.dernek-sidebar-etkinlik-takvim__popup-link:focus {
    text-decoration: underline;
}

@media (prefers-reduced-motion: reduce) {
    .dernek-sidebar-etkinlik-takvim__popup {
        transition: none;
    }
}

.dernek-sidebar-etkinlik-takvim__footer {
    margin: 10px 0 0;
    text-align: right;
}

/* Anasayfa sekme kutusu: 2. referans görseldeki gibi sade beyaz panel ve ince çerçeve kullanır. */
.tab-icerik-kutu {
    border: 1px solid #ececec;
    padding: 16px 18px 18px;
    border-radius: 8px;
    background: #fff;
    box-shadow: none;
}
/* Anasayfa sekme şeridi: mobilde yatay kaydırma + yan oklar (.tab-butonlar-wrap) */
.tab-butonlar-wrap {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 14px;
    min-width: 0;
}
.tab-butonlar-wrap .tab-butonlar {
    flex: 1;
    min-width: 0;
    margin-bottom: 0;
}
.tab-sekme-scroll {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    padding: 0;
    margin: 0;
    border: 2px solid color-mix(in srgb, var(--dernek-renk-1, #c62828) 42%, #cfd4dc);
    border-radius: 50%;
    background: #fff !important;
    color: var(--dernek-renk-1, #c62828) !important;
    cursor: pointer;
    box-shadow: 0 2px 10px rgba(15, 23, 42, 0.12), 0 1px 2px rgba(15, 23, 42, 0.06) !important;
    transition: background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, opacity 0.2s ease;
}
.tab-sekme-scroll:hover:not(:disabled) {
    background: color-mix(in srgb, var(--dernek-renk-1, #c62828) 12%, #fff) !important;
    border-color: var(--dernek-renk-1, #c62828);
    color: var(--dernek-renk-1-koyu, #b71c1c) !important;
    box-shadow: 0 4px 14px color-mix(in srgb, var(--dernek-renk-1, #c62828) 22%, transparent), 0 1px 2px rgba(15, 23, 42, 0.08) !important;
}
.tab-sekme-scroll:focus-visible {
    outline: 0;
    box-shadow: 0 2px 10px rgba(15, 23, 42, 0.12), 0 0 0 3px color-mix(in srgb, var(--dernek-renk-1, #c62828) 35%, transparent) !important;
}
.tab-sekme-scroll:disabled {
    opacity: 0.42;
    cursor: default;
    border-color: #d5d8de;
    color: #8b9099 !important;
    box-shadow: 0 1px 4px rgba(15, 23, 42, 0.06) !important;
}
.tab-sekme-scroll__ikon {
    font-size: 1.75rem;
    font-weight: 800;
    line-height: 1;
    margin-top: -3px;
    color: inherit;
}
@media (min-width: 993px) {
    .tab-sekme-scroll {
        display: none !important;
    }
    .tab-butonlar-wrap {
        gap: 0;
    }
}

/* Sekme satırı: gri kapsül zemin yerine düz beyaz satır; sadece aktif sekme pill görünür. */
.tab-butonlar {
    display: flex;
    gap: 10px;
    margin-bottom: 14px;
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    background: transparent;
    padding: 0;
    border-radius: 0;
    border: 0;
    box-shadow: none;
}
.tab-butonlar::-webkit-scrollbar { height: 5px; }
.tab-butonlar::-webkit-scrollbar-thumb { background: #c4c4c4; border-radius: 3px; }
/* Sekme butonu temel reset: tarayıcı default border/appearance etkisini kaldırıp görünümü tekleştirir. */
.tab-butonlar .sekme-tusu {
    appearance: none !important;
    -webkit-appearance: none !important;
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    color: #232833 !important;
    padding: 11px 14px;
    border-radius: 999px;
    font-size: 1.05rem;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1.2;
    box-shadow: none !important;
    cursor: pointer;
    flex-shrink: 0;
    white-space: nowrap;
    transition: color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
}
/* Pasif sekme: düz metin görünümüyle kalır; kırmızı kutu yalnızca aktif sekmede görünür. */
.tab-butonlar .sekme-tusu:not(.tab-active) {
    background: transparent !important;
    color: #232833 !important;
    box-shadow: none !important;
}
.tab-butonlar .sekme-tusu:not(.tab-active):hover {
    background: rgba(0, 0, 0, 0.04) !important;
    color: #111827 !important;
}
/* Aktif sekme: 2. görseldeki kırmızı oval pill ve beyaz kalın yazı görünümü. */
.tab-butonlar .sekme-tusu.tab-active {
    background: var(--dernek-renk-1, #c62828) !important;
    background-image: none !important;
    border: 0 !important;
    color: #fff !important;
    font-weight: 700;
    font-size: 1.05rem;
    letter-spacing: 0;
    padding: 11px 20px;
    box-shadow: 0 8px 20px color-mix(in srgb, var(--dernek-renk-1, #c62828) 28%, transparent);
}
.tab-butonlar .sekme-tusu.tab-active:hover {
    background: var(--dernek-renk-1-koyu, #b71c1c) !important;
    color: #fff !important;
    box-shadow: 0 10px 24px color-mix(in srgb, var(--dernek-renk-1, #c62828) 34%, transparent);
}
/* 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-yazilari-sayfa .kose-yazi-arsiv-link {
    display: flex;
    gap: 14px;
    text-decoration: none;
    color: inherit;
    align-items: flex-start;
}
.kose-yazi-arsiv-kart {
    margin-bottom: 16px;
    padding: 14px;
    border: 1px solid #e5e5e5;
    border-radius: 8px;
    background: #fff;
}
.kose-yazi-arsiv-baslik {
    font-size: 1.1rem;
    margin: 0 0 6px;
    color: #222;
}
.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;
}
/* Devre listesi: varsayılan kapalı, özet satırı tıklanınca açılır (<details>) */
.sehitlerimiz-devre-detay {
    margin: 8px 0 20px;
    border: 1px solid #d8dee6;
    border-radius: 10px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 2px 10px rgba(15, 23, 42, 0.06);
}
.sehitlerimiz-devre-ozet {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 14px;
    padding: 14px 16px;
    margin: 0;
    cursor: pointer;
    list-style: none;
    font-size: 1rem;
    font-weight: 700;
    color: #1a1a1a;
    background: linear-gradient(180deg, #f6f8fb 0%, #eef1f6 100%);
    user-select: none;
}
.sehitlerimiz-devre-ozet::-webkit-details-marker {
    display: none;
}
.sehitlerimiz-devre-ozet::marker {
    content: '';
}
.sehitlerimiz-devre-ozet-baslik {
    flex: 1 1 auto;
    min-width: 0;
    line-height: 1.35;
}
.sehitlerimiz-devre-ozet-hint {
    font-size: 0.82rem;
    font-weight: 600;
    color: #64748b;
}
.sehitlerimiz-devre-ozet-ok {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 6px;
    background: #fff;
    border: 1px solid #cbd5e1;
    transition: transform 0.2s ease;
}
.sehitlerimiz-devre-ozet-ok::after {
    content: '\25BE';
    font-size: 0.75rem;
    line-height: 1;
    color: #475569;
}
.sehitlerimiz-devre-detay[open] .sehitlerimiz-devre-ozet-ok {
    transform: rotate(180deg);
}
.sehitlerimiz-devre-detay[open] .sehitlerimiz-devre-ozet {
    border-bottom: 1px solid #e2e8f0;
}
.sehitlerimiz-devre-panel-body {
    padding: 14px 14px 16px;
    background: #fff;
}
.sehitlerimiz-devre-panel-body .sehitlerimiz-devre-linkler {
    margin-bottom: 0;
}
.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;
}
/* Tekil kitap: öne çıkan görsel duyuru ile aynı float düzeni, sabit 250px genişlik */
.single-kitap-icerik .dek-inline-float-gorsel {
    max-width: 250px;
}
/* Tekil kitap üst özet (tek şablonda .kitap-tekil-bilgi) — ana sütun genişliğini kullanır (42rem dar bırakıyordu) */
.kitap-tekil-bilgi {
    margin: 12px 0 20px;
    padding: 14px 18px;
    max-width: 100%;
    border-radius: 12px;
    border: 1px solid rgba(0, 0, 0, 0.06);
    border-left: 4px solid var(--dernek-renk-1, #214f7b);
    background: #fff;
    box-shadow: 0 2px 12px rgba(15, 23, 42, 0.05);
    font-size: 0.95rem;
    line-height: 1.55;
    color: #334155;
}
.kitap-tekil-bilgi p {
    margin: 0.4rem 0;
}
.kitap-tekil-bilgi p:first-child {
    margin-top: 0;
}
.kitap-tekil-bilgi p:last-child {
    margin-bottom: 0;
}
.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;
    }
    /* Mobilde kitap kapağı 250px kalsın (genel 380px override etmesin) */
    .single-kitap-icerik .dek-inline-float-gorsel {
        max-width: 250px;
    }
    .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;
}
/* Anasayfa Hakkımızda: mobilde ilk paragraf + Devamını oku */
.hakkimizda-metin--collapsible .hakkimizda-metin-onizleme > :last-child {
    margin-bottom: 0;
}
.hakkimizda-metin--collapsible .hakkimizda-metin-devam-btn {
    display: none;
    align-items: center;
    justify-content: center;
    gap: 0.25em;
    margin: 14px auto 0;
    padding: 0.45rem 1.1rem;
    font-size: 0.88rem;
    font-weight: 700;
    border: 0;
    border-radius: 999px;
    cursor: pointer;
    background: var(--dernek-renk-1, #c62828) !important;
    color: #fff !important;
    box-shadow: 0 4px 14px color-mix(in srgb, var(--dernek-renk-1, #c62828) 28%, transparent);
    transition: background 0.2s ease, box-shadow 0.2s ease;
}
.hakkimizda-metin--collapsible .hakkimizda-metin-devam-btn:hover {
    background: var(--dernek-renk-1-koyu, #b71c1c) !important;
    color: #fff !important;
}
.hakkimizda-metin--collapsible .hakkimizda-metin-devami {
    margin-top: 14px;
}
.hakkimizda-metin--collapsible .hakkimizda-metin-devami > :first-child {
    margin-top: 0;
}
@media (max-width: 992px) {
    .hakkimizda-metin--collapsible:not(.is-open) .hakkimizda-metin-devami {
        display: none !important;
    }
    .hakkimizda-metin--collapsible .hakkimizda-metin-devam-btn {
        display: inline-flex !important;
    }
}
@media (min-width: 993px) {
    .hakkimizda-metin--collapsible .hakkimizda-metin-devam-btn {
        display: none !important;
    }
}
.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;
}
/* Sol sütun «Tümünü Gör»: gradient yerine Devamını oku ile aynı tek renk (tema 1 + hover koyu) */
.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: var(--dernek-renk-1, #214f7b) !important;
    background-image: none !important;
    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, background 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);
    background: var(--dernek-renk-1-koyu, #1a3e60) !important;
    background-image: none !important;
    filter: none !important;
}

/* İç 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;
}
/* 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;
}

/* Anasayfa Aidat: tek Ödeme Ayarları kartı üç sütunlu ızgarada daralmesin */
.anasayfa-aidat-banka-listesi--tek.banka-bilgileri-coklu-izgara {
    grid-template-columns: 1fr !important;
    max-width: 100%;
}
.anasayfa-aidat-banka-listesi--tek .banka-bilgileri-izgara-hucre {
    max-width: 100%;
}
@media (max-width: 900px) {
    .anasayfa-aidat-grid {
        grid-template-columns: 1fr;
    }
}
.anasayfa-banka-link {
    display: inline-block;
    margin-top: 16px;
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--dernek-renk-1, #214f7b);
    text-decoration: none;
}
.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-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;
}
/* Tek kart (meta veya tek Ödeme satırı): ortada */
.banka-bilgileri-sayfa-layout--tek-kart .banka-bilgileri-coklu-izgara {
    grid-template-columns: 1fr !important;
    justify-items: center;
    max-width: 560px;
    margin-left: auto;
    margin-right: auto;
}
.banka-bilgileri-sayfa-layout--tek-kart .banka-bilgileri-izgara-hucre {
    width: 100%;
    max-width: min(100%, 560px);
}
.banka-bilgileri-sayfa-layout--tek-kart:not(.banka-bilgileri-sayfa-layout--coklu) .banka-bilgileri-tek-kart-sarmal {
    display: flex;
    justify-content: center;
    width: 100%;
}
.banka-bilgileri-sayfa-layout--tek-kart:not(.banka-bilgileri-sayfa-layout--coklu) .banka-bilgileri-tek-kart-sarmal > .banka-hesap-karti-wrap {
    width: 100%;
    max-width: min(100%, 560px);
}
/* Birden fazla hesap: sayfada 2 sütun (mobilde tek) */
.banka-bilgileri-sayfa-layout--iki-kolon .banka-bilgileri-coklu-izgara {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
@media (max-width: 600px) {
    .banka-bilgileri-sayfa-layout--iki-kolon .banka-bilgileri-coklu-izgara {
        grid-template-columns: 1fr !important;
    }
}
.banka-bilgileri-coklu-izgara {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
    width: 100%;
    margin: 0 auto 28px;
}
.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 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media (max-width: 600px) {
    .banka-bilgileri-coklu-izgara {
        grid-template-columns: 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-alt-not {
    margin: 28px 0 0;
    padding: 16px 18px;
    font-size: 0.95rem;
    line-height: 1.55;
    color: #374151;
    text-align: center;
    background: #fffdf9;
    border: 1px solid rgba(236, 31, 38, 0.22);
    border-radius: 12px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04);
}
@media (max-width: 768px) {
    .sayfa-ana .banka-bilgileri-sayfa-icerik.sayfa-icerik {
        padding: 22px 16px 28px;
        border-radius: 12px;
    }
}

/* 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: row;
    flex-wrap: wrap;
    align-items: center;
    column-gap: 12px;
    row-gap: 12px;
    padding-bottom: 10px;
}
.banka-iban .banka-etiket {
    flex: 0 0 auto;
}
.banka-iban-kod {
    display: block;
    flex: 1 1 0;
    min-width: 0;
    background: #f5f5f5;
    padding: 10px 14px;
    border-radius: 8px;
    font-family: "Consolas", "Monaco", monospace;
    font-size: 0.95rem;
    letter-spacing: 0.5px;
    color: #1a1a1a;
    white-space: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    word-break: normal;
}
.banka-iban .banka-kopya-btn {
    flex: 0 0 100%;
    width: 100%;
    box-sizing: border-box;
}
.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[disabled] {
    cursor: default;
    opacity: 0.9;
}
.banka-kopya-btn.basarili {
    background: linear-gradient(135deg, #1f7a44 0%, #155f33 100%);
}
.banka-kopya-btn.hatali {
    background: linear-gradient(135deg, #a32626 0%, #7a1b1b 100%);
}
.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;
}
/* Mezun rehberi: üye listesi üstünde AJAX süzgeçleri (sektör, şehir, yıl, unvan, kan) */
.uye-liste-rehber-filtre {
    margin-bottom: 20px;
    padding: 18px 18px 8px;
    border-radius: 12px;
    border: 1px solid #e8ecf1;
    background: linear-gradient(180deg, #fafbfd 0%, #ffffff 100%);
}
.uye-liste-rehber-filtre-baslik {
    margin: 0 0 12px;
    font-size: 1rem;
    font-weight: 700;
    color: #1e293b;
}
.uye-liste-rehber-filtre-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
    gap: 12px 14px;
    align-items: end;
}
.uye-liste-rehber-filtre-grup {
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.uye-liste-rehber-filtre-grup label {
    font-size: 0.78rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: #64748b;
}
.uye-liste-rehber-filtre-grup select,
.uye-liste-rehber-filtre-grup input[type="text"] {
    width: 100%;
    padding: 9px 10px;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    font-size: 0.9rem;
    background: #fff;
}
.uye-liste-rehber-filtre-grup select:focus,
.uye-liste-rehber-filtre-grup input[type="text"]:focus {
    outline: none;
    border-color: var(--dernek-renk-1, #214f7b);
    box-shadow: 0 0 0 2px rgba(33, 79, 123, 0.12);
}
.uye-liste-rehber-sonuc {
    margin: 10px 0 12px;
    font-size: 0.88rem;
    color: #475569;
}
/* Üye profili: networking / mezun rehberi kart ızgarası */
.uye-profil-rehber-wrap {
    margin: 24px 0;
}
.uye-profil-rehber-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 14px;
}
.uye-profil-rehber-kart {
    padding: 16px 16px 14px;
    border-radius: 12px;
    border: 1px solid #e2e8f0;
    background: #fff;
    box-shadow: 0 2px 10px rgba(15, 23, 42, 0.05);
}
.uye-profil-rehber-kart-baslik {
    margin: 0 0 10px;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--dernek-renk-1, #214f7b);
}
.uye-profil-rehber-kart dl {
    margin: 0;
}
.uye-profil-rehber-kart dt {
    margin: 10px 0 2px;
    font-size: 0.78rem;
    color: #64748b;
}
.uye-profil-rehber-kart dd {
    margin: 0;
    font-size: 0.95rem;
    color: #0f172a;
    line-height: 1.45;
}
.uye-profil-rehber-etiketler {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}
.uye-profil-rehber-etiket {
    display: inline-block;
    padding: 4px 10px;
    border-radius: 999px;
    font-size: 0.8rem;
    background: #f1f5f9;
    color: #334155;
}
.uye-profil-rehber-kvkk-not {
    margin: 0 0 12px;
    font-size: 0.88rem;
    color: #64748b;
}
.uye-profil-rehber-form .form-row {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 16px;
}
.uye-profil-rehber-form .form-group {
    flex: 1 1 220px;
}
.uye-profil-rehber-form .uye-profil-rehber-gizlilik {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    font-size: 0.88rem;
    color: #475569;
}

/* Ü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;
    /* Tekil üye sayfası: başlık metni tema 1. rengi */
    color: var(--dernek-renk-1, #214f7b);
}
.uye-profil-duzen-alt-baslik {
    margin: 20px 0 12px;
    font-size: 0.95rem;
    font-weight: 700;
    color: var(--dernek-renk-1, #214f7b);
}
.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;
}

/* Dönem (Kuleli dışı okullar): JS ve ilk yüklemede gizlenir */
.uye-profil-duzen-donem.dernek-mezuniyet-donem-gizli,
p.uye-mezuniyet-donem-satir.dernek-mezuniyet-donem-gizli {
    display: none !important;
}

.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 */
/* Sarmalayıcı tipografi: Montserrat şablonda yüklenir; site gövdesinin fontuna müdahale edilmez */
.dernek-uye-kimlik-karti-wrap {
    margin: 0 0 24px;
    /* Kart bloğunu kendi eniyle sınırla; yazdır butonu sağdaki foto bloğuna taşmasın. */
    width: min(85.6mm, 100%);
    max-width: 100%;
    font-family: "Montserrat", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}
.dernek-uye-kimlik-karti-ust {
    display: flex;
    /* Yazdır butonu kartın altında, orta hizada görünür. */
    justify-content: center;
    margin-top: 10px;
    margin-bottom: 0;
}
.dernek-uye-kimlik-karti-yazdir {
    padding: 8px 18px;
    font-size: 0.88rem;
}

/* Kimlik kartı 3D çevirme: dış kutu oranı korur, iç yüzeyler preserve-3d ile döner */
.dernek-uye-kimlik-karti-flip.card-flip {
    width: 85.6mm;
    max-width: 100%;
    aspect-ratio: 85.6 / 53.98;
    perspective: 1100px;
    outline: none;
}
.dernek-uye-kimlik-karti-flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transform-style: preserve-3d;
    transition: transform 0.65s cubic-bezier(0.4, 0.2, 0.2, 1);
}
/* İnce işaretçü: fareyle üzerine gelince arka yüzü göster (dokunmatikte kapalı) */
@media (hover: hover) and (pointer: fine) {
    .dernek-uye-kimlik-karti-flip.card-flip:not(.is-flipped):hover .dernek-uye-kimlik-karti-flip-inner {
        transform: rotateY(180deg);
    }
}
/* Tıklama / «Kartı Çevir» ile kalıcı arka yüz */
.dernek-uye-kimlik-karti-flip.card-flip.is-flipped .dernek-uye-kimlik-karti-flip-inner {
    transform: rotateY(180deg);
}
.dernek-uye-kimlik-karti-flip .dernek-uye-kimlik-karti__card-front.dernek-uye-kimlik-karti,
.dernek-uye-kimlik-karti-flip .dernek-uye-kimlik-karti__card-back.dernek-uye-kimlik-karti {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    max-width: none;
    aspect-ratio: auto;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}
.dernek-uye-kimlik-karti-flip .dernek-uye-kimlik-karti__card-back.dernek-uye-kimlik-karti {
    transform: rotateY(180deg);
}
/* Dokunmatik / dar ekran: çevirme düğmesi */
.dernek-uye-kimlik-karti-flip-mobil {
    display: none;
    justify-content: center;
    margin-top: 10px;
}
@media (max-width: 782px), (hover: none) {
    .dernek-uye-kimlik-karti-flip-mobil {
        display: flex;
    }
}
.dernek-uye-kimlik-karti-cevir {
    padding: 8px 16px;
    font-size: 0.85rem;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}
.dernek-uye-kimlik-karti-cevir__ikon {
    font-size: 1.1rem;
    line-height: 1;
}

/*
 * Kimlik kartı arka yüz (şablon: uye-kimlik-karti.php).
 * Punto değişkenleri (--arka-*): .dernek-uye-kimlik-karti--arka kökünde; sağ metin PDF örnek sayfası (255×170 pt) ile ID-1 mm ölçeği eşlenerek ayarlandı.
 */
/* Arka üst şerit (logo + DERNEK TANITIM…) HTML’den kaldırıldı; ilgili kurallar silindi — tam yüzey arka plan şablonda. */
/* Arka tam yüz zemin katmanı (şablonda ilk çocuk): PNG/gradyan; flip+backface-hidden dış kutuda arka planı kesen motorlar için ayrı katman + translateZ */
.dernek-uye-kimlik-karti.dernek-uye-kimlik-karti--arka .dernek-uye-kimlik-karti__arkaTamZemin {
    position: absolute;
    inset: 0;
    z-index: 0;
    border-radius: inherit;
    pointer-events: none;
    transform: translateZ(1px);
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    /* Tam opak zemin (rgba/opacity ile solmayacak) */
    opacity: 1;
}
/* Arka yüz sağ sütun: üst/sağ iç boşluk + altta bina silüeti için rezerv (kesilme önlemi); dikey ortalama kaldırıldı */
.dernek-uye-kimlik-karti.dernek-uye-kimlik-karti--arka .dernek-uye-kimlik-karti__arkaSagMetin {
    position: absolute;
    top: var(--arka-sag-inset-ust, 2mm);
    right: var(--arka-sag-inset-sag, 2.2mm);
    bottom: var(--arka-sag-inset-alt, 11.5mm);
    left: var(--arka-sag-kolon-sol, 43%);
    z-index: 2;
    max-width: var(--arka-sag-kolon-max, 40mm);
    padding: var(--arka-sag-ic-ust, 0.35mm) 0 var(--arka-sag-ic-alt, 0.25mm) var(--arka-sag-pad-iç, 1.2mm);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    gap: var(--arka-sag-satir-gap, 0.42mm);
    margin: 0;
    color: #fff;
    font-size: var(--arka-sag-satir-font, 2.05mm);
    line-height: var(--arka-sag-satir-lh, 1.16);
    font-weight: 400;
    text-align: left;
    /* Referans PDF: Türkçe tirelemede «l» artefaktı oluşmasın */
    hyphens: none;
    overflow-wrap: anywhere;
    word-break: break-word;
    text-shadow: 0 0.1mm 0.45mm rgba(0, 0, 0, 0.45);
    pointer-events: none;
    min-height: 0;
    overflow: hidden;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
}
/* Uyarı paragrafı: iletişim satırlarıyla aynı punto ve ağırlık */
.dernek-uye-kimlik-karti.dernek-uye-kimlik-karti--arka .dernek-uye-kimlik-karti__arkaSagMetin-giris {
    margin: 0 0 var(--arka-sag-giris-mar-alt, 0.55mm);
    font-size: var(--arka-sag-satir-font, 2.05mm);
    line-height: var(--arka-sag-satir-lh, 1.16);
    font-weight: 400;
    flex-shrink: 0;
}
/* Etiket + değer: iki sütun hizalı; uzun adres satır kırar */
.dernek-uye-kimlik-karti.dernek-uye-kimlik-karti--arka .dernek-uye-kimlik-karti__arkaSagMetin-satir {
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    column-gap: 0.45mm;
    row-gap: 0.12mm;
    font-size: var(--arka-sag-satir-font, 2.05mm);
    line-height: var(--arka-sag-satir-lh, 1.16);
    flex-shrink: 0;
}
.dernek-uye-kimlik-karti.dernek-uye-kimlik-karti--arka .dernek-uye-kimlik-karti__arkaSagMetin-etiket {
    flex: 0 0 auto;
    font-weight: 400;
    margin-right: 0;
    min-width: 5.4mm;
}
.dernek-uye-kimlik-karti.dernek-uye-kimlik-karti--arka .dernek-uye-kimlik-karti__arkaSagMetin-deger {
    flex: 1 1 12mm;
    min-width: 0;
    font-weight: 400;
}
.dernek-uye-kimlik-karti.dernek-uye-kimlik-karti--arka .dernek-uye-kimlik-karti__arkaSagMetin-link {
    pointer-events: auto;
    color: inherit;
    font-weight: 400;
    font-size: inherit;
    text-decoration: underline;
}
/* WhatsApp satırı: ikon + numara yan yana; Tel etiketi yok — tam genişlikte hizalı */
.dernek-uye-kimlik-karti.dernek-uye-kimlik-karti--arka .dernek-uye-kimlik-karti__arkaSagMetin-satir--wa {
    align-items: center;
    column-gap: 0.55mm;
    flex-wrap: wrap;
}
.dernek-uye-kimlik-karti.dernek-uye-kimlik-karti--arka .dernek-uye-kimlik-karti__arkaSagMetin-wa-ikon {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #25d366;
    line-height: 0;
}
.dernek-uye-kimlik-karti.dernek-uye-kimlik-karti--arka .dernek-uye-kimlik-karti__arkaSagMetin-wa-ikon svg {
    display: block;
    width: 3.1mm;
    height: 3.1mm;
}
.dernek-uye-kimlik-karti.dernek-uye-kimlik-karti--arka .dernek-uye-kimlik-karti__arkaSagMetin-deger--wa {
    flex: 1 1 auto;
    min-width: 0;
}
/* E-posta / web satırları: yazılı etiket yok — beyaz ikon + değer (WhatsApp satırıyla aynı hizalama mantığı) */
.dernek-uye-kimlik-karti.dernek-uye-kimlik-karti--arka .dernek-uye-kimlik-karti__arkaSagMetin-satir--ikon-eposta,
.dernek-uye-kimlik-karti.dernek-uye-kimlik-karti--arka .dernek-uye-kimlik-karti__arkaSagMetin-satir--ikon-web {
    align-items: center;
    column-gap: 0.55mm;
    flex-wrap: wrap;
}
.dernek-uye-kimlik-karti.dernek-uye-kimlik-karti--arka .dernek-uye-kimlik-karti__arkaSagMetin-ikon {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    line-height: 0;
    opacity: 0.95;
}
.dernek-uye-kimlik-karti.dernek-uye-kimlik-karti--arka .dernek-uye-kimlik-karti__arkaSagMetin-ikon svg {
    display: block;
    width: 3.1mm;
    height: 3.1mm;
}
.dernek-uye-kimlik-karti.dernek-uye-kimlik-karti--arka .dernek-uye-kimlik-karti__arkaSagMetin-deger--ikon-satir {
    flex: 1 1 auto;
    min-width: 0;
}
/* Tel + WhatsApp + e-posta + web: tek blokta 7px sağa kaydırma (önce 4px + 3px); iç gap üst sütunla aynı */
.dernek-uye-kimlik-karti.dernek-uye-kimlik-karti--arka .dernek-uye-kimlik-karti__arkaSagMetin-iletisim-grup {
    padding-left: 7px;
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: var(--arka-sag-satir-gap, 0.42mm);
}
/*
 * Üst uyarı ile Adres/Tel satırları: global tema (article p, .entry-content) font(px) ile
 * mm ölçeğini bozmasın; tek punto + sola hizalı (justify geniş aralık yapmasın).
 */
.dernek-uye-kimlik-karti.dernek-uye-kimlik-karti--arka .dernek-uye-kimlik-karti__arkaSagMetin p,
.dernek-uye-kimlik-karti.dernek-uye-kimlik-karti--arka .dernek-uye-kimlik-karti__arkaSagMetin span,
.dernek-uye-kimlik-karti.dernek-uye-kimlik-karti--arka .dernek-uye-kimlik-karti__arkaSagMetin a {
    font-size: var(--arka-sag-satir-font, 2.05mm) !important;
    font-weight: 400 !important;
    line-height: var(--arka-sag-satir-lh, 1.16) !important;
    text-align: left !important;
}
body.single-uye .dernek-uye-kimlik-karti-wrap .dernek-uye-kimlik-karti--arka .dernek-uye-kimlik-karti__arkaSagMetin p,
body.single-uye .dernek-uye-kimlik-karti-wrap .dernek-uye-kimlik-karti--arka .dernek-uye-kimlik-karti__arkaSagMetin span,
body.single-uye .dernek-uye-kimlik-karti-wrap .dernek-uye-kimlik-karti--arka .dernek-uye-kimlik-karti__arkaSagMetin a {
    font-size: var(--arka-sag-satir-font, 2.05mm) !important;
    font-weight: 400 !important;
    line-height: var(--arka-sag-satir-lh, 1.16) !important;
    text-align: left !important;
}
/*
 * Orta alan: hafif şeffaf beyaz — alttaki tam kart görseli görünsün (önceki %78 zemini neredeyse tamamen maskeliyordu).
 */
.dernek-uye-kimlik-karti__arkaOrta {
    flex: 1 1 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 0;
    position: relative;
    z-index: 1;
    background: rgba(255, 255, 255, 0.4);
    overflow: hidden;
}
/* Sol metin + sağ QR: iki sütunu birbirine göre dikey ortalı */
.dernek-uye-kimlik-karti__arkaGovde {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 16mm;
    gap: 0.55mm 0.85mm;
    align-items: center;
    padding: 0.45mm 1.55mm 0.35mm;
    box-sizing: border-box;
}
/* Ön yüz .dernek-uye-kimlik-karti__alan ile aynı satır aralığı */
.dernek-uye-kimlik-karti__arkaSol {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 0.48mm;
    min-width: 0;
    padding-bottom: 0;
}
/*
 * Arka orta: ön yüz __satir / __etiket / __kutu — etiket zoom’u (ön yüz min. font) burada sıfırlanır.
 * Punto: --arka-orta-metin-font / --arka-orta-uyari-font.
 */
.dernek-uye-kimlik-karti.dernek-uye-kimlik-karti--arka .dernek-uye-kimlik-karti__arkaSol .dernek-uye-kimlik-karti__etiket-olcek {
    zoom: 1;
    line-height: 1.12;
}
@supports not (zoom: 1) {
    .dernek-uye-kimlik-karti.dernek-uye-kimlik-karti--arka .dernek-uye-kimlik-karti__arkaSol .dernek-uye-kimlik-karti__etiket-olcek {
        transform: none;
        display: block;
    }
}
.dernek-uye-kimlik-karti.dernek-uye-kimlik-karti--arka .dernek-uye-kimlik-karti__arkaSol .dernek-uye-kimlik-karti__etiket {
    font-size: var(--arka-orta-metin-font, 2.85mm) !important;
    font-weight: 500;
    color: #4b5563;
    line-height: 1.18;
}
.dernek-uye-kimlik-karti.dernek-uye-kimlik-karti--arka .dernek-uye-kimlik-karti__arkaSol .dernek-uye-kimlik-karti__kutu {
    font-size: var(--arka-orta-metin-font, 2.85mm) !important;
    line-height: 1.22 !important;
    color: #111827;
    font-variant-numeric: tabular-nums;
}
/* Uyarı: etiket sütunu yok — tam genişlik sarmalayıcı */
.dernek-uye-kimlik-karti__arkaUyariKutu-olcek {
    width: 100%;
    min-width: 0;
}
/* Uyarı kutusu: turuncu/kırmızı metin ortada (--arka-orta-uyari-font) */
.dernek-uye-kimlik-karti.dernek-uye-kimlik-karti--arka .dernek-uye-kimlik-karti__arkaSol .dernek-uye-kimlik-karti__kutu--arka-uyari {
    font-size: var(--arka-orta-uyari-font, 2.95mm) !important;
    font-weight: 700 !important;
    color: #b91c1c !important;
    background: #fef2f2;
    border-color: #fecaca;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    justify-content: center;
}
/* Uzun e-posta: kutuda satır kırılması */
.dernek-uye-kimlik-karti.dernek-uye-kimlik-karti--arka .dernek-uye-kimlik-karti__kutu--arka-eposta {
    word-break: break-all;
}
/* QR sütunu: metin bloğu ile aynı dikey ortada */
.dernek-uye-kimlik-karti__arkaSag {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-self: center;
    flex-shrink: 0;
    width: 16mm;
    min-width: 16mm;
    padding-bottom: 0;
    box-sizing: border-box;
}
.dernek-uye-kimlik-karti__arkaQr {
    display: block;
    width: 100%;
    max-width: 14.5mm;
    height: auto;
    aspect-ratio: 1;
    object-fit: contain;
    border-radius: 0.8mm;
    background: #fff;
    padding: 0.35mm;
    box-sizing: border-box;
    border: 0.12mm solid #e5e7eb;
}
/*
 * Arka alt şerit: tek slogan satırı; punto --arka-ust-baslik-font (--kimlik-ust-baslik-mm).
 */
.dernek-uye-kimlik-karti__arkaAltSerit {
    flex-shrink: 0;
    margin: 0;
    padding: 0.35mm 1.4mm 0.45mm;
    border-top: 0.12mm solid #e5e7eb;
    position: relative;
    z-index: 1;
    background: rgba(255, 255, 255, 0.72);
    text-align: center;
    box-sizing: border-box;
    min-width: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: center;
}
/* Slogan: DERNEK TANITIM BELGESİ ile aynı mm punto (kalın, koyu metin) */
.dernek-uye-kimlik-karti__arkaAltSerit-motto {
    margin: 0;
    padding: 0;
    width: 100%;
    box-sizing: border-box;
    font-family: inherit;
    font-size: var(--arka-ust-baslik-font, 4.95mm) !important;
    font-weight: 700;
    line-height: 1.15 !important;
    letter-spacing: 0.02em;
    color: #111827;
    text-align: center;
    word-break: break-word;
}

.dernek-uye-kimlik-karti {
    /* İç çizgi çerçevesi yok (::after kaldırıldı); yalnızca gölge + köşe yuvarlaklığı */
    /* Üst şerit iki satır punto (--arka ile ortak) */
    --kimlik-ust-baslik-mm: 4.95mm;
    --kimlik-ust-alt-mm: 3.4mm;
    /* 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;
    position: relative;
    border-radius: 3.18mm;
    box-shadow: 0 4px 16px rgba(15, 23, 42, 0.12);
    border: none;
    background: #fff;
    /* Kart yüzeyi: geometrik sans (Montserrat); şablonda yoksa sistem yığınına düşer */
    font-family: "Montserrat", 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;
}

/*
 * Arka yüz: --arka-* değişkenleri burada tanımlanır (doğrudan üstteki .dernek-uye-kimlik-karti ile aynı öğede birleşir).
 * Düzenlenecek tek blok budur; var() çocuklarda bu kökten miras alır.
 */
.dernek-uye-kimlik-karti.dernek-uye-kimlik-karti--arka {
    /* Alt şerit: ön yüz .footer-adi / .footer-line ile aynı mm */
    --arka-footer-ad-font: 1.55mm;
    --arka-footer-govde-font: 1.4mm;
    /* Alt slogan punto: --arka-ust-baslik-font (--kimlik-ust-baslik-mm ile kökten) */
    --arka-ust-baslik-font: var(--kimlik-ust-baslik-mm, 4.95mm);
    --arka-ust-uyari-font: var(--kimlik-ust-alt-mm, 3.4mm);
    --arka-orta-metin-font: 2.85mm;
    --arka-orta-uyari-font: 2.95mm;
    /*
     * Sağ metin: kart yüksekliği içinde kalır; altta PNG’deki bina için inset.
     * Arka sağ blok metin punto: uyarı + Adres/Tel/Eposta/web (--arka-sag-satir-font).
     */
    --arka-sag-kolon-sol: 43%;
    --arka-sag-kolon-max: 40mm;
    --arka-sag-inset-ust: 2mm;
    --arka-sag-inset-sag: 2.2mm;
    --arka-sag-inset-alt: 11.5mm;
    --arka-sag-pad-iç: 1.2mm;
    --arka-sag-ic-ust: 0.35mm;
    --arka-sag-ic-alt: 0.25mm;
    --arka-sag-satir-gap: 0.42mm;
    --arka-sag-giris-font: 2.12mm;
    --arka-sag-giris-lh: 1.2;
    --arka-sag-giris-mar-alt: 0.55mm;
    /* Arka sağ sütun tek punto (uyarı + iletişim) */
    --arka-sag-satir-font: 2.50mm;
    --arka-sag-satir-lh: 1.16;
    /* Zemin `__arkaTamZemin` katmanında; üstteki isolation: isolate ile 3D birleşimde arka plan kaybolmasın */
    isolation: auto;
    background-color: transparent;
    padding: 0;
    /* Referans PDF: kenardan içe parlak yeşil hat (dış gölge korunur) */
    box-shadow: 0 4px 16px rgba(15, 23, 42, 0.12), inset 0 0 0 0.32mm #a3e635;
}
/* Ön yüz üst şerit: yazdırmada mavi/tema rengi korunsun */
.dernek-uye-kimlik-karti__header {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    gap: 1.8mm;
    padding: 1.75mm 2.85mm;
    background: #2563eb;
    color: #fff;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
}
/* Üst şerit logosu: PDF — 1px iç boşluk + 1px beyaz hat; köşeler yuvarlatılmış */
.dernek-uye-kimlik-karti__logo {
    flex-shrink: 0;
    max-height: 10mm;
    max-width: 28mm;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1px;
    border: 1px solid #fff;
    box-sizing: border-box;
    border-radius: 3px;
    overflow: hidden;
}
/* Logo dosyası yokken: aynı çerçeve + yer tutucu alanı da yuvarlak */
.dernek-uye-kimlik-karti__logo--bos {
    background: transparent;
    border: 1px solid #fff;
    padding: 1px;
    min-width: 9mm;
    min-height: 6.5mm;
    max-width: 11mm;
    box-sizing: border-box;
    border-radius: 3px;
    overflow: hidden;
}
.dernek-uye-kimlik-karti__logo-img {
    max-height: 8.8mm;
    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: var(--kimlik-ust-baslik-mm, 4.95mm);
    font-weight: 700;
    letter-spacing: 0.09em;
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.dernek-uye-kimlik-karti__title-sub {
    margin-top: 0.3mm;
    font-size: var(--kimlik-ust-alt-mm, 3.4mm);
    font-weight: 500;
    letter-spacing: 0.06em;
    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.45mm 2.5mm 0.85mm;
    background: #fff;
    overflow: hidden;
}

/*
 * Ön yüz Kuleli filigranı: uye-kimlik-karti.php PNG’yi bulursa `card-front` üzerinde inline background yazar (öncelikli).
 * Şablon/Görsel yolu boşsa veya body sınıfı farklıysa bu kural yedek; üst şerit/logo kurallarıyla aynı çift seçici mantığı.
 */
body.single-uye .dernek-uye-kimlik-karti__card-front.card-front,
.sayfa-icerik.uye-profil .dernek-uye-kimlik-karti__card-front.card-front,
.dernek-uye-kimlik-karti-wrap .dernek-uye-kimlik-karti__card-front.card-front {
    background:
        linear-gradient(rgba(255, 255, 255, 0.62), rgba(255, 255, 255, 0.74)),
        url("images/kimlik-on-yuz-arka-plan-kuleli.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

body.single-uye .dernek-uye-kimlik-karti__card-front .dernek-uye-kimlik-karti__body {
    background: transparent;
    /* Vesikalık sütunu daralt; üstten metin bloğu ile hizala (stretch kapalı) */
    align-items: start;
    grid-template-columns: minmax(0, 1fr) 19mm;
}

/*
 * Vesikalık: küçültülmüş kutu, ADI-SOYADI ilk satırıyla üst hizada.
 */
body.single-uye .dernek-uye-kimlik-karti__card-front .dernek-uye-kimlik-karti__foto-wrap {
    align-self: start;
}
body.single-uye .dernek-uye-kimlik-karti__card-front .dernek-uye-kimlik-karti__foto-slot {
    flex: 0 0 auto;
    height: 21mm;
    max-height: 21mm;
}
/* QR varken vesikalık biraz küçülür; bu adımda foto daha büyük görünür */
body.single-uye .dernek-uye-kimlik-karti__card-front .dernek-uye-kimlik-karti__foto-wrap--qr .dernek-uye-kimlik-karti__foto-slot {
    height: 20mm;
    max-height: 20mm;
}

/*
 * Ön yüz sağ sütun (değer) kutuları: gri dolgu yok — şeffaf; arka plandaki Kuleli görünsün.
 * İnce yarı saydam çerçeve metin alanını hâlâ okunaklı ayırır.
 */
body.single-uye .dernek-uye-kimlik-karti__card-front .dernek-uye-kimlik-karti__kutu {
    background: transparent;
    border-color: rgba(229, 231, 235, 0.5);
    box-shadow: none;
}
.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;
}
/* QR’lı ön yüz: vesikalık kutusu üst sınır (single-uye’de daha dar oran ayrıca uygulanır) */
.dernek-uye-kimlik-karti__foto-wrap--qr .dernek-uye-kimlik-karti__foto-slot {
    flex: 0 0 auto;
    max-height: 20.5mm;
}
/* Doğrulama (verify) QR: eski arka yüzdeki gibi beyaz kare */
.dernek-uye-kimlik-karti__onQr-wrap {
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    /* Foto ile QR arasında dengeli boşluk: blok eski orta hizasına döner */
    margin-top: 1.2mm;
    width: 100%;
    box-sizing: border-box;
}
.dernek-uye-kimlik-karti__onQr {
    display: block;
    /* QR genişliği fotoğraf kutusunun %75'i kadar olsun */
    width: 75%;
    max-width: 100%;
    height: auto;
    aspect-ratio: 1;
    object-fit: contain;
    border-radius: 0.65mm;
    background: #fff;
    padding: 0.28mm;
    box-sizing: border-box;
    border: 0.12mm solid #e5e7eb;
}
.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 / title-sub: --kimlik-ust-* mm; alt şerit 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-flip.card-flip {
        width: 100%;
    }
}
@page {
    margin: 8mm;
    size: auto;
}

@media print {
    /*
     * Kimlik kartı yazdır: `visibility:hidden` yer kaplar → çok sayfa boş çıkar.
     * Makale içinde kart dışındaki her şeyi display:none ile akıştan çıkarıyoruz.
     */
    html,
    body {
        height: auto !important;
        min-height: 0 !important;
        background: #fff !important;
    }
    body.single-uye .container,
    body.dernek-kimlik-only-print .container,
    body.single-uye .sayfa-wrapper,
    body.dernek-kimlik-only-print .sayfa-wrapper,
    body.single-uye .sayfa-layout,
    body.dernek-kimlik-only-print .sayfa-layout,
    body.single-uye .sayfa-ana,
    body.dernek-kimlik-only-print .sayfa-ana {
        min-height: 0 !important;
        height: auto !important;
        max-height: none !important;
    }
    /* Kenar çubuğu + üst reklam vb.: yalnızca <main> kalsın */
    body.single-uye .sayfa-layout > *:not(.sayfa-ana),
    body.dernek-kimlik-only-print .sayfa-layout > *:not(.sayfa-ana) {
        display: none !important;
    }
    /*
     * Üye şablonunda `</article>` sonrası main içinde kalan sayfa altı (köşe yazıları, içerik-altı widget);
     * yazdırmada yalnızca profil makalesi kalır — kart bu blokların dışında.
     */
    body.single-uye .sayfa-ana > *:not(article.sayfa-icerik.uye-profil),
    body.dernek-kimlik-only-print .sayfa-ana > *:not(article.sayfa-icerik.uye-profil) {
        display: none !important;
    }
    body.single-uye article.sayfa-icerik.uye-profil,
    body.dernek-kimlik-only-print article.sayfa-icerik.uye-profil {
        margin: 0 !important;
        padding: 0 !important;
        border: none !important;
        box-shadow: none !important;
    }
    /*
     * Kart .uye-profil-bilgiler içinde; article > *:not(.wrap) .uye-profil-ust’u da gizleyip kartı yok ediyordu.
     * Önce article’ın doğrudan çocuklarından yalnızca .uye-profil-ust kalır; sonra sol sütunda kart dışı + sağ vesikalık gizlenir.
     */
    body.single-uye article.sayfa-icerik.uye-profil > *:not(.uye-profil-ust),
    body.dernek-kimlik-only-print article.sayfa-icerik.uye-profil > *:not(.uye-profil-ust) {
        display: none !important;
    }
    /* Kimlik kartı makalenin doğrudan çocuğu olarak da yüklenebilir; üstteki gizleme kuralından sonra görünür kılınır */
    body.single-uye article.sayfa-icerik.uye-profil > .dernek-uye-kimlik-karti-wrap,
    body.dernek-kimlik-only-print article.sayfa-icerik.uye-profil > .dernek-uye-kimlik-karti-wrap {
        display: block !important;
    }
    body.single-uye article.sayfa-icerik.uye-profil .uye-profil-bilgiler > *:not(.dernek-uye-kimlik-karti-wrap),
    body.dernek-kimlik-only-print article.sayfa-icerik.uye-profil .uye-profil-bilgiler > *:not(.dernek-uye-kimlik-karti-wrap) {
        display: none !important;
    }
    body.single-uye article.sayfa-icerik.uye-profil .uye-profil-ust > .uye-vesikalik-sag,
    body.dernek-kimlik-only-print article.sayfa-icerik.uye-profil .uye-profil-ust > .uye-vesikalik-sag {
        display: none !important;
    }
    body.single-uye .dernek-uye-kimlik-karti-wrap,
    body.dernek-kimlik-only-print .dernek-uye-kimlik-karti-wrap {
        display: block !important;
        position: relative !important;
        left: auto !important;
        top: auto !important;
        margin: 0 auto !important;
        padding: 0 !important;
        max-width: none !important;
        width: 85.6mm !important;
        break-inside: avoid;
        page-break-inside: avoid;
        page-break-after: avoid;
    }
    body.single-uye .dernek-uye-kimlik-karti-wrap .dernek-uye-kimlik-karti-ust,
    body.dernek-kimlik-only-print .dernek-uye-kimlik-karti-wrap .dernek-uye-kimlik-karti-ust {
        display: none !important;
    }
    body.single-uye .dernek-uye-kimlik-karti-wrap .dernek-uye-kimlik-karti-flip-mobil,
    body.dernek-kimlik-only-print .dernek-uye-kimlik-karti-wrap .dernek-uye-kimlik-karti-flip-mobil {
        display: none !important;
    }
    /* Yazdır: 3D kaldırılır; ön yüz, altında arka yüz (tek «akış») */
    body.single-uye .dernek-uye-kimlik-karti-flip.card-flip,
    body.dernek-kimlik-only-print .dernek-uye-kimlik-karti-flip.card-flip {
        width: 85.6mm !important;
        max-width: none !important;
        aspect-ratio: auto !important;
        perspective: none !important;
        height: auto !important;
    }
    body.single-uye .dernek-uye-kimlik-karti-flip-inner,
    body.dernek-kimlik-only-print .dernek-uye-kimlik-karti-flip-inner {
        transform: none !important;
        position: static !important;
        display: block !important;
        width: 100% !important;
        height: auto !important;
    }
    body.single-uye .dernek-uye-kimlik-karti-flip .dernek-uye-kimlik-karti__card-front.dernek-uye-kimlik-karti,
    body.single-uye .dernek-uye-kimlik-karti-flip .dernek-uye-kimlik-karti__card-back.dernek-uye-kimlik-karti,
    body.dernek-kimlik-only-print .dernek-uye-kimlik-karti-flip .dernek-uye-kimlik-karti__card-front.dernek-uye-kimlik-karti,
    body.dernek-kimlik-only-print .dernek-uye-kimlik-karti-flip .dernek-uye-kimlik-karti__card-back.dernek-uye-kimlik-karti {
        position: relative !important;
        inset: auto !important;
        transform: none !important;
        backface-visibility: visible !important;
        -webkit-backface-visibility: visible !important;
        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: none !important;
        margin: 0 auto !important;
    }
    /* Yazdırmada arka yüz PDF’teki iç yeşil çerçeve korunsun */
    body.single-uye .dernek-uye-kimlik-karti-flip .dernek-uye-kimlik-karti__card-back.dernek-uye-kimlik-karti.dernek-uye-kimlik-karti--arka,
    body.dernek-kimlik-only-print .dernek-uye-kimlik-karti-flip .dernek-uye-kimlik-karti__card-back.dernek-uye-kimlik-karti.dernek-uye-kimlik-karti--arka {
        box-shadow: inset 0 0 0 0.32mm #a3e635 !important;
    }
    body.single-uye .dernek-uye-kimlik-karti-flip .dernek-uye-kimlik-karti__card-back.dernek-uye-kimlik-karti,
    body.dernek-kimlik-only-print .dernek-uye-kimlik-karti-flip .dernek-uye-kimlik-karti__card-back.dernek-uye-kimlik-karti {
        margin-top: 4mm !important;
        page-break-before: avoid;
        break-inside: avoid;
    }
    /* Ön yüz tam yüzey filigranı: yazdırmada arka plan görünsün */
    body.single-uye .dernek-uye-kimlik-karti__card-front.card-front,
    body.dernek-kimlik-only-print .dernek-uye-kimlik-karti__card-front.card-front {
        -webkit-print-color-adjust: exact !important;
        print-color-adjust: exact !important;
    }
    body.single-uye .dernek-uye-kimlik-karti__card-back.card-back,
    body.dernek-kimlik-only-print .dernek-uye-kimlik-karti__card-back.card-back {
        -webkit-print-color-adjust: exact !important;
        print-color-adjust: exact !important;
    }
    /* Arka sağ metin: ekranla aynı PDF ölçekli punto (yazdırmada küçülmesin) */
    body.single-uye .dernek-uye-kimlik-karti--arka .dernek-uye-kimlik-karti__arkaSagMetin,
    body.single-uye .dernek-uye-kimlik-karti--arka .dernek-uye-kimlik-karti__arkaSagMetin-iletisim-grup,
    body.single-uye .dernek-uye-kimlik-karti--arka .dernek-uye-kimlik-karti__arkaSagMetin-giris,
    body.single-uye .dernek-uye-kimlik-karti--arka .dernek-uye-kimlik-karti__arkaSagMetin-satir,
    body.single-uye .dernek-uye-kimlik-karti--arka .dernek-uye-kimlik-karti__arkaSagMetin-satir--wa,
    body.single-uye .dernek-uye-kimlik-karti--arka .dernek-uye-kimlik-karti__arkaSagMetin-satir--ikon-eposta,
    body.single-uye .dernek-uye-kimlik-karti--arka .dernek-uye-kimlik-karti__arkaSagMetin-satir--ikon-web,
    body.single-uye .dernek-uye-kimlik-karti--arka .dernek-uye-kimlik-karti__arkaSagMetin-deger,
    body.single-uye .dernek-uye-kimlik-karti--arka .dernek-uye-kimlik-karti__arkaSagMetin-deger--wa,
    body.single-uye .dernek-uye-kimlik-karti--arka .dernek-uye-kimlik-karti__arkaSagMetin-deger--ikon-satir,
    body.single-uye .dernek-uye-kimlik-karti--arka .dernek-uye-kimlik-karti__arkaSagMetin-ikon,
    body.single-uye .dernek-uye-kimlik-karti--arka .dernek-uye-kimlik-karti__arkaSagMetin-wa-ikon,
    body.single-uye .dernek-uye-kimlik-karti--arka .dernek-uye-kimlik-karti__arkaSagMetin-link,
    body.dernek-kimlik-only-print .dernek-uye-kimlik-karti--arka .dernek-uye-kimlik-karti__arkaSagMetin,
    body.dernek-kimlik-only-print .dernek-uye-kimlik-karti--arka .dernek-uye-kimlik-karti__arkaSagMetin-iletisim-grup,
    body.dernek-kimlik-only-print .dernek-uye-kimlik-karti--arka .dernek-uye-kimlik-karti__arkaSagMetin-giris,
    body.dernek-kimlik-only-print .dernek-uye-kimlik-karti--arka .dernek-uye-kimlik-karti__arkaSagMetin-satir,
    body.dernek-kimlik-only-print .dernek-uye-kimlik-karti--arka .dernek-uye-kimlik-karti__arkaSagMetin-satir--wa,
    body.dernek-kimlik-only-print .dernek-uye-kimlik-karti--arka .dernek-uye-kimlik-karti__arkaSagMetin-satir--ikon-eposta,
    body.dernek-kimlik-only-print .dernek-uye-kimlik-karti--arka .dernek-uye-kimlik-karti__arkaSagMetin-satir--ikon-web,
    body.dernek-kimlik-only-print .dernek-uye-kimlik-karti--arka .dernek-uye-kimlik-karti__arkaSagMetin-deger,
    body.dernek-kimlik-only-print .dernek-uye-kimlik-karti--arka .dernek-uye-kimlik-karti__arkaSagMetin-deger--wa,
    body.dernek-kimlik-only-print .dernek-uye-kimlik-karti--arka .dernek-uye-kimlik-karti__arkaSagMetin-deger--ikon-satir,
    body.dernek-kimlik-only-print .dernek-uye-kimlik-karti--arka .dernek-uye-kimlik-karti__arkaSagMetin-ikon,
    body.dernek-kimlik-only-print .dernek-uye-kimlik-karti--arka .dernek-uye-kimlik-karti__arkaSagMetin-wa-ikon,
    body.dernek-kimlik-only-print .dernek-uye-kimlik-karti--arka .dernek-uye-kimlik-karti__arkaSagMetin-link {
        -webkit-print-color-adjust: exact !important;
        print-color-adjust: exact !important;
    }
    /*
     * Üst renkli şeritler: global «Arka plan grafiklerini yazdır» kapalı olsa bile
     * kimlik kartı başlıklarında gradient/düz renk çıksın.
     */
    body.single-uye .dernek-uye-kimlik-karti__header,
    body.single-uye .sayfa-icerik.uye-profil .dernek-uye-kimlik-karti__header,
    body.dernek-kimlik-only-print .dernek-uye-kimlik-karti__header,
    body.dernek-kimlik-only-print .sayfa-icerik.uye-profil .dernek-uye-kimlik-karti__header {
        -webkit-print-color-adjust: exact !important;
        print-color-adjust: exact !important;
    }
    /* Yazdırmada üst şerit iç boşluğu ve logo kaydırması ekranla aynı (köşe kesilmesin) */
    body.single-uye .dernek-uye-kimlik-karti__card-front .dernek-uye-kimlik-karti__header,
    body.dernek-kimlik-only-print .dernek-uye-kimlik-karti__card-front .dernek-uye-kimlik-karti__header {
        padding-top: 2.1mm !important;
        padding-right: 2.65mm !important;
        padding-bottom: 1.6mm !important;
        padding-left: 3.25mm !important;
    }
    body.single-uye .dernek-uye-kimlik-karti__card-front .dernek-uye-kimlik-karti__logo,
    body.dernek-kimlik-only-print .dernek-uye-kimlik-karti__card-front .dernek-uye-kimlik-karti__logo {
        margin-top: 0.42mm !important;
        margin-left: 0.48mm !important;
        border: 1px solid #fff !important;
        padding: 1px !important;
        box-sizing: border-box !important;
        border-radius: 3px !important;
        overflow: hidden !important;
    }
    /* Arka yüz alt slogan: ekranla aynı punto (--arka-ust-baslik-font) */
    body.single-uye .dernek-uye-kimlik-karti__arkaAltSerit-motto,
    body.dernek-kimlik-only-print .dernek-uye-kimlik-karti__arkaAltSerit-motto {
        font-size: var(--arka-ust-baslik-font, 4.95mm) !important;
        line-height: 1.15 !important;
    }

    /* Footer öncesi iş birlikleri & sponsor şeridi (lise-emblem-carousel.php); site-footer’dan bağımsız olduğu için ayrı gizlenir */
    .lise-emblem-carousel-wrap,
    .dernek-alt-carousel-wrap,
    .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%);
}
/* İş Dünyası: tema 1. renk; Pazaryeri: tema 2. renk (Customizer ile uyumlu, gradient yok) */
.uye-profil-kart--isdunyasi .uye-profil-kart-baslik {
    background: var(--dernek-renk-1, #214f7b) !important;
    background-image: none !important;
}
.uye-profil-kart--pazar .uye-profil-kart-baslik {
    background: var(--dernek-renk-2, #2b6ea8) !important;
    background-image: none !important;
}
.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;
}
/* Özet kartları: dört sütun (mobilde 2x2) */
.uye-aidat-bilgilerim-premium .uye-aidat-ozet-kutular {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    margin: 0 0 22px;
}
@media (max-width: 900px) {
    .uye-aidat-bilgilerim-premium .uye-aidat-ozet-kutular {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
.uye-aidat-bilgilerim-premium .uye-aidat-ozet-kutu {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 14px 14px 16px;
    border-radius: 12px;
    border: 1px solid #e2e8f0;
    background: linear-gradient(165deg, #ffffff 0%, #f8fafc 100%);
    box-shadow: 0 2px 14px rgba(15, 23, 42, 0.06);
}
.uye-aidat-bilgilerim-premium .uye-aidat-ozet-etiket {
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #64748b;
}
.uye-aidat-bilgilerim-premium .uye-aidat-ozet-tutar {
    font-size: 1.05rem;
    font-weight: 800;
    color: #0f172a;
    line-height: 1.25;
}
.uye-aidat-bilgilerim-premium .uye-aidat-ozet-kutu--tahakkuk {
    border-left: 4px solid var(--dernek-renk-1, #214f7b);
}
.uye-aidat-bilgilerim-premium .uye-aidat-ozet-kutu--odenen {
    border-left: 4px solid #059669;
}
.uye-aidat-bilgilerim-premium .uye-aidat-ozet-kutu--borc {
    border-left: 4px solid #ea580c;
}
.uye-aidat-bilgilerim-premium .uye-aidat-ozet-kutu--bagis {
    border-left: 4px solid #7c3aed;
}
/* Bilgilendirme + ödeme bildirimi: iki sütun şık grid */
.uye-aidat-bilgilerim-premium .uye-aidat-ust-iki-sutun {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
    gap: 20px 28px;
    align-items: start;
    margin-bottom: 22px;
}
@media (max-width: 960px) {
    .uye-aidat-bilgilerim-premium .uye-aidat-ust-iki-sutun {
        grid-template-columns: 1fr;
    }
}
.uye-aidat-bilgilerim-premium .uye-aidat-intro-metin {
    margin: 0;
    font-size: 0.92rem;
    line-height: 1.65;
    color: #334155;
}
.uye-aidat-bilgilerim-premium .uye-aidat-hizli-panel {
    border-radius: 14px;
    padding: 16px 18px 18px;
    border: 1px solid #e0e7ef;
    background: linear-gradient(145deg, #ffffff 0%, #f1f5f9 55%, #eef2ff 100%);
    box-shadow: 0 8px 28px rgba(30, 58, 95, 0.12);
}
.uye-aidat-bilgilerim-premium .uye-aidat-hizli-panel-baslik {
    margin: 0 0 8px;
    font-size: 1rem;
    font-weight: 800;
    color: #0f172a;
}
.uye-aidat-bilgilerim-premium .uye-aidat-hizli-panel-aciklama {
    margin: 0 0 12px;
    font-size: 0.84rem;
    line-height: 1.5;
    color: #475569;
}
.uye-aidat-bilgilerim-premium .uye-aidat-hizli-panel--bilgi {
    border-style: dashed;
    background: #f8fafc;
    box-shadow: none;
}
.uye-aidat-bilgilerim-premium .uye-aidat-hizli-tablo-wrap {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    margin-bottom: 10px;
    border-radius: 8px;
    border: 1px solid #e2e8f0;
    background: #fff;
}
.uye-aidat-bilgilerim-premium .uye-aidat-hizli-tablo {
    min-width: 320px;
    margin: 0;
    font-size: 0.82rem;
}
.uye-aidat-bilgilerim-premium .uye-aidat-form-aciklama label,
.uye-aidat-bilgilerim-premium .uye-aidat-form-dekont label {
    display: block;
    font-size: 0.8rem;
    font-weight: 600;
    margin-bottom: 4px;
    color: #334155;
}
.uye-aidat-bilgilerim-premium .uye-aidat-form-aciklama textarea {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}
.uye-aidat-bilgilerim-premium .uye-aidat-dekont-input {
    width: 100%;
    max-width: 100%;
    padding: 8px 10px;
    font-size: 0.82rem;
    border-radius: 8px;
    border: 1px dashed #94a3b8;
    background: #fff;
}
.uye-aidat-bilgilerim-premium .uye-aidat-form-gonder {
    margin-bottom: 0;
}
.uye-aidat-bilgilerim-premium .uye-aidat-bildir-btn {
    width: 100%;
    justify-content: center;
}
/* Üye profili: Aidat ve Bağış bölümü — kart, ayırıcı, çerçeveli tablolar */
.uye-aidat-bilgilerim-premium .uye-aidat-premium-kart {
    margin-bottom: 20px;
    border-radius: 12px;
    border: 1px solid #e2e8f0;
    background: #fff;
    box-shadow: 0 4px 22px rgba(15, 23, 42, 0.07);
    overflow: hidden;
}
/* Kart içi alt başlıklar: tablo ile uyumlu biraz küçük punto */
.uye-aidat-bilgilerim-premium .uye-aidat-alt-baslik,
.uye-aidat-bilgilerim-premium .uye-aidat-matris-baslik {
    margin: 0;
    padding: 12px 16px;
    font-size: 0.92rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    color: #0f172a;
    background: #f8fafc;
    border-bottom: 1px solid #e2e8f0;
}
.uye-aidat-bilgilerim-premium .uye-aidat-tablo-scroll {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}
/* Tablo gövdesi: sıkışık içerik için küçültülmüş font */
.uye-aidat-bilgilerim-premium .uye-aidat-premium-kart .uye-aidat-tablo {
    width: 100%;
    min-width: 480px;
    border-collapse: collapse;
    font-size: 0.82rem;
}
.uye-aidat-bilgilerim-premium .uye-aidat-premium-kart .uye-aidat-tablo thead th {
    padding: 9px 12px;
    text-align: left;
    font-weight: 600;
    font-size: 0.8rem;
    color: #fff;
    background: var(--dernek-renk-1, #214f7b);
}
.uye-aidat-bilgilerim-premium .uye-aidat-premium-kart .uye-aidat-tablo tbody td {
    padding: 8px 12px;
    border-bottom: 1px solid #eef2f7;
    color: #1e293b;
    vertical-align: top;
}
.uye-aidat-bilgilerim-premium .uye-aidat-premium-kart .uye-aidat-tablo tbody tr:last-child td {
    border-bottom: none;
}
.uye-aidat-bilgilerim-premium .uye-aidat-premium-kart .uye-aidat-tablo tbody tr:nth-child(even) {
    background: #fafbfc;
}
.uye-aidat-bilgilerim-premium .uye-aidat-premium-bos {
    margin: 0;
    padding: 14px 16px 18px;
    color: #64748b;
    font-size: 0.84rem;
}
/* İki kart arası: ince çizgi + ortada tema rengi vurgusu */
.uye-aidat-bilgilerim-premium .uye-aidat-bolum-ayrac {
    display: block;
    height: 0;
    margin: 26px 0 0;
    padding: 0;
    border: none;
    border-top: 1px solid #e2e8f0;
    position: relative;
}
.uye-aidat-bilgilerim-premium .uye-aidat-bolum-ayrac::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: -2px;
    height: 3px;
    border-radius: 2px;
    background: linear-gradient(90deg, transparent 0%, var(--dernek-renk-1, #214f7b) 50%, transparent 100%);
    opacity: 0.35;
}
.uye-aidat-bilgilerim-premium .uye-aidat-premium-kart--matris {
    margin-top: 18px;
}
.uye-aidat-bilgilerim-premium .uye-aidat-hatirlatma-wrap {
    margin-top: 6px;
    margin-bottom: 4px;
}
/* Durum sütunu: tam borç (ödeme bekleniyor) — turuncu çerçeveli rozet */
.uye-aidat-bilgilerim-premium .uye-aidat-durum-hucre .uye-aidat-durum-beklemede {
    display: inline-block;
    padding: 5px 10px;
    border-radius: 6px;
    font-weight: 700;
    font-size: 0.88em;
    line-height: 1.35;
    color: #9a3412;
    background: #fff7ed;
    border: 1px solid #fb923c;
    box-shadow: 0 1px 3px rgba(154, 52, 18, 0.12);
}
.uye-profil-bolum:last-child { border-bottom: none; }
.uye-profil-bolum-baslik {
    font-size: 1.1rem;
    /* Üye profili bölüm başlıkları: tema 1. rengi */
    color: var(--dernek-renk-1, #214f7b);
    margin: 0 0 16px;
    padding-bottom: 8px;
    border-bottom: 2px solid var(--dernek-renk-1, #214f7b);
}
/* Tekil üye profili: sayfa üst başlığı (Üye No …) tema 1. rengi — yalnızca bu şablon */
.sayfa-icerik.uye-profil > .sayfa-baslik {
    color: var(--dernek-renk-1, #214f7b);
}
/* Kart şerit başlıkları bu sayfada tek palette: medya / köşe / pazar → 1. renk dolgu */
.sayfa-icerik.uye-profil .uye-profil-kart--medya .uye-profil-kart-baslik,
.sayfa-icerik.uye-profil .uye-profil-kart--kose .uye-profil-kart-baslik,
.sayfa-icerik.uye-profil .uye-profil-kart--pazar .uye-profil-kart-baslik {
    background: var(--dernek-renk-1, #214f7b) !important;
    background-image: none !important;
}
/* Link olarak kullanılan profil butonları: genel `a` rengini ezmeyelim */
.sayfa-icerik.uye-profil a.uye-profil-btn {
    background: var(--dernek-renk-1, #214f7b);
    color: #fff !important;
}
.sayfa-icerik.uye-profil a.uye-profil-btn:hover {
    background: var(--dernek-renk-1-koyu, #1a3e60);
    color: #fff !important;
}
/* Kimlik kartı üst şerit: tema 1. rengi + hafif şeffaflık (altta kule hâlâ görünsün; %78 çok soluktu → daha doygun kırmızı) */
.sayfa-icerik.uye-profil .dernek-uye-kimlik-karti__header {
    background: color-mix(in srgb, var(--dernek-renk-1, #c62828) 92%, transparent);
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
}

/* Üye şablonunda üst şerit .uye-profil dışında da (fallback) aynı şeffaflık; padding: köşe/çerçeve logoyu kesmesin */
body.single-uye .dernek-uye-kimlik-karti__card-front .dernek-uye-kimlik-karti__header,
.sayfa-icerik.uye-profil .dernek-uye-kimlik-karti__card-front .dernek-uye-kimlik-karti__header {
    background: color-mix(in srgb, var(--dernek-renk-1, #c62828) 92%, transparent);
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
    padding-top: 2.1mm;
    padding-right: 2.65mm;
    padding-bottom: 1.6mm;
    padding-left: 3.25mm;
}

/* Logo: çerçeveye göre hafif sağa ve aşağı (yuvarlak kart köşesinden içeri) */
body.single-uye .dernek-uye-kimlik-karti__card-front .dernek-uye-kimlik-karti__logo,
.sayfa-icerik.uye-profil .dernek-uye-kimlik-karti__card-front .dernek-uye-kimlik-karti__logo {
    margin-top: 0.42mm;
    margin-left: 0.48mm;
}
/* Aidat bölümü: alt kart başlıkları ve sağ panel başlığı 1. renk metin */
.sayfa-icerik.uye-profil .uye-aidat-bilgilerim-premium .uye-aidat-alt-baslik,
.sayfa-icerik.uye-profil .uye-aidat-bilgilerim-premium .uye-aidat-matris-baslik {
    color: var(--dernek-renk-1, #214f7b);
    border-bottom-color: color-mix(in srgb, var(--dernek-renk-1, #214f7b) 22%, #e2e8f0);
}
.sayfa-icerik.uye-profil .uye-aidat-bilgilerim-premium .uye-aidat-hizli-panel-baslik {
    color: var(--dernek-renk-1, #214f7b);
}
/* Köşe yazıları liste alt başlığı */
.sayfa-icerik.uye-profil .uye-kose-liste-baslik {
    color: 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;
}
/* Harita üst başlığı: «Bize Yazın» ile aynı ikon + punto hiyerarşisi */
.iletisim-konum-baslik {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 4px;
    font-size: 1.2rem;
    font-weight: 700;
    color: #1a1a1a;
}
.iletisim-konum-baslik .dashicons {
    width: 28px;
    height: 28px;
    font-size: 28px;
    color: var(--dernek-renk-1, #214f7b);
    font-family: "dashicons" !important;
}
/* İletişim — Konum: iki harita sekmesi (CSS ile; ek JS yok) */
.iletisim-konum-tabs {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.iletisim-konum-tab-input {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}
.iletisim-konum-tab-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.iletisim-konum-tab-btn {
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 9px 18px;
    border-radius: 999px;
    border: 1px solid rgba(33, 79, 123, 0.35);
    background: #fff;
    font-weight: 600;
    font-size: 0.88rem;
    color: #1a3a5c;
    transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
    margin: 0;
}
.iletisim-konum-tab-btn:hover {
    border-color: rgba(33, 79, 123, 0.55);
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.08);
}
#iletisim-konum-tab-dernek:checked ~ .iletisim-konum-tab-buttons label[for="iletisim-konum-tab-dernek"],
#iletisim-konum-tab-irtibat:checked ~ .iletisim-konum-tab-buttons label[for="iletisim-konum-tab-irtibat"] {
    background: var(--dernek-renk-1, #214f7b);
    border-color: var(--dernek-renk-1, #214f7b);
    color: #fff;
    box-shadow: 0 2px 12px rgba(33, 79, 123, 0.35);
}
.iletisim-konum-panel {
    display: none;
}
#iletisim-konum-tab-dernek:checked ~ .iletisim-konum-panel--dernek,
#iletisim-konum-tab-irtibat:checked ~ .iletisim-konum-panel--irtibat {
    display: block;
}
.iletisim-harita-bos {
    min-height: 340px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 28px 22px;
    text-align: center;
    color: #555;
    font-size: 0.94rem;
    line-height: 1.6;
    box-sizing: border-box;
}
.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-link {
    margin: 14px 0 0;
}
.iletisim-diger-bilgiler-kutu .iletisim-diger-bilgiler-metin + .iletisim-diger-bilgiler-link {
    margin-top: 12px;
}
.iletisim-diger-bilgiler-link a {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-weight: 600;
    font-size: 0.92rem;
    color: var(--dernek-renk-1, #214f7b);
    text-decoration: none;
    border-bottom: 1px solid rgba(33, 79, 123, 0.35);
    padding-bottom: 2px;
    word-break: break-all;
}
.iletisim-diger-bilgiler-link a:hover {
    border-bottom-color: var(--dernek-renk-1, #214f7b);
}
.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; }
}

/* İletişim sayfası — Fatura bilgileri (alt bölüm) */
.iletisim-fatura-bolumu {
    margin-top: 36px;
    padding: 28px 26px 26px;
    border-radius: 16px;
    background: linear-gradient(135deg, rgba(33, 79, 123, 0.06) 0%, rgba(255, 255, 255, 0.95) 42%, #f8fafc 100%);
    border: 1px solid rgba(33, 79, 123, 0.2);
    box-shadow:
        0 0 0 1px rgba(255, 255, 255, 0.75) inset,
        0 10px 36px rgba(15, 23, 42, 0.08);
    position: relative;
    overflow: hidden;
}
.iletisim-fatura-bolumu::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 5px;
    border-radius: 16px 0 0 16px;
    background: linear-gradient(180deg, var(--dernek-renk-1, #214f7b) 0%, var(--dernek-renk-1-koyu, #1a3e60) 100%);
}
.iletisim-fatura-baslik {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 0 0 20px;
    padding: 0 0 14px;
    border-bottom: 1px solid rgba(33, 79, 123, 0.14);
    font-size: 1.2rem;
    font-weight: 700;
    color: #142032;
    letter-spacing: 0.02em;
}
.iletisim-fatura-baslik-ikon {
    flex-shrink: 0;
    width: 44px;
    height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: linear-gradient(145deg, var(--dernek-renk-1, #214f7b) 0%, var(--dernek-renk-1-koyu, #1a3e60) 100%);
    color: #fff !important;
    line-height: 0;
    box-shadow: 0 4px 14px rgba(26, 62, 96, 0.35);
}
.iletisim-fatura-baslik-ikon .iletisim-fatura-svg--baslik {
    display: block;
    flex-shrink: 0;
}
.iletisim-fatura-icerik {
    display: flex;
    flex-direction: column;
    gap: 0;
}
.iletisim-fatura-satir {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    padding: 14px 4px 14px 8px;
    border-bottom: 1px solid rgba(15, 23, 42, 0.06);
}
.iletisim-fatura-satir:last-child {
    border-bottom: none;
    padding-bottom: 2px;
}
.iletisim-fatura-satir-ikon {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    margin-top: 2px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: rgba(33, 79, 123, 0.1);
    color: var(--dernek-renk-1, #214f7b) !important;
    line-height: 0;
}
.iletisim-fatura-satir-ikon .iletisim-fatura-svg {
    display: block;
    flex-shrink: 0;
}
.iletisim-fatura-satir-metin {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.iletisim-fatura-etiket {
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--dernek-renk-1, #214f7b);
    opacity: 0.9;
}
.iletisim-fatura-deger {
    font-size: 0.98rem;
    line-height: 1.55;
    color: #334155;
    font-weight: 500;
}
.iletisim-fatura-deger--adres {
    font-weight: 400;
    color: #475569;
}
@media (max-width: 560px) {
    .iletisim-fatura-bolumu {
        margin-top: 28px;
        padding: 22px 18px 20px;
    }
    .iletisim-fatura-baslik {
        font-size: 1.05rem;
    }
}

/* ========== 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-duyuru .swiper-slide.dernek-slider-slide {
        grid-template-columns: 1fr !important;
        gap: 12px !important;
        padding: 0 16px !important;
    }
    .dernek-slider-slide { min-height: 0; }
    .dernek-slider-gorsel { width: 100%; padding: 0; }
    .dernek-slider-yazi { padding: 0; }
    .dernek-slider-yazi-inner { padding: 16px 14px 18px; }
    .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-butonlar-wrap { gap: 6px; margin-bottom: 12px; }
    .tab-sekme-scroll { width: 36px; height: 36px; }
    .tab-sekme-scroll__ikon { font-size: 1.5rem; }
    /* Küçük ekranda sekme yazısı ve iç boşluk — pasif ve aktif pill aynı ölçek */
    .tab-butonlar .sekme-tusu:not(.tab-active),
    .tab-butonlar .sekme-tusu.tab-active,
    .tab-butonlar .tab-btn:not(.tab-active),
    .tab-butonlar .tab-btn.tab-active { 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 üst bölüm başlıkları: tek punto (İletişim / Kurumsal / Paylaşımlar / Sosyal) */
.footer-baslik {
    color: var(--dernek-footer-heading-color, #fff);
    font-size: 0.95rem;
    font-weight: 700;
    line-height: 1.25;
    margin: 0 0 12px;
    padding-bottom: 8px;
    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;
}

/* KURUMSAL + PAYLAŞIMLAR (2. ve 3. sütun): daha küçük punto, sıkı satır aralığı — liste kısalır */
.footer-grid > .footer-col:nth-child(2),
.footer-grid > .footer-col:nth-child(3) {
    font-size: 0.8rem;
    line-height: 1.32;
}
.footer-grid > .footer-col:nth-child(2) ul li,
.footer-grid > .footer-col:nth-child(3) ul li {
    margin-bottom: 3px;
}
.footer-grid > .footer-col:nth-child(2) ul a,
.footer-grid > .footer-col:nth-child(3) ul a {
    font-size: inherit;
    line-height: inherit;
}

.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.95rem;
    font-weight: 700;
    line-height: 1.25;
    margin: 0 0 8px;
    color: #fff;
    text-transform: uppercase;
}

.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.95rem;
    font-weight: 700;
    line-height: 1.25;
    margin: 0 0 10px;
    color: #fff;
    text-transform: uppercase;
}

.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; }

/* Gövde metni: satır aralığı; genişlik ana kutuya yayılır (dar 42rem sağ boşluk bırakıyordu) */
.single-kitap-icerik .sayfa-metin {
    max-width: 100%;
    font-size: 1.0625rem;
    line-height: 1.78;
    color: #334155;
}
.single-kitap-icerik .sayfa-metin > p:first-of-type {
    font-size: 1.08rem;
    margin-top: 0;
}
.single-kitap-icerik .sayfa-metin strong:first-child {
    font-weight: 700;
    color: #1e293b;
}
.single-kitap-icerik .sayfa-baslik {
    letter-spacing: -0.02em;
}

/* Tekil kitap: ek görseller ızgarası */
.kitap-ek-galeri {
    margin-top: 40px;
    padding-top: 28px;
    border-top: 1px solid rgba(0, 0, 0, 0.08);
}
.kitap-ek-galeri-baslik {
    font-size: 0.82rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--dernek-renk-1, #214f7b);
    margin: 0 0 16px;
}
.kitap-ek-galeri-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
    gap: 14px;
    max-width: 100%;
}
.kitap-ek-galeri-kart {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    overflow: hidden;
    background: #f1f5f9;
    min-height: 100px;
    padding: 6px;
    box-sizing: border-box;
    border: 1px solid rgba(0, 0, 0, 0.06);
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.06);
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.kitap-ek-galeri-kart:hover {
    border-color: rgba(33, 79, 123, 0.25);
    box-shadow: 0 6px 20px rgba(33, 79, 123, 0.12);
}
.kitap-ek-galeri-img {
    max-width: 100%;
    max-height: 120px;
    width: auto;
    height: auto;
    object-fit: contain;
    display: block;
}
/* 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%;
}

/* Buton standardı: tema 1 rengi. Anasayfa sekme şeridi (.tab-butonlar > button), .sekme-tusu ve sekme kaydırma okları hariç — pasif sekmeler düz metin kalır. */
button:not(.sekme-tusu):not(.tab-butonlar > button):not(.tab-sekme-scroll):not(.hakkimizda-metin-devam-btn),
input[type="submit"],
input[type="button"],
input[type="reset"],
.button,
.btn,
[class*="-btn"] {
    background: var(--dernek-renk-1, #214f7b) !important;
    background-image: none !important;
    color: #fff !important;
}

/* Buton hover: koyu tema 1 (sekme şeridi ve sekme-tusu dışı) */
button:not(.sekme-tusu):not(.tab-butonlar > button):not(.tab-sekme-scroll):not(.hakkimizda-metin-devam-btn):hover,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
.button:hover,
.btn:hover,
[class*="-btn"]:hover {
    background: var(--dernek-renk-1-koyu, #1a3e60) !important;
    background-image: none !important;
}

/* Anasayfa sekme kartı "Devamını oku" butonu: çift rengi kapatıp tema 1 tek renk görünümü uygular. */
.tab-devam-link {
    background: var(--dernek-renk-1, #214f7b) !important;
    background-image: none !important;
}

/* "Devamını oku" hover durumu: tek renk yaklaşımında tema 1 koyu tonu kullanılır. */
.tab-devam-link:hover,
.tab-devam-link:focus-visible,
.tab-devam-link:active {
    background: var(--dernek-renk-1-koyu, #1a3e60) !important;
    background-image: none !important;
    filter: none !important;
}