/*
Theme Name: HentaiLat
Theme URI: 
Author: Hentailat
Author URI: 
Description: A premium, SEO-optimized Hentai/Anime streaming theme with hybrid SPA/SSR architecture.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: hentailat
Tags: dark, video, streaming, tailwind, seo-optimized
*/

/* Reset & Basic Styles managed by Tailwind */
body {
    background-color: #09090b;
    color: #fafafa;
    font-family: 'Inter', sans-serif;
}

/* Custom Scrollbar for 'no-scrollbar' utility */
.no-scrollbar::-webkit-scrollbar {
    display: none;
}

.no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* Animations */
.modal-enter {
    animation: fadeIn 0.2s ease-out;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: scale(0.95);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

.notification {
    animation: slideIn 0.3s ease-out forwards;
}

@keyframes slideIn {
    from {
        transform: translateY(100%);
        opacity: 0;
    }

    to {
        transform: translateY(0);
        opacity: 1;
    }
}

.episode-active {
    background-color: #db2777 !important;
    color: white !important;
    border-color: #db2777 !important;
}

.comment-anim {
    animation: commentIn 0.4s ease-out;
}

@keyframes commentIn {
    from {
        opacity: 0;
        transform: translateX(-10px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}

/* Form Elements */
select {
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2003/svg' fill='none' viewBox='0 0 24 24' stroke='%2371717a'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 1rem;
}