/* Light Theme for FilmInfo Site - Default Bootstrap theme overrides */

/* Light theme variables */
:root {
    --light-bg-primary: #ffffff;
    --light-bg-secondary: #f8f9fa;
    --light-bg-tertiary: #e9ecef;
    --light-text-primary: #212529;
    --light-text-secondary: #6c757d;
    --light-text-muted: #6c757d;
    --light-border: #dee2e6;
    --light-shadow: rgba(0, 0, 0, 0.15);
    --light-accent: #007bff;
    --light-accent-hover: #0056b3;
}

/* Light theme is applied by default, dark theme overrides when .dark-theme class is present */
body:not(.dark-theme) {
    background-color: var(--light-bg-primary) !important;
    color: var(--light-text-primary) !important;
}

/* Navigation bar for light theme */
body:not(.dark-theme) .navbar-dark.topbar {
    background-color: #343a40 !important;
    border-bottom: 1px solid var(--light-border) !important;
}

body:not(.dark-theme) .navbar-dark .navbar-nav .nav-link {
    color: #ffffff !important;
}

body:not(.dark-theme) .navbar-dark .navbar-nav .nav-link:hover {
    color: var(--light-accent) !important;
}

/* Cards and widgets for light theme */
body:not(.dark-theme) .bg-white {
    background-color: var(--light-bg-primary) !important;
    border: 1px solid var(--light-border) !important;
}

body:not(.dark-theme) .card {
    background-color: var(--light-bg-primary) !important;
    border: 1px solid var(--light-border) !important;
}

body:not(.dark-theme) .m-card {
    background-color: var(--light-bg-primary) !important;
    border: 1px solid var(--light-border) !important;
}

body:not(.dark-theme) .m-card:hover {
    box-shadow: 0 0.15rem 1.75rem var(--light-shadow) !important;
}

/* Text colors for light theme */
body:not(.dark-theme) .text-gray-900 {
    color: var(--light-text-primary) !important;
}

body:not(.dark-theme) .text-gray-800 {
    color: var(--light-text-primary) !important;
}

body:not(.dark-theme) .text-muted {
    color: var(--light-text-muted) !important;
}

/* Info header for light theme */
body:not(.dark-theme) .info-header {
    background-color: var(--light-bg-primary) !important;
    border: 1px solid var(--light-border) !important;
}

/* Tabs for light theme */
body:not(.dark-theme) .nav-tabs {
    border-bottom: 1px solid var(--light-border) !important;
}

body:not(.dark-theme) .nav-tabs .nav-link {
    color: var(--light-text-secondary) !important;
    background-color: transparent !important;
    border: 1px solid transparent !important;
}

body:not(.dark-theme) .nav-tabs .nav-link:hover {
    color: var(--light-text-primary) !important;
    border-color: var(--light-border) !important;
}

body:not(.dark-theme) .nav-tabs .nav-link.active {
    color: var(--light-text-primary) !important;
    background-color: var(--light-bg-primary) !important;
    border-color: var(--light-border) var(--light-border) var(--light-bg-primary) !important;
}

/* Tab content for light theme */
body:not(.dark-theme) .tab-content {
    background-color: var(--light-bg-primary) !important;
}

/* Buttons for light theme */
body:not(.dark-theme) .btn-primary {
    background-color: var(--light-accent) !important;
    border-color: var(--light-accent) !important;
}

body:not(.dark-theme) .btn-primary:hover {
    background-color: var(--light-accent-hover) !important;
    border-color: var(--light-accent-hover) !important;
}

body:not(.dark-theme) .btn-circle {
    background-color: var(--light-bg-tertiary) !important;
    border: 1px solid var(--light-border) !important;
    color: var(--light-text-primary) !important;
}

body:not(.dark-theme) .btn-circle:hover {
    background-color: var(--light-accent) !important;
    color: #ffffff !important;
}

/* Love box (rating) for light theme */
body:not(.dark-theme) .love-box {
    background-color: var(--light-bg-primary) !important;
    border: 1px solid var(--light-border) !important;
}

/* Footer for light theme */
body:not(.dark-theme) .sticky-footer {
    background-color: var(--light-bg-primary) !important;
    border-top: 1px solid var(--light-border) !important;
}

/* Scroll to top button for light theme */
body:not(.dark-theme) .scroll-to-top {
    background-color: var(--light-accent) !important;
    color: #ffffff !important;
}

body:not(.dark-theme) .scroll-to-top:hover {
    background-color: var(--light-accent-hover) !important;
}

/* Card titles and links for light theme */
body:not(.dark-theme) .card-title {
    color: var(--light-text-primary) !important;
}

body:not(.dark-theme) .card-text {
    color: var(--light-text-secondary) !important;
}

/* Links for light theme */
body:not(.dark-theme) a {
    color: var(--light-accent) !important;
}

body:not(.dark-theme) a:hover {
    color: var(--light-accent-hover) !important;
}

/* Media objects (reviews) for light theme */
body:not(.dark-theme) .media {
    border-bottom: 1px solid var(--light-border) !important;
}

body:not(.dark-theme) .media:last-child {
    border-bottom: none !important;
}

/* Iframe containers for light theme */
body:not(.dark-theme) iframe {
    border: 1px solid var(--light-border) !important;
}

/* Badge and info elements for light theme */
body:not(.dark-theme) .bg-info {
    background-color: var(--light-accent) !important;
}

/* Form elements for light theme */
body:not(.dark-theme) .form-control {
    background-color: var(--light-bg-primary) !important;
    border: 1px solid var(--light-border) !important;
    color: var(--light-text-primary) !important;
}

body:not(.dark-theme) .form-control:focus {
    background-color: var(--light-bg-primary) !important;
    border-color: var(--light-accent) !important;
    color: var(--light-text-primary) !important;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25) !important;
}

/* Dropdown menus for light theme */
body:not(.dark-theme) .dropdown-menu {
    background-color: var(--light-bg-primary) !important;
    border: 1px solid var(--light-border) !important;
}

body:not(.dark-theme) .dropdown-item {
    color: var(--light-text-primary) !important;
}

body:not(.dark-theme) .dropdown-item:hover {
    background-color: var(--light-bg-secondary) !important;
    color: var(--light-text-primary) !important;
}

/* Shadow adjustments for light theme */
body:not(.dark-theme) .shadow {
    box-shadow: 0 0.15rem 1.75rem var(--light-shadow) !important;
}

body:not(.dark-theme) .shadow-sm {
    box-shadow: 0 0.125rem 0.25rem var(--light-shadow) !important;
}

/* Image overlays and effects for light theme */
body:not(.dark-theme) .m-card-cover {
    position: relative;
    overflow: hidden;
}

body:not(.dark-theme) .m-card-cover::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(45deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.3));
    opacity: 0;
    transition: opacity 0.3s ease;
}

body:not(.dark-theme) .m-card:hover .m-card-cover::after {
    opacity: 1;
}

/* Custom scrollbar for webkit browsers - light theme */
body:not(.dark-theme) ::-webkit-scrollbar {
    width: 8px;
}

body:not(.dark-theme) ::-webkit-scrollbar-track {
    background: var(--light-bg-secondary);
}

body:not(.dark-theme) ::-webkit-scrollbar-thumb {
    background: var(--light-bg-tertiary);
    border-radius: 4px;
}

body:not(.dark-theme) ::-webkit-scrollbar-thumb:hover {
    background: var(--light-accent);
}

/* Theme toggle button styling for light theme */
body:not(.dark-theme) #theme-toggle {
    background-color: transparent !important;
    border: 1px solid #ffffff !important;
    color: #ffffff !important;
    transition: all 0.3s ease;
}

body:not(.dark-theme) #theme-toggle:hover {
    background-color: var(--light-accent) !important;
    border-color: var(--light-accent) !important;
    color: #ffffff !important;
}

/* Description text size */
.text-description {
    font-size: 1.1rem !important;
}