/* ============================================================
   NeonTV - Ana CSS (app.css)
   TailwindCSS ile birlikte çalışır
============================================================ */

/* Kaydırma Çubuğu (Scrollbar) Özelleştirme */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
::-webkit-scrollbar-track {
    background: #070711;
}
::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.1);
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 245, 255, 0.5);
}

/* Metin Seçimi Özelleştirme */
::selection {
    background: rgba(191, 0, 255, 0.3);
    color: #fff;
}

/* Base Styles */
body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow-x: hidden;
}

/* Smooth Scrolling */
html {
    scroll-behavior: smooth;
}

/* Input Auto-fill (Tarayıcıların sarı/beyaz arka planını ezmek için) */
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{
    -webkit-box-shadow: 0 0 0 30px #13131f inset !important;
    -webkit-text-fill-color: white !important;
    transition: background-color 5000s ease-in-out 0s;
}

/* Video Oynatıcı Varsayılan Altyazı Stili */
::cue {
    background-color: rgba(0, 0, 0, 0.8);
    color: #fff;
    font-family: 'Outfit', sans-serif;
    font-size: 1.2em;
    text-shadow: 0 2px 4px rgba(0,0,0,0.8);
}