/**
 * Light Theme Overrides
 * White background for category, subcategory, article, tag pages
 */

/* Base overrides */
body.light-theme {
    background-color: #FFFFFF !important;
    color: #2D2D2D !important;
}

body.light-theme .page-wrapper {
    background-color: #FFFFFF !important;
}

body.light-theme .main-content {
    background-color: #FFFFFF !important;
    padding-top: calc(var(--header-height) + 25px) !important;
}

/* Hide all decorative backgrounds */
body.light-theme .page-decor {
    display: none !important;
}

/* Section Titles */
body.light-theme .section-title {
    color: #0D0D2B !important;
}

body.light-theme .section-subtitle {
    color: #666666 !important;
}

/* Breadcrumb */
body.light-theme .breadcrumb-item {
    color: #888888 !important;
}

body.light-theme .breadcrumb-item a {
    color: #0D0D2B !important;
}

body.light-theme .breadcrumb-item a:hover {
    color: #FFD700 !important;
}

/* Category Cards - Dark style like homepage */
body.light-theme .category-card {
    background: #1A1A45 !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3) !important;
    border-radius: 12px !important;
    padding: 2rem !important;
    text-align: center !important;
    transition: all 0.3s ease !important;
}

body.light-theme .category-card:hover {
    border-color: #FFD700 !important;
    transform: translateY(-5px) !important;
    box-shadow: 0 15px 30px rgba(255, 215, 0, 0.15) !important;
}

body.light-theme .category-card-icon {
    background: linear-gradient(135deg, #FFD700 0%, #F5C518 100%) !important;
    width: 60px !important;
    height: 60px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 auto 1rem !important;
}

body.light-theme .category-card-icon svg {
    fill: #0D0D2B !important;
    width: 28px !important;
    height: 28px !important;
}

body.light-theme .category-card-title {
    color: #FFFFFF !important;
    font-size: 1.125rem !important;
    margin-bottom: 0.25rem !important;
}

body.light-theme .category-card-count {
    color: #8888AA !important;
    font-size: 0.875rem !important;
}

/* Article Cards */
body.light-theme .card {
    background: #FFFFFF !important;
    border: 1px solid #E0E0E0 !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08) !important;
}

body.light-theme .card:hover {
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12) !important;
}

body.light-theme .card-title {
    color: #0D0D2B !important;
}

body.light-theme .card-title a {
    color: #0D0D2B !important;
}

body.light-theme .card-title a:hover {
    color: #FFD700 !important;
}

/* Pagination */
body.light-theme .pagination-list li a,
body.light-theme .pagination-list li span {
    background: #FFFFFF !important;
    border-color: #E0E0E0 !important;
    color: #2D2D2D !important;
}

body.light-theme .pagination-list li a:hover {
    border-color: #FFD700 !important;
    color: #FFD700 !important;
}

body.light-theme .pagination-current {
    background: #FFD700 !important;
    border-color: #FFD700 !important;
    color: #0D0D2B !important;
}

/* Casino Cards */
body.light-theme .casino-grid-new {
    margin-bottom: var(--space-2xl);
}

body.light-theme .casino-card-new {
    background: #FFFFFF !important;
    border: 1px solid #E0E0E0 !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08) !important;
}

body.light-theme .casino-card-new::before {
    background: transparent !important;
}

body.light-theme .casino-card-new:hover {
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15) !important;
    border-color: #FFD700 !important;
}

body.light-theme .casino-card-new-header {
    border-bottom-color: #E0E0E0 !important;
}

body.light-theme .casino-card-new-name {
    color: #0D0D2B !important;
}

body.light-theme .casino-card-new-bonus {
    background: linear-gradient(90deg, rgba(255, 215, 0, 0.12) 0%, rgba(255, 215, 0, 0.05) 100%) !important;
    color: #B8860B !important;
    border-bottom-color: rgba(255, 215, 0, 0.2) !important;
}

body.light-theme .casino-card-new-rating .rating-value {
    color: #0D0D2B !important;
}

body.light-theme .casino-card-new-btn {
    background: linear-gradient(135deg, #0D0D2B 0%, #1A1A45 100%) !important;
}

body.light-theme .casino-card-new-btn:hover {
    background: linear-gradient(135deg, #FFD700 0%, #E6C200 100%) !important;
    color: #0D0D2B !important;
}

/* Article Content */
body.light-theme .article-content {
    color: #2D2D2D !important;
}

body.light-theme .article-content h1,
body.light-theme .article-content h2,
body.light-theme .article-content h3,
body.light-theme .article-content h4 {
    color: #0D0D2B !important;
}

body.light-theme .article-content p {
    color: #444444 !important;
}

body.light-theme .article-content a {
    color: #B8860B !important;
}

body.light-theme .article-content a:hover {
    color: #FFD700 !important;
}

body.light-theme .article-content li {
    color: #444444 !important;
}

/* Article Header */
body.light-theme article header h1 {
    color: #0D0D2B !important;
}

/* Sidebar */
body.light-theme .sidebar-widget {
    background: #F8F8F8 !important;
    border: 1px solid #E0E0E0 !important;
    box-shadow: none !important;
}

body.light-theme .sidebar-title {
    color: #0D0D2B !important;
    border-bottom-color: #FFD700 !important;
}

body.light-theme .sidebar-widget a {
    color: #2D2D2D !important;
}

body.light-theme .sidebar-widget a:hover {
    color: #FFD700 !important;
}

/* Tags Section */
body.light-theme .article-tags-section {
    background: linear-gradient(135deg, rgba(13, 13, 43, 0.03) 0%, rgba(255, 215, 0, 0.05) 100%) !important;
    border: 1px solid #E0E0E0 !important;
}

body.light-theme .article-tags-section::before {
    background: linear-gradient(90deg, #0D0D2B, #FFD700, #00D4FF) !important;
}

body.light-theme .article-tags-title {
    color: #0D0D2B !important;
}

body.light-theme .article-tag {
    background: #FFFFFF !important;
    border: 1px solid #E0E0E0 !important;
    color: #0D0D2B !important;
}

body.light-theme .article-tag::before {
    color: #FFD700 !important;
}

body.light-theme .article-tag:hover {
    background: linear-gradient(135deg, #0D0D2B 0%, #1A1A45 100%) !important;
    color: #FFFFFF !important;
    border-color: transparent !important;
}

/* Related Articles */
body.light-theme .related-articles {
    border-top-color: #E0E0E0 !important;
}

body.light-theme .related-title {
    color: #0D0D2B !important;
}

/* Tag Chip */
body.light-theme .tag {
    background: #F0F0F0 !important;
    color: #0D0D2B !important;
}

body.light-theme .tag:hover {
    background: #FFD700 !important;
    color: #0D0D2B !important;
}

/* SEO Content */
body.light-theme .seo-content {
    background: #F8F8F8 !important;
    border: 1px solid #E0E0E0 !important;
}

body.light-theme .seo-content h2 {
    color: #0D0D2B !important;
}

body.light-theme .seo-content p {
    color: #444444 !important;
}

/* Layout spacing */
body.light-theme .layout-sidebar {
    gap: var(--space-2xl) !important;
}

/* Table styling */
body.light-theme .article-content table {
    border-color: #E0E0E0 !important;
}

body.light-theme .article-content th {
    background: #0D0D2B !important;
    color: #FFFFFF !important;
}

body.light-theme .article-content td {
    border-bottom-color: #E0E0E0 !important;
    color: #2D2D2D !important;
}

body.light-theme .article-content tr:nth-child(even) {
    background: #F8F8F8 !important;
}

/* Blockquote */
body.light-theme .article-content blockquote {
    background: #F8F8F8 !important;
    border-left-color: #FFD700 !important;
    color: #444444 !important;
}