/* =================================================================== */
/* TEKNOELEKTRIK.TR - MEYDAN.CSS (V22.0 USERNAME FINAL FIX)           */
/* Odak: Açık Temada Kullanıcı İsimlerinin Beyaz Kalma Sorunu Çözümü  */
/* =================================================================== */

/* BÖLÜM 1: RENK TANIMLAMALARI (DİNAMİK) */
.meydan-container {
    /* --- AÇIK TEMA (VARSAYILAN) --- */
    /* Başlıklar ve Kullanıcı İsimleri için Lacivert */
    --meydan-text-color: var(--text-main); 
    /* Alt metinler (Tarih vb.) için Gri */
    --meydan-sub-text: var(--text-sub);
    /* Vurgu Rengi (Neon Mavi) */
    --accent-blue: var(--circuit-color); 
    /* Kart Arka Planı */
    --card-bg: var(--surface-color);
    /* Kenarlıklar */
    --border-color: rgba(0, 0, 0, 0.1);
    
    font-family: 'Inter', sans-serif;
    color: var(--meydan-text-color);
}

/* --- KOYU TEMA (DARK MODE) --- */
html.theme-dark .meydan-container {
    /* Başlıklar ve İsimler Beyaz */
    --meydan-text-color: #ffffff;
    --meydan-sub-text: #94a3b8;
    --card-bg: var(--surface-color);
    --border-color: rgba(255, 255, 255, 0.1);
}

/* BÖLÜM 2: ANA KAPSAYICI VE EFEKTLER */
.meydan-container .liquid-glass {
    background: var(--bg-glass-container); /* style.css'ten gelir */
    backdrop-filter: blur(15px);
    border-radius: 20px;
    padding: 3px; /* Çerçeve payı */
    position: relative;
    box-shadow: 6px 6px 15px var(--shadow-dark), -6px -6px 15px var(--shadow-light);
    z-index: 1;
    overflow: hidden;
}

/* Dönen Devre Animasyonu */
.meydan-container .liquid-glass::before {
    content: ''; position: absolute; 
    top: -50%; left: -50%; width: 200%; height: 200%;
    background: conic-gradient(transparent, transparent, transparent, var(--accent-blue));
    animation: rotateMeydan 4s linear infinite; 
    z-index: -1;
}
@keyframes rotateMeydan { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }

/* İçerik Alanı */
.meydan-container .glass-content {
    background: var(--card-bg);
    border-radius: 17px;
    padding: 1.5rem;
    height: 100%;
    position: relative; z-index: 2;
}

/* BÖLÜM 3: BAŞLIKLAR (GENEL) */
.meydan-container h1, .meydan-container h2, .meydan-container h3, .meydan-container h4,
.meydan-container .neon-header,
.meydan-container .main-category-title,
.meydan-container .forum-category-block h3,
.meydan-container .widget-title {
    font-family: 'Orbitron', sans-serif;
    color: var(--meydan-text-color) !important;
    text-shadow: none;
    font-weight: 800;
    letter-spacing: 0.5px;
    margin-bottom: 15px;
}

/* Sadece Koyu Modda Hafif Parlama */
html.theme-dark .meydan-container .neon-header {
    text-shadow: 0 0 10px rgba(0, 210, 255, 0.5);
}

/* BÖLÜM 4: BUTONLAR */
.meydan-container .btn-action-glow {
    display: inline-block; padding: 1rem 2rem; font-size: 1.1rem;
    border-radius: 50px; background: var(--text-main); color: #fff !important;
    font-weight: 700; text-decoration: none !important; border: none;
    box-shadow: 0 5px 15px rgba(0,0,128,0.2); transition: 0.3s;
}
.meydan-container .btn-action-glow:hover {
    background: var(--circuit-color); transform: translateY(-3px);
}

/* BÖLÜM 5: WIDGET VE KONU LİSTELERİ (RENK ZORLAMA) */
.meydan-container .widget-list-item {
    display: flex; align-items: center; padding: 12px;
    border-bottom: 1px solid var(--border-color);
    text-decoration: none !important;
    color: var(--meydan-text-color) !important;
    transition: all 0.2s ease;
    border-radius: 8px;
}
.meydan-container .widget-list-item:hover {
    background-color: rgba(0, 210, 255, 0.05);
    padding-left: 1rem;
    color: var(--circuit-color) !important;
}

/* --- KRİTİK FIX: KULLANICI İSMİ VE LİNKLER --- */
/* Strong, b, a, span etiketlerinin hepsini kapsar ve rengi değişkene zorlar */
.meydan-container .widget-list-item a,
.meydan-container .widget-list-item strong,
.meydan-container .widget-list-item b,
.meydan-container .widget-list-item h4,
.meydan-container .widget-list-item span.user-name,
.meydan-container .author-name {
    color: var(--meydan-text-color) !important; /* Açıkta Lacivert, Koyuda Beyaz */
    font-weight: 700;
    text-decoration: none;
}

/* Hover Durumunda Link Rengi (Opsiyonel) */
.meydan-container .widget-list-item a:hover,
.meydan-container .author-name:hover {
    color: var(--accent-blue) !important;
}

/* Alt Metinler (Tarih vb.) */
.meydan-container .widget-list-item small,
.meydan-container .text-muted {
    color: var(--meydan-sub-text) !important;
}

/* BÖLÜM 6: ALT KATEGORİ KARTLARI */
.meydan-container .sub-category-card {
    flex: 0 0 260px;
    background: var(--card-bg); 
    border: 1px solid var(--border-color);
    border-radius: 15px; padding: 1.5rem; margin-right: 1rem;
    box-shadow: 5px 5px 10px var(--shadow-dark), -5px -5px 10px var(--shadow-light);
    transition: 0.3s;
    color: var(--meydan-text-color);
}
.meydan-container .sub-category-card:hover {
    transform: translateY(-5px);
    border-color: var(--accent-blue);
}
/* Link Rengi Zorlama */
.meydan-container .sub-category-card h4,
.meydan-container .sub-category-card a {
    color: var(--meydan-text-color) !important; text-decoration: none;
}

/* Scroller */
.meydan-container .sub-category-scroller {
    display: flex; gap: 20px; padding-bottom: 20px;
    overflow-x: auto; 
    mask-image: linear-gradient(to right, transparent, black 5%, black 95%, transparent);
}
.meydan-container .sub-category-scroller::-webkit-scrollbar { height: 6px; }
.meydan-container .sub-category-scroller::-webkit-scrollbar-thumb { 
    background: var(--accent-blue); border-radius: 10px; 
}

/* BÖLÜM 7: FORM ELEMANLARI */
.meydan-container .form-control-liquid {
    width: 100%; padding: 12px 15px; border-radius: 10px;
    font-size: 1rem; 
    color: var(--meydan-text-color) !important;
    background-color: var(--bg-color) !important;
    border: 1px solid transparent;
    box-shadow: inset 2px 2px 5px var(--shadow-dark), inset -2px -2px 5px var(--shadow-light);
}
.meydan-container .form-control-liquid:focus {
    outline: none; box-shadow: 0 0 0 2px var(--accent-blue);
}
.meydan-container select.form-control-liquid {
    -webkit-appearance: none; appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%2300d2ff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 1rem center !important;
}

/* BÖLÜM 8: REAKSİYONLAR */
.reaction-button {
    background: var(--bg-color); border: 1px solid transparent;
    border-radius: 50px; padding: 5px 15px;
    color: var(--meydan-sub-text); cursor: pointer;
    box-shadow: 3px 3px 6px var(--shadow-dark), -3px -3px 6px var(--shadow-light);
    transition: 0.2s; font-size: 0.9rem; display: flex; align-items: center; gap: 8px;
}
.reaction-button:hover, .reaction-button.user-reacted {
    color: var(--accent-blue); background: var(--card-bg);
    box-shadow: inset 2px 2px 5px var(--shadow-dark), inset -2px -2px 5px var(--shadow-light);
}

.btn-solution {
    border-radius: 50%; width: 35px; height: 35px;
    display: flex; align-items: center; justify-content: center;
    border: 2px solid #10b981; color: #10b981;
    transition: 0.3s; background: transparent;
}
.btn-solution.active, .btn-solution:hover {
    background: #10b981; color: #fff; box-shadow: 0 0 10px #10b981;
}