/*
Theme Name: SportNews Dashboard ULTIMATE
Author: Andi
Description: Profi-Dashboard mit Live-Suche, Pin-System und Skeleton-Loadern.
Version: 1.9
*/


/* --- CORE & ANIMATIONS --- */
@keyframes pulse-bg { 0%, 100% { background-color: rgba(229, 231, 235, 0.5); } 50% { background-color: rgba(229, 231, 235, 1); } }
@keyframes pulse-bg-dark { 0%, 100% { background-color: rgba(31, 41, 55, 0.5); } 50% { background-color: rgba(55, 65, 81, 1); } }
.skeleton-pulse { animation: pulse-bg 2s infinite; }
.dark .skeleton-pulse { animation: pulse-bg-dark 2s infinite; }

.live-dot { height: 8px; width: 8px; background-color: #ef4444; border-radius: 50%; display: inline-block; position: relative; }
.live-dot::after { content: ''; position: absolute; inset: -4px; border-radius: 50%; background-color: #ef4444; opacity: 0.6; animation: live-pulse 1.5s infinite; }
@keyframes live-pulse { 0% { transform: scale(1); opacity: 0.6; } 100% { transform: scale(2.5); opacity: 0; } }

/* --- SEARCH & INPUT FIXES (DEEP BLACK) --- */
input[type="text"], input[type="search"], #live-search-input, .search-field {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    opacity: 1 !important;
}
.dark input[type="text"], .dark input[type="search"], .dark #live-search-input, .dark .search-field {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

/* --- SEARCH RESULTS HOVER --- */
.search-result-item { transition: all 0.2s ease; border-left: 4px solid transparent; }
.search-result-item:hover {
    background-color: rgba(37, 99, 235, 0.05) !important;
    border-left-color: #2563eb;
    transform: translateX(4px);
}
.dark .search-result-item:hover { background-color: rgba(59, 130, 246, 0.1) !important; }

/* --- LAYOUT HELPER --- */
#sidebar-overlay.active { display: block !important; opacity: 1 !important; }
body.menu-open { overflow: hidden; }
.animate-slideIn { animation: slideIn 0.3s ease-out forwards; }
@keyframes slideIn { from { opacity: 0; transform: translateX(-10px); } to { opacity: 1; transform: translateX(0); } }