/* Theme Name: Askcennetim
Theme URI: Sohbet Teması
Author: bLuE
Author URI: #
Description: Sohbet teması
Version: 1.0 */

/*----------------------------------------------------------------



/* Ortak Renkler & Efektler */
.text-cyber-gradient {
    background: linear-gradient(45deg, #ff007f, #7000ff, #0dcaf0);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 900;
}
.text-neon-cyan { color: #0dcaf0 !important; text-shadow: 0 0 8px rgba(13, 202, 240, 0.4); }
.text-neon-pink { color: #ff007f !important; text-shadow: 0 0 8px rgba(255, 0, 127, 0.4); }
.text-light-gray { color: #f1f3f5 !important; }

@keyframes RGB-Flow {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}
.cyber-animated-top-bar {
    height: 6px; width: 100%;
    background: linear-gradient(90deg, #ff007f, #7000ff, #0dcaf0, #ff007f);
    background-size: 300% 300%; animation: RGB-Flow 4s linear infinite;
    position: absolute; top: 0; left: 0; z-index: 5;
}

/* ========================================================= */
/* YENİ NESİL MODERN CANLI RADYO & DUYURU STRIP ALANI         */
/* ========================================================= */
.custom-radio-bar {
    background: linear-gradient(135deg, #0f0c20 0%, #15102a 100%) !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15) !important;
}
.bg-cyber-live {
    background: linear-gradient(135deg, #dc3545, #990011) !important;
}
@keyframes pulseGlow {
    0% { opacity: 0.6; transform: scale(1); }
    50% { opacity: 1; transform: scale(1.1); }
    100% { opacity: 0.6; transform: scale(1); }
}
.animate-pulse {
    animation: pulseGlow 1.5s infinite ease-in-out;
}

/* Giriş Paneli */
.custom-login-card { box-shadow: 0 20px 50px rgba(16, 12, 56, 0.08) !important; border: 1px solid rgba(0,0,0,0.03) !important; transition: all 0.4s ease; }
.custom-login-card:hover { transform: translateY(-5px); box-shadow: 0 30px 60px rgba(112, 0, 255, 0.12) !important; }
.login-badge-icon { width: 54px; height: 54px; background: linear-gradient(135deg, #ff007f, #7000ff); border-radius: 16px; color: #fff; font-size: 1.4rem; box-shadow: 0 8px 20px rgba(112, 0, 255, 0.3); }
.input-group-custom { display: flex; align-items: center; background: #f8f9fc; border: 2px solid #edf2f7; border-radius: 16px; padding: 0 18px; transition: all 0.3s; }
.input-group-custom:focus-within { border-color: #7000ff; background: #fff; box-shadow: 0 10px 20px rgba(112, 0, 255, 0.06); }
.input-icon { color: #a0aec0; font-size: 1.25rem; margin-right: 12px; }
.input-group-custom:focus-within .input-icon { color: #7000ff; }
.custom-input, .custom-select { border: none !important; background: transparent !important; box-shadow: none !important; padding-left: 0 !important; font-weight: 600; }
.btn-cyber-login { background: linear-gradient(135deg, #090622 0%, #1a1253 100%); border-radius: 16px !important; letter-spacing: 1px; transition: all 0.4s ease; }
.btn-cyber-login:hover { background: linear-gradient(135deg, #7000ff 0%, #0dcaf0 100%); box-shadow: 0 12px 30px rgba(112, 0, 255, 0.4) !important; }

/* Sağ Alan Resim HUD */
.custom-visual-card { box-shadow: 0 20px 50px rgba(16, 12, 56, 0.06) !important; }
.full-showcase-img { width: 100%; height: 100%; object-fit: cover; }
.bg-hud-cyber { background: rgba(9, 6, 34, 0.8); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); border-top: 1px solid rgba(255, 255, 255, 0.08); }
.hud-cyber-icon { width: 36px; height: 36px; border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 1.1rem; }
.pulse-cyan { background: rgba(13, 202, 240, 0.15); color: #0dcaf0; }
.pulse-pink { background: rgba(255, 0, 127, 0.15); color: #ff007f; }
.pulse-purple { background: rgba(161, 0, 255, 0.15); color: #a100ff; }

/* Dikey Menü Sistemi */
.cyber-menu-card {
    background: #ffffff !important;
    border-radius: 20px !important;
    border: 1px solid #eef2f7 !important;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.cyber-menu-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 20px 40px rgba(9, 6, 34, 0.08) !important;
}

.bg-blue-gradient   { background: linear-gradient(135deg, #00b4db, #0083b0); }
.bg-pink-gradient   { background: linear-gradient(135deg, #ff007f, #aa00ff); }
.bg-purple-gradient { background: linear-gradient(135deg, #7000ff, #4a00e0); }
.bg-green-gradient  { background: linear-gradient(135deg, #11998e, #38ef7d); }

.menu-header-icon { font-size: 1.25rem; line-height: 1; }

.cyber-list-group .list-group-item {
    font-weight: 700; font-size: 14px; color: #4a5568;
    background-color: transparent; transition: all 0.2s ease;
}
.cyber-list-group .list-group-item i { font-size: 1.1rem; transition: transform 0.2s ease; }

.cyber-list-group .list-group-item:hover {
    background-color: #f8f9fc; color: #000000; padding-left: 1.25rem !important;
}
.cyber-list-group .list-group-item:hover i { transform: scale(1.2); }

.text-blue { color: #00b4db !important; }
.bg-blue-soft { background-color: rgba(0, 180, 219, 0.08); }
.text-pink { color: #ff007f !important; }
.bg-pink-soft { background-color: rgba(255, 0, 127, 0.08); }
.text-purple { color: #7000ff !important; }
.bg-purple-soft { background-color: rgba(112, 0, 255, 0.08); }

.text-fb-yellow { color: #fcd116; }
.text-ts-blue { color: #0099b8; }
.text-gs-gold { color: #ffcc00; }
.font-9 { font-size: 9px !important; font-weight: 800; padding: 4px 8px !important; }

.menu-fb:hover  { background-color: rgba(0, 45, 98, 0.05) !important; color: #002d62 !important; }
.menu-ts:hover  { background-color: rgba(128, 0, 32, 0.05) !important; color: #800020 !important; }
.menu-bjk:hover { background-color: rgba(0, 0, 0, 0.04) !important; color: #000000 !important; }
.menu-gs:hover  { background-color: rgba(179, 0, 0, 0.05) !important; color: #b30000 !important; }
.menu-ads:hover { background-color: rgba(13, 202, 240, 0.05) !important; color: #0056b3 !important; }

.blinker { animation: pulseBlink 1.2s infinite; font-size: 7px; vertical-align: middle; }
@keyframes pulseBlink { 0% { opacity: 0.3; } 50% { opacity: 1; } 100% { opacity: 0.3; } }

.rotate-music { animation: rotation 4s linear infinite; }
@keyframes rotation { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
.animate-bounce { animation: bounce 2s infinite; }
@keyframes bounce { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-4px); } }
.custom-blog-main-card { box-shadow: 0 20px 40px rgba(0,0,0,0.03) !important; }
.custom-blog-item { background: #ffffff; border: 1px solid #edf2f7 !important; transition: all 0.3s ease; }
.custom-blog-item:hover { transform: translateY(-4px); box-shadow: 0 12px 30px rgba(16,12,56,0.05) !important; border-color: #0dcaf0 !important; }
.bg-premium-category { background: #090622; color: #0dcaf0; font-weight: 800; font-size: 10px; padding: 6px 12px !important; border-radius: 10px !important; }
.btn-cyber-read { background: #090622; border: none; border-radius: 10px; font-size: 11px; transition: all 0.3s ease; }
.btn-cyber-read:hover { background: linear-gradient(45deg, #ff007f, #7000ff); box-shadow: 0 5px 15px rgba(112,0,255,0.3) !important; }