/*
Theme Name: Clearview TV Cinematic
Theme URI: https://clearviewtv.com
Author: Clearview Team - BravoCore
Description: Cinematic, dark-mode theme tailored for IPTV/Streaming Services.
Version: 1.002
*/

body { font-family: 'Inter', sans-serif; -webkit-font-smoothing: antialiased; background-color: #020617 !important; color: #f8fafc; }

/* Custom Gradients mapped to your logo */
.text-cv-gradient {
    background: linear-gradient(to right, #9333ea, #db2777, #f97316); /* Purple -> Pink -> Orange */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.bg-cv-gradient { background: linear-gradient(to right, #9333ea, #db2777, #f97316); }

/* Logo Sizing */
.logo-side-container .custom-logo-link img, .logo-side-container img.custom-logo {
    height: 50px !important; width: auto !important; max-width: none !important; object-fit: contain; display: block;
}

/* Glassmorphism utilities */
.glass-nav { background: rgba(2, 6, 23, 0.85); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border-bottom: 1px solid rgba(255,255,255,0.05); }
.glass-card { background: rgba(15, 23, 42, 0.7); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); border: 1px solid rgba(255,255,255,0.05); }

/* Cinematic Grid Table */
.cine-table-wrapper { overflow-x: auto; border-radius: 16px; background: #0f172a; border: 1px solid rgba(255,255,255,0.1); }
.cine-table { width: 100%; border-collapse: collapse; font-size: 1.05rem; min-width: 800px; }
.cine-table th { background: rgba(0,0,0,0.5); color: white; padding: 1.5rem; text-transform: uppercase; font-weight: 800; letter-spacing: 0.05em; text-align: center; border-bottom: 1px solid rgba(255,255,255,0.1); }
.cine-table th:first-child { text-align: left; }
.cine-table td { padding: 1.5rem; border-bottom: 1px solid rgba(255,255,255,0.05); text-align: center; color: #cbd5e1; font-weight: 500; }
.cine-table tr:last-child td { border-bottom: none; }
.cine-table tr:hover td { background-color: rgba(255,255,255,0.03); }
.cine-table .feature-title { text-align: left; font-weight: 700; color: white; display: flex; align-items: center; }
.cine-table .col-highlight { background-color: rgba(219, 39, 119, 0.08); border-left: 1px solid rgba(219, 39, 119, 0.2); border-right: 1px solid rgba(219, 39, 119, 0.2); position: relative; }
.cine-table .col-highlight::after { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: #db2777; }

/* AI CHAT */
.sophia-chat-window { animation: slideUp 0.3s ease-out; }
@keyframes slideUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }
.typing-dot { animation: bounce 1s infinite; }
.typing-dot:nth-child(2) { animation-delay: 0.2s; }
.typing-dot:nth-child(3) { animation-delay: 0.4s; }
@keyframes bounce { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-5px); } }