/* Custom CSS for Friends Watch Online Theme */

/* General styles */
body {
    font-family: 'Inter', sans-serif; /* Example font, link in header if using Google Fonts */
}

/* Ensure Feather Icons are correctly sized */
i[data-feather] {
    width: 1em; /* Adjust as needed */
    height: 1em; /* Adjust as needed */
    vertical-align: middle;
}

/* Styles for watched episodes */
.episode-item.bg-gray-600 {
    /* Styles for watched episodes, e.g., dimmer background, gray text, line-through */
}

/* Add any other custom styles here not covered by Tailwind */
/* Example: Custom scrollbar styles */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: #333;
}

::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #555;
}

/* --- Navigation Menu Active State Styles (for Tailwind CDN) --- */
#main-nav ul li a {
    color: #d1d5db; /* text-gray-300 */
    padding: 0.5rem 0.75rem; /* py-2 px-3 */
    border-radius: 0.375rem; /* rounded-md */
    transition: color 200ms ease-in-out; /* transition-colors duration-200 */
}
#main-nav ul li a:hover {
    color: #ef4444; /* hover:text-red-500 */
}

#main-nav ul li.current-menu-item a,
#main-nav ul li.current-post-ancestor a,
#main-nav ul li.current-page-ancestor a,
#main-nav ul li.current-post-parent a {
    color: #ef4444; /* text-red-500 */
    font-weight: 700; /* font-bold */
    background-color: #374151; /* bg-gray-700 */
}