/* AI News 24/7 Custom Styles */

:root {
    --ai-red: #e63946;
    --ai-dark: #0f1014;
    --ai-gray: #1a1c23;
    --ai-light: #f8f9fa;
    --glass-bg: rgba(26, 28, 35, 0.7);
    --glass-border: rgba(255, 255, 255, 0.1);
}

body {
    font-family: 'Inter', sans-serif;
    background-color: var(--ai-dark) !important;
    color: var(--ai-light);
}

.bg-black {
    background-color: var(--ai-dark) !important;
}

.bg-dark {
    background-color: var(--ai-gray) !important;
}

/* User Global Overrides */

.z-1 {
    z-index: auto !important;
}

/* Typography Utilities */
.tracking-wider {
    letter-spacing: 0.05em;
}

.tracking-widest {
    letter-spacing: 0.1em;
}

.text-truncate-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Glassmorphism */
.backdrop-blur {
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

/* Streaming Layout Heights */
.stream-container {
    height: calc(100vh - 140px);
    /* Account for nav and footer */
}

@media (max-width: 991px) {
    .stream-container {
        height: auto;
    }

    .stream-main {
        height: 100%;
        min-height: 100%;
    }

    .stream-sidebar {
        height: 100%;
        transition: width 0.3s ease, flex 0.3s ease;
    }
    
    .stream-main {
        transition: width 0.3s ease, flex 0.3s ease;
    }
}

.cursor-pointer { cursor: pointer; }
.transition-all { transition: all 0.2s ease-in-out; }
.collapsed-sidebar { width: auto; overflow: hidden; align-items: center; justify-content: start; }
.collapsed-sidebar .p-4 { padding: 1rem !important; }

/* Animations & Badges */
.blink {
    animation: blinker 1.5s linear infinite;
}

@keyframes blinker {
    50% {
        opacity: 0.3;
    }
}

.pulsing-dot {
    width: 12px;
    height: 12px;
    background-color: var(--ai-red);
    border-radius: 50%;
    position: relative;
}

.pulsing-dot::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: var(--ai-red);
    border-radius: 50%;
    animation: pulse 2s ease-out infinite;
    top: 0;
    left: 0;
}

@keyframes pulse {
    0% {
        transform: scale(1);
        opacity: 0.8;
    }

    100% {
        transform: scale(3);
        opacity: 0;
    }
}

.live-badge {
    background: rgba(230, 57, 70, 0.15);
    border: 1px solid rgba(230, 57, 70, 0.3);
    padding: 6px 16px;
    border-radius: 20px;
    backdrop-filter: blur(4px);
    color: var(--ai-red);
    display: inline-flex;
}

/* Sidebar Playlist */
.custom-scrollbar::-webkit-scrollbar {
    width: 6px;
}

.custom-scrollbar::-webkit-scrollbar-track {
    background: transparent;
}

.custom-scrollbar::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.2);
    border-radius: 10px;
}

.custom-scrollbar::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, 0.4);
}

.cursor-pointer {
    cursor: pointer;
}

.transition-all {
    transition: all 0.3s ease;
}

.news-card:hover {
    background-color: rgba(255, 255, 255, 0.05) !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.5);
}

.active-video {
    background-color: rgba(255, 255, 255, 0.08) !important;
}

/* Equalizer Animation for playing video */
.equalizer {
    display: flex;
    align-items: flex-end;
    height: 15px;
    gap: 3px;
}

.bar {
    width: 4px;
    background-color: var(--ai-red);
    animation: equalize 1s ease-in-out infinite;
}

.bar-1 {
    animation-delay: 0.0s;
    height: 10px;
}

.bar-2 {
    animation-delay: 0.2s;
    height: 5px;
}

.bar-3 {
    animation-delay: 0.4s;
    height: 15px;
}

@keyframes equalize {
    0% {
        height: 5px;
    }

    50% {
        height: 15px;
    }

    100% {
        height: 5px;
    }
}
 / *   G a l l e r y   G r i d   S t y l e s   * / 
 . h o v e r - s c a l e   {   t r a n s i t i o n :   t r a n s f o r m   0 . 2 s   e a s e - i n - o u t ,   b o x - s h a d o w   0 . 2 s   e a s e - i n - o u t ;   } 
 . h o v e r - s c a l e : h o v e r   {   t r a n s f o r m :   t r a n s l a t e Y ( - 5 p x ) ;   b o x - s h a d o w :   0   1 0 p x   2 0 p x   r g b a ( 0 , 0 , 0 , 0 . 8 )   ! i m p o r t a n t ;   } 
 . t e x t - t r u n c a t e - 2   {   d i s p l a y :   - w e b k i t - b o x ;   - w e b k i t - l i n e - c l a m p :   2 ;   - w e b k i t - b o x - o r i e n t :   v e r t i c a l ;   o v e r f l o w :   h i d d e n ;   } 
 
 / *   C u s t o m   P a g i n a t i o n   s t y l i n g   * / 
 . p a g i n a t i o n - d a r k   . p a g e - l i n k   {   c o l o r :   # f f f ;   b a c k g r o u n d - c o l o r :   # 2 1 2 5 2 9 ;   b o r d e r - c o l o r :   # 4 9 5 0 5 7 ;   } 
 . p a g i n a t i o n - d a r k   . p a g e - l i n k : h o v e r   {   b a c k g r o u n d - c o l o r :   # 3 4 3 a 4 0 ;   c o l o r :   # f f f ;   } 
 . p a g i n a t i o n - d a r k   . p a g e - i t e m . a c t i v e   . p a g e - l i n k   {   b a c k g r o u n d - c o l o r :   # d c 3 5 4 5 ;   b o r d e r - c o l o r :   # d c 3 5 4 5 ;   c o l o r :   w h i t e ;   } 
 . p a g i n a t i o n - d a r k   . p a g e - i t e m . d i s a b l e d   . p a g e - l i n k   {   b a c k g r o u n d - c o l o r :   # 1 a 1 e 2 1 ;   c o l o r :   # 6 c 7 5 7 d ;   } 
  
 