/**
 * OSMANLI ÜLKÜ HAREKETİ FEDERASYONU - GÜVENLİ TEŞKİLAT ŞEMASI
 * GÜVENLİK DÜZEYİ: PROAKTİF SİBER MÜHÜR (2026)
 */

:root { 
    --fed-bordo: #800000; 
    --fed-gold: #d4af37; 
    --fed-il: #fa0000; 
    --fed-ilce: #056121; 
    --fed-beyaz: #ffffff;
    --fed-mavi: #003399; /* T.C. Plaka Mavisi */
}

/* 1. GENEL BAŞKAN: KIRMIZI & ULTRA KALIN PUNTO MÜHRÜ */
.tag-genel-baskan { 
    background: #ff0000; 
    color: var(--fed-beyaz); 
    padding: 8px 25px; 
    border-radius: 50px; 
    font-size: 16px; 
    font-weight: 900 !important; 
    font-family: 'Rajdhani', sans-serif;
    letter-spacing: 1.5px;
    box-shadow: 0 0 15px rgba(255,0,0,0.4);
    display: inline-block;
    text-transform: uppercase;
    /* Siber Bariyer: Metnin manipüle edilmesini engeller */
    user-select: none;
}

/* 2. İL BAŞKANI: SİBER KIRMIZI MÜHRÜ */
.tag-il-baskani { 
    color: var(--fed-il) !important; 
    font-weight: 800; 
    font-size: 14px; 
    text-transform: uppercase;
    font-family: 'Rajdhani', sans-serif;
    letter-spacing: 0.5px;
}

/* 3. İLÇE BAŞKANI: KURUMSAL YEŞİL MÜHRÜ */
.tag-ilce-baskani { 
    color: var(--fed-ilce) !important; 
    font-weight: 700; 
    font-size: 13px; 
    text-transform: uppercase;
    font-family: 'Rajdhani', sans-serif;
}

/* --- TASARIM KORUMA TERMİNALİ --- */
.fed-tree-container { 
    background: #f4f7f6; 
    min-height: 100vh; 
    padding: 40px 0;
    overflow-x: hidden;
}

/* Hiyerarşi Çizgisi (Siber Bağlantı) */
.tree-line-vertical { 
    width: 2px; 
    height: 50px; 
    background: var(--fed-bordo); 
    margin: 0 auto 30px; 
    position: relative;
}

/* Lightbox & Zoom Güvenliği */
.zoomable-img { 
    cursor: zoom-in; 
    transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); 
}

.zoomable-img:hover {
    transform: scale(1.05);
}

.fed-lightbox { 
    display: none; 
    position: fixed; 
    z-index: 10001; 
    padding-top: 50px; 
    left: 0; 
    top: 0; 
    width: 100%; 
    height: 100%; 
    background-color: rgba(0,0,0,0.92); 
    backdrop-filter: blur(8px); 
    /* Siber Bariyer: Lightbox açıkken alt katman etkileşimini keser */
    pointer-events: all;
}

.lightbox-content { 
    margin: auto; 
    display: block; 
    max-width: 85%; 
    max-height: 85vh; 
    border: 4px solid var(--fed-gold); 
    border-radius: 12px; 
    box-shadow: 0 0 50px rgba(0,0,0,0.5);
    animation: fedZoom 0.4s ease-out;
}

@keyframes fedZoom {
    from { transform: scale(0.8); opacity: 0; }
    to { transform: scale(1); opacity: 1; }
}

.close-lightbox { 
    position: absolute; 
    top: 25px; 
    right: 40px; 
    color: #fff; 
    font-size: 50px; 
    font-weight: bold; 
    cursor: pointer; 
    transition: 0.3s;
}

.close-lightbox:hover { color: var(--fed-gold); }

/* Node (Düğüm) Kartları */
.node-card { 
    background: var(--fed-beyaz); 
    border-radius: 15px; 
    padding: 25px; 
    box-shadow: 0 12px 35px rgba(0,0,0,0.08); 
    display: inline-block; 
    border: 2px solid var(--fed-gold); 
    position: relative;
}

.node-img img { 
    width: 150px; 
    height: 150px; 
    border-radius: 50%; 
    object-fit: cover; 
    border: 4px solid #f8f9fa;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

/* Plaka ve Avatar Mühürleri */
.mini-plaka { 
    background: var(--fed-beyaz); 
    border: 2px solid #333; 
    color: #333; 
    font-weight: 900; 
    padding: 3px 10px; 
    border-radius: 5px; 
    border-left: 12px solid var(--fed-mavi); 
    font-family: 'Rajdhani', sans-serif;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.1);
}

.node-card-row { 
    display: flex; 
    align-items: center; 
    background: var(--fed-beyaz); 
    padding: 8px 15px; 
    border-radius: 10px; 
    border: 1px solid #efefef; 
    transition: 0.3s ease;
}

.node-card-row:hover {
    border-color: var(--fed-gold);
    transform: translateX(5px);
}

.node-avatar { 
    width: 50px; 
    height: 50px; 
    border-radius: 50%; 
    object-fit: cover; 
    border: 2px solid var(--fed-mavi); 
}

.node-avatar-xs { 
    width: 38px; 
    height: 38px; 
    border-radius: 50%; 
    object-fit: cover; 
    border: 1.5px solid #222; 
}

/* Arama Terminali Şeridi */
.fed-search-strip { 
    background: var(--fed-beyaz); 
    padding: 12px 25px; 
    border-radius: 50px; 
    border: 1px solid #e0e0e0; 
    display: flex; 
    align-items: center; 
    box-shadow: 0 5px 20px rgba(0,0,0,0.05);
}

.fed-search-strip input { 
    border: none; 
    outline: none; 
    width: 100%; 
    font-family: 'Rajdhani', sans-serif;
    font-weight: 600;
    color: #333;
}

.rajdhani { font-family: 'Rajdhani', sans-serif; }