/**
 * LuckyAff Light Theme
 *
 * Light theme for content area.
 * Header and Footer remain dark for contrast.
 *
 * @package LuckyAff
 */

/* ==========================================================================
   Light Theme CSS Variables
   ========================================================================== */

body.theme-light {
    /* Content Backgrounds - Light and clean */
    --la-bg-dark: #f8fafc;
    --la-bg-card: #ffffff;
    --la-bg-card-hover: #f8fafc;
    --la-bg-light: #f1f5f9;
    --la-bg-gradient: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);

    /* Text Colors - Dark for readability */
    --la-text-primary: #0f172a;
    --la-text-secondary: #475569;
    --la-text-muted: #64748b;

    /* Borders - Subtle */
    --la-border: #e2e8f0;
    --la-border-light: #cbd5e1;

    /* Shadows - Softer for light theme */
    --la-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    --la-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    --la-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --la-shadow-glow: 0 0 20px rgb(225 29 72 / 0.15);
}

/* ==========================================================================
   Global Light Theme Adjustments
   ========================================================================== */

body.theme-light {
    background: #f1f5f9;
}

/* Keep header dark - visible burgundy */
body.theme-light .la-header {
    --la-bg-dark: #2d1520;
    --la-bg-card: #3a1f2d;
    --la-text-primary: #f8fafc;
    --la-text-secondary: #c8a0b0;
    --la-border: #4a2838;
    background: var(--la-primary-hover);
}

/* Footer - Light Theme (Burgundy tones) */
body.theme-light .la-footer {
    --la-bg-dark: #2d1520;
    --la-bg-card: #3a1f2d;
    --la-text-primary: #f1f5f9;
    --la-text-secondary: #c8a0b0;
    --la-text-muted: #a08090;
    --la-border: #4a2838;
    background: linear-gradient(180deg, #3a1f2d 0%, #2d1520 100%);
    color: #e2e8f0;
    border-top: none;
}

body.theme-light .la-footer a {
    color: #cbd5e1;
    transition: color 0.2s ease;
}

body.theme-light .la-footer a:hover {
    color: #ffffff;
}

/* Footer CTA Banner - Beautiful gradient */
body.theme-light .la-footer-cta {
    background: linear-gradient(135deg, #e11d48 0%, #9f1239 45%, #881337 100%);
}

body.theme-light .la-footer-cta__badge {
    background: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(10px);
    color: #ffffff;
}

body.theme-light .la-footer-cta__name {
    color: #ffffff;
}

body.theme-light .la-footer-cta__bonus {
    color: rgba(255, 255, 255, 0.9);
}

body.theme-light .la-footer-cta__btn {
    background: #ffffff;
    color: #e11d48;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

body.theme-light .la-footer-cta__btn:hover {
    background: #f8fafc;
    color: #be123c;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2);
}

/* ==========================================================================
   Casino Hero Section - Light Version (gradient like author hero)
   ========================================================================== */

body.theme-light .la-casino-hero {
    --la-bg-card: #ffffff;
    --la-text-primary: #ffffff;
    --la-text-secondary: rgba(255, 255, 255, 0.85);
    --la-text-muted: rgba(255, 255, 255, 0.88);
    --la-border: rgba(255, 255, 255, 0.2);
    background: linear-gradient(135deg, #e11d48 0%, #9f1239 45%, #881337 100%);
    border-bottom: none;
}

body.theme-light .la-casino-hero__pattern {
    background-image: radial-gradient(circle at 20% 80%, rgba(255, 255, 255, 0.1) 0%, transparent 50%),
                      radial-gradient(circle at 80% 20%, rgba(255, 255, 255, 0.08) 0%, transparent 50%),
                      radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.05) 0%, transparent 70%);
}

/* Hero Title */
body.theme-light .la-casino-hero__title {
    color: #ffffff;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* Rating badge - keep colorful */
body.theme-light .la-casino-hero__rating-badge {
    background: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);
    box-shadow: 0 4px 12px rgba(251, 191, 36, 0.3);
}

body.theme-light .la-casino-hero__rating-value {
    color: #0f172a;
}

body.theme-light .la-casino-hero__rating-max {
    color: rgba(0, 0, 0, 0.5);
}

/* Rating text */
body.theme-light .la-casino-hero__rating-text,
body.theme-light .la-casino-hero__rating-label {
    color: rgba(255, 255, 255, 0.92);
}

/* Logo wrap */
body.theme-light .la-casino-hero__logo {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

/* Stats grid */
body.theme-light .la-casino-hero__stat {
    background: rgba(255, 255, 255, 0.15);
    border: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(10px);
}

body.theme-light .la-casino-hero__stat-icon {
    background: rgba(255, 255, 255, 0.2);
    color: #ffffff;
}

body.theme-light .la-casino-hero__stat-value {
    color: #ffffff;
}

body.theme-light .la-casino-hero__stat-label {
    color: rgba(255, 255, 255, 0.92);
}

/* Features */
body.theme-light .la-casino-hero__feature {
    background: rgba(255, 255, 255, 0.15);
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: #ffffff;
}

body.theme-light .la-casino-hero__feature--positive {
    background: rgba(34, 197, 94, 0.25);
    border-color: rgba(34, 197, 94, 0.4);
    color: #ffffff;
}

body.theme-light .la-casino-hero__feature--positive svg {
    color: #4ade80;
}

body.theme-light .la-casino-hero__feature--license {
    background: rgba(59, 130, 246, 0.25);
    border-color: rgba(59, 130, 246, 0.4);
    color: #ffffff;
}

body.theme-light .la-casino-hero__feature--license svg {
    color: #60a5fa;
}

/* Badges */
body.theme-light .la-casino-hero__badge {
    background: rgba(255, 255, 255, 0.15);
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, 0.25);
}

body.theme-light .la-casino-hero__badge--category {
    background: rgba(255, 255, 255, 0.2);
    color: #ffffff;
    border-color: rgba(255, 255, 255, 0.3);
}

body.theme-light .la-casino-hero__badge--category:hover {
    background: rgba(255, 255, 255, 0.3);
}

body.theme-light .la-casino-hero__badge--new {
    background: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);
    color: #0f172a;
    border: none;
}

/* Restricted countries warning */
body.theme-light .la-casino-hero__restricted {
    background: rgba(239, 68, 68, 0.2);
    border: 1px solid rgba(239, 68, 68, 0.4);
    color: #ffffff;
}

/* Breadcrumbs in hero */
body.theme-light .la-casino-hero .la-breadcrumb a,
body.theme-light .la-casino-hero .la-breadcrumb__current,
body.theme-light .la-casino-hero .la-breadcrumb__sep {
    color: rgba(255, 255, 255, 0.92);
}

body.theme-light .la-casino-hero .la-breadcrumb a:hover {
    color: #ffffff;
}

/* ==========================================================================
   Bonus Box - Complete Light Theme Styling
   ========================================================================== */

body.theme-light .la-bonus-box {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
}

body.theme-light .la-bonus-box__header {
    background: linear-gradient(135deg, var(--la-primary) 0%, #9f1239 100%);
    color: #ffffff;
        padding: 1.4rem 1.5rem;
}

body.theme-light .la-bonus-box__badge {
    background: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);
    color: #78350f;
    box-shadow: 0 2px 8px rgba(251, 191, 36, 0.4);
}

body.theme-light .la-bonus-box__label {
    color: rgba(255, 255, 255, 0.9);
}

body.theme-light .la-bonus-box__body {
    background: #ffffff;
}

body.theme-light .la-bonus-box__amount-label {
    color: #64748b;
}

body.theme-light .la-bonus-box__amount-value {
    background: linear-gradient(135deg, #b45309 0%, #d97706 50%, #b45309 100%);
    background-size: 200% auto;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

body.theme-light .la-bonus-box__spins {
    color: #16a34a;
}

body.theme-light .la-bonus-box__desc {
    color: #475569;
}

body.theme-light .la-bonus-box__info {
    border-top: 1px solid #e2e8f0;
    border-bottom: 1px solid #e2e8f0;
    background: #f8fafc;
}

body.theme-light .la-bonus-box__info-item {
    border-right-color: #e2e8f0;
}

body.theme-light .la-bonus-box__info-item svg {
    color: #e11d48;
    opacity: 1;
}

body.theme-light .la-bonus-box__info-text {
    color: #475569;
}

body.theme-light .la-bonus-box__info-text strong {
    color: #0f172a;
}

body.theme-light .la-bonus-box__code {
    background: rgba(225, 29, 72, 0.05);
}

body.theme-light .la-bonus-box__code-label {
    color: #64748b;
}

body.theme-light .la-bonus-box__code-btn,
body.theme-light .la-bonus-box__code-value {
    background: rgba(225, 29, 72, 0.1);
    border: 2px dashed var(--la-primary);
    color: var(--la-primary);
}

body.theme-light .la-bonus-box__code-btn:hover,
body.theme-light .la-bonus-box__code-value:hover {
    background: rgba(225, 29, 72, 0.15);
    border-color: #be123c;
}

body.theme-light .la-bonus-box__action {
    background: #ffffff;
}

body.theme-light .la-bonus-box__cta {
    background: linear-gradient(135deg, var(--la-secondary) 0%, #34d399 100%);
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(16, 185, 129, 0.35);
}

body.theme-light .la-bonus-box__cta:hover {
    background: linear-gradient(135deg, #34d399 0%, var(--la-secondary) 100%);
    box-shadow: 0 6px 20px rgba(16, 185, 129, 0.45);
}

body.theme-light .la-bonus-box__footer {
    background: #f1f5f9;
    color: #64748b;
}

body.theme-light .la-bonus-box__footer span:first-child {
    background: rgba(239, 68, 68, 0.15);
    color: #dc2626;
}

body.theme-light .la-bonus-box__terms-link {
    color: #64748b;
}

body.theme-light .la-bonus-box__terms-link:hover {
    color: var(--la-primary);
}

body.theme-light .la-bonus-box__terms-content {
    background: #f8fafc;
    color: #475569;
    border-top: 1px solid #e2e8f0;
}

body.theme-light .la-bonus-box__terms-toggle {
    color: #64748b;
    background: rgba(0, 0, 0, 0.03);
}

body.theme-light .la-bonus-box__terms-toggle:hover {
    color: var(--la-primary);
    background: rgba(0, 0, 0, 0.05);
}

/* ==========================================================================
   Homepage Hero Section - Light Version (gradient)
   ========================================================================== */

body.theme-light .la-hero {
    background: linear-gradient(135deg, #e11d48 0%, #9f1239 45%, #881337 100%);
}

body.theme-light .la-hero--gradient {
    background: linear-gradient(135deg, #e11d48 0%, #9f1239 45%, #881337 100%);
}

body.theme-light .la-hero__overlay {
    background: linear-gradient(135deg, rgba(225, 29, 72, 0.9) 0%, rgba(136, 19, 55, 0.85) 100%);
}

body.theme-light .la-hero__title {
    color: #ffffff;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

body.theme-light .la-hero__subtitle {
    color: rgba(255, 255, 255, 0.9);
}

body.theme-light .la-hero__search-input {
    background: #ffffff;
    border-color: #e2e8f0;
    color: #0f172a;
}

body.theme-light .la-hero__search-input::placeholder {
    color: #64748b;
}

body.theme-light .la-hero__search-input:focus {
    border-color: var(--la-primary);
    box-shadow: 0 0 0 3px rgba(225, 29, 72, 0.1);
}

body.theme-light .la-hero__stat {
    background: rgba(255, 255, 255, 0.15);
    border: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(10px);
}

body.theme-light .la-hero__stat-value {
    color: #ffffff;
}

body.theme-light .la-hero__stat-label {
    color: rgba(255, 255, 255, 0.92);
}

/* Featured casino cards in hero */
body.theme-light .la-hero__featured-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

body.theme-light .la-hero__featured-card:hover {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}

body.theme-light .la-hero__featured-badge {
    background: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);
    color: #0f172a;
}

body.theme-light .la-hero__featured-bonus {
    color: #0f172a;
}

/* Hero breadcrumbs */
body.theme-light .la-hero .la-breadcrumb a,
body.theme-light .la-hero .la-breadcrumb__current,
body.theme-light .la-hero .la-breadcrumb__sep {
    color: rgba(255, 255, 255, 0.92);
}

body.theme-light .la-hero .la-breadcrumb a:hover {
    color: #ffffff;
}

/* ==========================================================================
   Casino Navigation (sticky tabs)
   ========================================================================== */

body.theme-light .la-casino-nav {
    background: #ffffff;
    border-bottom: 1px solid #e2e8f0;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}

body.theme-light .la-casino-nav__tab {
    color: #64748b;
}

body.theme-light .la-casino-nav__tab svg {
    color: #64748b;
}

body.theme-light .la-casino-nav__tab:hover {
    color: #0f172a;
    background: #f8fafc;
}

body.theme-light .la-casino-nav__tab:hover svg {
    color: #64748b;
}

body.theme-light .la-casino-nav__tab.is-active {
    color: #ffffff;
    background: var(--la-primary);
}

body.theme-light .la-casino-nav__tab.is-active svg {
    color: #ffffff;
}

/* ==========================================================================
   Author Box in Casino Hero
   ========================================================================== */

body.theme-light .la-author-box--casino {
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(10px);
    border-radius: 12px;
    padding: 1rem 1.25rem;
    margin-top: 1.5rem;
}

body.theme-light .la-author-box--casino .la-author-box__role-label {
    color: rgba(255, 255, 255, 0.88);
}

body.theme-light .la-author-box--casino .la-author-box__role-label svg {
    color: rgba(255, 255, 255, 0.78);
}

body.theme-light .la-author-box--casino .la-author-box__avatar img {
    border-color: rgba(255, 255, 255, 0.4);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

body.theme-light .la-author-box--casino .la-author-box__avatar-placeholder {
    background: rgba(255, 255, 255, 0.15);
    border-color: rgba(255, 255, 255, 0.25);
    color: rgba(255, 255, 255, 0.78);
}

body.theme-light .la-author-box--casino .la-author-box__name,
body.theme-light .la-author-box--casino .la-author-box__name a {
    color: #ffffff;
}

body.theme-light .la-author-box--casino .la-author-box__name a:hover {
    color: rgba(255, 255, 255, 0.92);
}

body.theme-light .la-author-box--casino .la-author-box__title {
    color: rgba(255, 255, 255, 0.88);
}

body.theme-light .la-author-box--casino .la-author-box__stat {
    color: rgba(255, 255, 255, 0.92);
}

body.theme-light .la-author-box--casino .la-author-box__stat svg {
    color: rgba(255, 255, 255, 0.78);
}

body.theme-light .la-author-box--casino .la-author-box__date {
    color: rgba(255, 255, 255, 0.88);
}

body.theme-light .la-author-box--casino .la-author-box__date svg {
    color: rgba(255, 255, 255, 0.75);
}

body.theme-light .la-author-box--casino .la-author-box__quote {
    color: rgba(255, 255, 255, 0.9);
    font-style: italic;
}

/* ==========================================================================
   Casino Content Area
   ========================================================================== */

body.theme-light .la-casino-content {
    background: #f1f5f9;
}

body.theme-light .la-casino-section {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    padding: 2rem;
    margin-bottom: 1.3rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}
body.theme-light .la-floating-bonus-panel {
    box-shadow: none;
}
body.theme-light .la-floating-bonus-panel.is-open {
    box-shadow: -10px 0 40px rgba(0, 0, 0, 0.5);
}
body.theme-light .la-casino-bottom-cta__btn {
    color:white!important;
}
body.theme-light .la-casino-section__header {
    border-bottom: 0;
    padding-bottom: 1rem;
    margin-bottom: 0;
}

body.theme-light .la-casino-section__title {
    color: #0f172a;
}

body.theme-light .la-casino-section__title svg {
    color: var(--la-primary);
}

body.theme-light .la-casino-section__content {
    color: #475569;
}

body.theme-light .la-casino-section__content h2,
body.theme-light .la-casino-section__content h3,
body.theme-light .la-casino-section__content h4 {
    color: #0f172a;
}

body.theme-light .la-casino-section__content a {
    color: var(--la-primary);
}

body.theme-light .la-casino-section__content a:hover {
    color: var(--la-primary-hover);
}

/* ==========================================================================
   Pros & Cons
   ========================================================================== */

body.theme-light .la-pros-cons__column {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
}

body.theme-light .la-pros-cons__column--pros {
    border-left: 4px solid #22c55e;
}

body.theme-light .la-pros-cons__column--cons {
    border-left: 4px solid #ef4444;
}

body.theme-light .la-pros-cons__header {
    color: #0f172a;
    margin-bottom: 1rem;
}

body.theme-light .la-pros-cons__header h3 {
    color: #0f172a;
}

body.theme-light .la-pros-cons__column--pros .la-pros-cons__header svg {
    color: #22c55e;
}

body.theme-light .la-pros-cons__column--cons .la-pros-cons__header svg {
    color: #ef4444;
}

body.theme-light .la-pros-cons__list {
    color: #475569;
}

body.theme-light .la-pros-cons__list li {
    border-bottom: 1px solid #e2e8f0;
}

body.theme-light .la-pros-cons__list li:last-child {
    border-bottom: none;
}

body.theme-light .la-pros-cons__column--pros .la-pros-cons__list li::before {
    color: #22c55e;
}

body.theme-light .la-pros-cons__column--cons .la-pros-cons__list li::before {
    color: #ef4444;
}

/* ==========================================================================
   Rating Breakdown
   ========================================================================== */

body.theme-light .la-rating-breakdown {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 1.5rem;
    margin-top: 1.5rem;
}

body.theme-light .la-rating-breakdown__title {
    color: #0f172a;
    margin-bottom: 1rem;
}

body.theme-light .la-rating-breakdown__item {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 0;
    border-bottom: 1px solid #e2e8f0;
}

body.theme-light .la-rating-breakdown__item:last-child {
    border-bottom: none;
}

body.theme-light .la-rating-breakdown__label {
    color: #475569;
    min-width: 100px;
}

body.theme-light .la-rating-breakdown__bar {
    flex: 1;
    height: 8px;
    background: #e2e8f0;
    border-radius: 4px;
    overflow: hidden;
}

body.theme-light .la-rating-breakdown__fill {
    height: 100%;
    background: linear-gradient(90deg, var(--la-primary) 0%, #fb7185 100%);
    border-radius: 4px;
    transition: width 0.5s ease;
}

body.theme-light .la-rating-breakdown__value {
    color: #0f172a;
    font-weight: 700;
    min-width: 40px;
    text-align: right;
}

/* ==========================================================================
   Bonus Details Section (matches dark theme structure with light colors)
   ========================================================================== */

body.theme-light .la-bonus-details {
    background: #ffffff;
    border: 0;
    border-radius: 0;
    padding: 0;
    box-shadow: none;
}

body.theme-light .la-bonus-details__grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 1rem;
    margin-bottom: 1.5rem;
}

body.theme-light .la-bonus-details__item {
        display: flex;
    align-items: flex-start;
    gap: 7px;
    background: #f8fafc;
    border-radius: 12px;
    padding: 12px;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

body.theme-light .la-bonus-details__item:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

body.theme-light .la-bonus-details__item--primary {
    background: linear-gradient(135deg, rgba(225, 29, 72, 0.1) 0%, rgba(225, 29, 72, 0.05) 100%);
    border: 1px solid rgba(225, 29, 72, 0.2);
}

body.theme-light .la-bonus-details__item--primary .la-bonus-details__icon {
    background: #ffffff;
    color: var(--la-primary);
}

body.theme-light .la-bonus-details__item--primary .la-bonus-details__label {
    color: #64748b;
}

body.theme-light .la-bonus-details__item--primary .la-bonus-details__value {
    color: var(--la-primary);
    font-size: 1.5rem;
}

body.theme-light .la-bonus-details__icon {
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffffff;
    border-radius: 10px;
    color: var(--la-primary);
    flex-shrink: 0;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

body.theme-light .la-bonus-details__content {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

body.theme-light .la-bonus-details__label {
    font-size: 0.75rem;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

body.theme-light .la-bonus-details__value {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--la-secondary);
    line-height: 1.2;
}

/* Bonus Code - gold/amber accent like dark theme */
body.theme-light .la-bonus-details__code {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    padding: 1rem;
    background: linear-gradient(135deg, rgba(245, 158, 11, 0.1) 0%, rgba(245, 158, 11, 0.05) 100%);
    border: 2px dashed #f59e0b;
    border-radius: 12px;
    margin-bottom: 1.5rem;
}

body.theme-light .la-bonus-details__code-label {
    color: #64748b;
    font-size: 0.875rem;
}

body.theme-light .la-bonus-details__code-value {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    font-family: monospace;
    font-size: 1.125rem;
    font-weight: 700;
    color: #b45309;
    cursor: pointer;
    transition: all 0.2s ease;
}

body.theme-light .la-bonus-details__code-value:hover {
    background: #f59e0b;
    color: #ffffff;
    border-color: #f59e0b;
}

body.theme-light .la-bonus-details__code-value svg {
    opacity: 0.7;
}

body.theme-light .la-bonus-details__headline {
    text-align: center;
    margin-bottom: 1.5rem;
}

body.theme-light .la-bonus-details__headline p {
    font-size: 1.125rem;
    color: #475569;
    margin: 0;
}

body.theme-light .la-bonus-details__cta {
    display: flex;
    justify-content: center;
    margin-bottom: 1.5rem;
}

body.theme-light .la-bonus-details__cta .la-btn {
    min-width: 280px;
}

body.theme-light .la-bonus-details__terms {
    border-top: 1px solid #e2e8f0;
    padding-top: 1rem;
}

body.theme-light .la-bonus-terms {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
}

body.theme-light .la-bonus-terms__toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.75rem 1rem;
    color: #64748b;
    cursor: pointer;
    transition: color 0.2s ease;
}

body.theme-light .la-bonus-terms__toggle:hover {
    color: var(--la-primary);
}
body.theme-light .la-category-tabs__tab {
        background: var(--la-bg-light);
}
body.theme-light .la-bonus-terms__content {
    padding: 1rem;
    border-top: 1px solid #e2e8f0;
    color: #475569;
    font-size: 0.875rem;
}

/* ==========================================================================
   Homepage Sections
   ========================================================================== */

body.theme-light .la-homepage-content.la-section {
    background: #fff;
}

body.theme-light .la-section--alt {
    background: #f1f5f9;
}

body.theme-light .la-section__title {
    color: #0f172a;
}

body.theme-light .la-section__subtitle {
    color: #475569;
}

/* ==========================================================================
   Cards - Clean White Design
   ========================================================================== */

body.theme-light .la-card,
body.theme-light .la-casino-card,
body.theme-light .la-bonus-card,
body.theme-light .la-game-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}

body.theme-light .la-card:hover,
body.theme-light .la-casino-card:hover,
body.theme-light .la-bonus-card:hover,
body.theme-light .la-game-card:hover {
    background: #ffffff;
    border-color: #cbd5e1;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

/* Casino Card Horizontal */
body.theme-light .la-casino-card-h {
    background: #ffffff;
    border: 1px solid #e2e8f0;
}

body.theme-light .la-casino-card-h:hover {
    border-color: var(--la-primary);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
}

body.theme-light .la-casino-card-h__logo {
    background: #f8fafc;
}

body.theme-light .la-casino-card-h__title {
    color: #0f172a;
}

body.theme-light .la-casino-card-h__bonus-value {
    color: #0f172a;
}

body.theme-light .la-casino-card-h__bonus-label {
    color: #64748b;
}

/* Grid Cards */
body.theme-light .la-grid-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
}

body.theme-light .la-grid-card:hover {
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.1);
}

body.theme-light .la-grid-card__header {
    background: linear-gradient(135deg, #c11244 0%, #9f1239 60%, #881337 100%);
}

body.theme-light .la-grid-card__rank {
    background: rgba(255, 255, 255, 0.16);
    color: #ffffff;
}

body.theme-light .la-grid-card__title {
    color: #0f172a;
}

body.theme-light .la-grid-card__subtitle {
    color: #64748b;
}

body.theme-light .la-grid-card__bonus-value {
    color: #0f172a;
}

body.theme-light .la-grid-card__features {
    color: #475569;
}

body.theme-light .la-grid-card__body {
    background: #ffffff;
}

/* ==========================================================================
   Casino Info Box & Sidebar Elements
   ========================================================================== */

body.theme-light .la-casino-info-box {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}

body.theme-light .la-casino-info-box__title {
    color: #0f172a;
    border-bottom: 1px solid #f1f5f9;
}

body.theme-light .la-casino-info-box__title svg {
    color: var(--la-primary);
}

body.theme-light .la-casino-info-box__list {
    background: #ffffff;
}

body.theme-light .la-casino-info-box__row {
    border-bottom: 1px solid #f1f5f9;
}

body.theme-light .la-casino-info-box__row:last-child {
    border-bottom: none;
}

body.theme-light .la-casino-info-box__row dt {
    color: #64748b;
}

body.theme-light .la-casino-info-box__row dd {
    color: #0f172a;
}

body.theme-light .la-casino-info-box__row dd a {
    color: var(--la-primary);
}

body.theme-light .la-casino-info-box__row dd a:hover {
    color: var(--la-primary-hover);
}
body.theme-light .la-info-box--info {
        background: #f8fafc;
    border-color: #e11d48;
}
body.theme-light .la-casino-card__bonus {
        background: #fce7f3;
}
body.theme-light .la-casino-info-box__feature {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.375rem 0.75rem;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    color: #475569;
    font-size: 0.8125rem;
}

body.theme-light .la-casino-info-box__feature svg {
    color: var(--la-primary);
}

body.theme-light .la-casino-info-box__payment-item {
    border-bottom: 1px solid #e2e8f0;
}

body.theme-light .la-casino-info-box__payment-label {
    color: #64748b;
}

body.theme-light .la-casino-info-box__payment-value {
    color: #0f172a;
    font-weight: 600;
}

body.theme-light .la-casino-info-box__cta {
    margin-top: 1rem;
}

/* Similar Casinos Card */
body.theme-light .la-similar-casinos {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}

body.theme-light .la-similar-casinos__title {
    color: #0f172a;
    border-bottom: 1px solid #f1f5f9;
}

body.theme-light .la-similar-casinos__title svg {
    color: #fbbf24;
}

body.theme-light .la-similar-casinos__item {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #f1f5f9;
    transition: background 0.2s ease;
}

body.theme-light .la-similar-casinos__item:last-child {
    border-bottom: none;
}
body.theme-light .la-qa-section__icon {
        background: linear-gradient(135deg, var(--la-primary), #e11d48);
}
body.theme-light .la-similar-casinos__item:hover {
    background: #f8fafc;
}

body.theme-light .la-similar-casinos__logo {
    width: 48px;
    height: 48px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

body.theme-light .la-similar-casinos__name {
    color: #0f172a;
    font-weight: 600;
}

body.theme-light .la-similar-casinos__bonus {
    color: #64748b;
    font-size: 0.8125rem;
}

body.theme-light .la-similar-casinos__rating {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    color: #fbbf24;
}

body.theme-light .la-similar-casinos__rating span {
    color: #0f172a;
    font-weight: 600;
}

body.theme-light .la-similar-casinos__more {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 1rem;
    color: var(--la-primary);
    font-weight: 500;
    border-top: 1px solid #f1f5f9;
}

body.theme-light .la-similar-casinos__more:hover {
    color: var(--la-primary-hover);
    background: #f8fafc;
}

/* Sticky CTA Box */
body.theme-light .la-casino-sticky-cta {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

/* Casino Sidebar Sticky */
body.theme-light .la-casino-sidebar-sticky {
    position: sticky;
    top: 150px;
}

/* ==========================================================================
   Payment Methods Grid
   ========================================================================== */

body.theme-light .la-payment-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

body.theme-light .la-payment-item {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.625rem 1rem;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    color: #475569;
    font-size: 0.875rem;
    transition: all 0.2s ease;
}

body.theme-light .la-payment-item:hover {
    border-color: var(--la-primary);
    background: rgba(225, 29, 72, 0.05);
}

body.theme-light .la-payment-item__icon {
    color: var(--la-primary);
}

body.theme-light .la-payment-item__name {
    color: #0f172a;
}

/* ==========================================================================
   Game Types & Providers
   ========================================================================== */

body.theme-light .la-games-types {
    margin-bottom: 2rem;
}

body.theme-light .la-games-types__title {
    color: #0f172a;
    margin-bottom: 1rem;
}

body.theme-light .la-games-types__grid {
    display: flex;
    flex-wrap: wrap;
    gap: 0.625rem;
}

body.theme-light .la-games-types__item {
    display: inline-flex;
    padding: 0.5rem 1rem;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    color: #475569;
    font-size: 0.875rem;
}

body.theme-light .la-game-providers__title {
    color: #0f172a;
    margin-bottom: 1rem;
}

body.theme-light .la-provider-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 0.625rem;
}

body.theme-light .la-provider-item {
    display: inline-flex;
    padding: 0.5rem 1rem;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    color: #475569;
    font-size: 0.875rem;
    transition: all 0.2s ease;
}

body.theme-light .la-provider-item:hover {
    border-color: var(--la-primary);
    background: rgba(225, 29, 72, 0.05);
}

body.theme-light .la-provider-item__name {
    color: #0f172a;
}

/* ==========================================================================
   Author Box (Content Area)
   ========================================================================== */

body.theme-light .la-author-box {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}

body.theme-light .la-author-box__inner {
    padding: 2rem;
}

body.theme-light .la-author-box__label {
    color: #64748b;
}

body.theme-light .la-author-box__name {
    color: #0f172a;
}

body.theme-light .la-author-box__name a {
    color: #0f172a;
}

body.theme-light .la-author-box__name a:hover {
    color: var(--la-primary);
}

body.theme-light .la-author-box__title {
    color: var(--la-primary);
}

body.theme-light .la-author-box__credentials {
    margin: 1rem 0;
}

body.theme-light .la-author-box__badge {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    color: #475569;
}

body.theme-light .la-author-box__badge svg {
    color: var(--la-primary);
}

body.theme-light .la-author-box__badge--expertise {
    background: rgba(16, 185, 129, 0.1);
    border-color: rgba(16, 185, 129, 0.2);
}

body.theme-light .la-author-box__badge--expertise svg {
    color: #10b981;
}

body.theme-light .la-author-box__badge--experience {
    background: rgba(245, 158, 11, 0.1);
    border-color: rgba(245, 158, 11, 0.2);
}

body.theme-light .la-author-box__badge--experience svg {
    color: #f59e0b;
}

body.theme-light .la-author-box__badge--credentials {
    background: rgba(59, 130, 246, 0.1);
    border-color: rgba(59, 130, 246, 0.2);
}

body.theme-light .la-author-box__badge--credentials svg {
    color: #3b82f6;
}

body.theme-light .la-author-box__bio {
    color: #475569;
}

body.theme-light .la-author-box__footer {
    border-top: 1px solid #f1f5f9;
    padding-top: 1rem;
    margin-top: 1rem;
}

body.theme-light .la-author-box__posts-link {
    color: #64748b;
}

body.theme-light .la-author-box__posts-link:hover {
    color: var(--la-primary);
}

body.theme-light .la-author-box__social-link {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    color: #64748b;
}

body.theme-light .la-author-box__social-link:hover {
    background: var(--la-primary);
    border-color: var(--la-primary);
    color: #ffffff;
}

body.theme-light .la-author-box__view-all {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.75rem 1rem;
    background: #f8fafc;
    border-radius: 8px;
    color: var(--la-primary);
    font-weight: 500;
}

body.theme-light .la-author-box__view-all:hover {
    background: rgba(225, 29, 72, 0.1);
}

/* ==========================================================================
   Author Box V2 - Clean Structured Design (Light Theme)
   ========================================================================== */

body.theme-light .la-author-box-v2 {
    background: #ffffff;
    border: 0;
    border-radius: 12px;
    box-shadow: none;
    margin: 0;
}

body.theme-light .la-author-box-v2__header {
    background: linear-gradient(135deg, var(--la-primary) 0%, #9f1239 100%);
}

body.theme-light .la-author-box-v2__label {
    color: #ffffff;
}

body.theme-light .la-author-box-v2__label svg {
    opacity: 0.85;
}

body.theme-light .la-author-box-v2__body {
    background: #ffffff;
}

/* Avatar */
body.theme-light .la-author-box-v2__avatar {
    border-color: var(--la-primary);
    box-shadow: 0 4px 12px rgba(225, 29, 72, 0.2);
}

body.theme-light .la-author-box-v2__avatar:hover {
    box-shadow: 0 6px 20px rgba(225, 29, 72, 0.3);
}

body.theme-light .la-author-box-v2__avatar-placeholder {
    background: linear-gradient(135deg, #a5b4fc 0%, var(--la-primary) 100%);
    color: #ffffff;
}

/* Main Content */
body.theme-light .la-author-box-v2__name {
    color: #0f172a;
}

body.theme-light .la-author-box-v2__name a {
    color: #0f172a;
}

body.theme-light .la-author-box-v2__name a:hover {
    color: var(--la-primary);
}

body.theme-light .la-author-box-v2__title {
    color: var(--la-primary);
}

body.theme-light .la-author-box-v2__bio {
    color: #475569;
}

/* Credentials */
body.theme-light .la-author-box-v2__credentials {
    gap: 0.5rem;
}

body.theme-light .la-author-box-v2__credential {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    color: #475569;
}

body.theme-light .la-author-box-v2__credential-icon {
    background: #f1f5f9;
}

body.theme-light .la-author-box-v2__credential-icon--expertise {
    background: rgba(251, 191, 36, 0.15);
    color: #f59e0b;
}

body.theme-light .la-author-box-v2__credential-icon--experience {
    background: rgba(34, 197, 94, 0.15);
    color: #22c55e;
}

body.theme-light .la-author-box-v2__credential-icon--cert {
    background: rgba(190, 18, 60, 0.15);
    color: #fb7185;
}

/* Aside (Right Column) */
body.theme-light .la-author-box-v2__aside {
    border-left-color: #e2e8f0;
}

body.theme-light .la-author-box-v2__stat-number {
    color: var(--la-primary);
}

body.theme-light .la-author-box-v2__stat-label {
    color: #64748b;
}

/* Social Links */
body.theme-light .la-author-box-v2__social-link {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    color: #64748b;
}

body.theme-light .la-author-box-v2__social-link:hover {
    background: var(--la-primary);
    border-color: var(--la-primary);
    color: #ffffff;
}

/* View Articles Link */
body.theme-light .la-author-box-v2__link {
    background: var(--la-primary);
    color: #ffffff;
}

body.theme-light .la-author-box-v2__link:hover {
    background: #be123c;
}

/* Responsive adjustments */
@media (max-width: 900px) {
    body.theme-light .la-author-box-v2__aside {
        border-left: none;
        border-top: 1px solid #e2e8f0;
        padding-left: 0;
        padding-top: 1rem;
    }
}

/* ==========================================================================
   Q&A Section
   ========================================================================== */

body.theme-light .la-qa-section {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    padding: 2rem;
}

body.theme-light .la-qa-section__title {
    color: #0f172a;
}

body.theme-light .la-qa-section__title svg {
    color: var(--la-primary);
}

body.theme-light .la-qa-item {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    margin-bottom: 1rem;
    overflow: hidden;
}

body.theme-light .la-qa-item__question {
    padding: 1.25rem;
    color: #0f172a;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.2s ease;
}

body.theme-light .la-qa-item__question:hover {
    background: #f1f5f9;
}

body.theme-light .la-qa-item__icon {
    color: var(--la-primary);
}

body.theme-light .la-qa-item.is-open .la-qa-item__icon {
    transform: rotate(180deg);
}

body.theme-light .la-qa-item__answer {
    padding: 0 1.25rem 1.25rem;
    color: #475569;
    border-top: 1px solid #e2e8f0;
}

/* ==========================================================================
   Tables
   ========================================================================== */

body.theme-light table {
    background: #ffffff;
    border: 1px solid #e2e8f0;
}

body.theme-light th {
    background: #f8fafc;
    color: #0f172a;
    border-bottom: 2px solid #e2e8f0;
}

body.theme-light td {
    border-bottom: 1px solid #f1f5f9;
    color: #334155;
}

body.theme-light tr:hover td {
    background: #f8fafc;
}

/* ==========================================================================
   FAQ Section
   ========================================================================== */

body.theme-light .la-faq {
    background: #ffffff;
    border: 1px solid #e2e8f0;
}

body.theme-light .la-faq-item {
    border-bottom: 1px solid #f1f5f9;
}

body.theme-light .la-faq-question {
    color: #0f172a;
}

body.theme-light .la-faq-question:hover {
    background: #f8fafc;
}

body.theme-light .la-faq-answer {
    color: #475569;
    background: #f8fafc;
}

/* ==========================================================================
   Author Box
   ========================================================================== */

body.theme-light .la-author-box {
    background: #ffffff;
    border: 1px solid #e2e8f0;
}

body.theme-light .la-author-box--casino {
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(10px);
    margin: 0 auto;
}

body.theme-light .la-author-box__name {
    color: #0f172a;
}

body.theme-light .la-author-box__bio {
    color: #475569;
}

body.theme-light .la-author-box__quote {
    color: #334155;
    border-left-color: var(--la-primary);
}

/* ==========================================================================
   Rating Components
   ========================================================================== */

body.theme-light .la-rating__value {
    color: #0f172a;
}

/* Ratings that sit on dark/gradient surfaces stay white */
body.theme-light .la-casino-hero .la-rating__value,
body.theme-light .la-hero .la-rating__value,
body.theme-light .la-footer .la-rating__value,
body.theme-light .la-grid-card__header .la-rating__value {
    color: #ffffff;
}

body.theme-light .la-rating-breakdown__label {
    color: #475569;
}

body.theme-light .la-rating-breakdown__value {
    color: #0f172a;
}

/* ==========================================================================
   Badges & Tags
   ========================================================================== */

body.theme-light .la-badge {
    background: #f1f5f9;
    color: #475569;
    border: 1px solid #e2e8f0;
}

body.theme-light .la-badge--success {
    background: #dcfce7;
    color: #166534;
    border-color: #bbf7d0;
}

body.theme-light .la-badge--warning {
    background: #fef3c7;
    color: #92400e;
    border-color: #fde68a;
}

body.theme-light .la-badge--primary {
    background: #e0e7ff;
    color: #3730a3;
    border-color: #c7d2fe;
}

/* License badges */
body.theme-light .la-license-badge {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
}

body.theme-light .la-license-badge__name {
    color: #0f172a;
}

/* ==========================================================================
   Payment Methods & Providers
   ========================================================================== */

body.theme-light .la-payment-grid__item {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
}

body.theme-light .la-payment-grid__item:hover {
    background: #ffffff;
    border-color: var(--la-primary);
}

body.theme-light .la-provider-grid__item {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
}

/* ==========================================================================
   Tabs
   ========================================================================== */

body.theme-light .la-tabs__nav {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
}

body.theme-light .la-tabs__btn {
    color: #64748b;
}

body.theme-light .la-tabs__btn:hover {
    color: #0f172a;
    background: #ffffff;
}

body.theme-light .la-tabs__btn.active {
    color: var(--la-primary);
    background: #ffffff;
    border-bottom-color: var(--la-primary);
}

/* ==========================================================================
   Forms & Inputs
   ========================================================================== */

body.theme-light input[type="text"],
body.theme-light input[type="email"],
body.theme-light input[type="search"],
body.theme-light textarea,
body.theme-light select {
    background: #ffffff;
    border: 1px solid #d1d5db;
    color: #0f172a;
}

body.theme-light input[type="text"]:focus,
body.theme-light input[type="email"]:focus,
body.theme-light input[type="search"]:focus,
body.theme-light textarea:focus,
body.theme-light select:focus {
    border-color: var(--la-primary);
    box-shadow: 0 0 0 3px rgba(225, 29, 72, 0.1);
}

body.theme-light input::placeholder,
body.theme-light textarea::placeholder {
    color: #9ca3af;
}

/* ==========================================================================
   Blockquotes & Callouts
   ========================================================================== */

body.theme-light blockquote {
    background: #f8fafc;
    border-left: 4px solid var(--la-primary);
    color: #334155;
}

body.theme-light .la-callout {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
}

body.theme-light .la-callout--info {
    background: #eff6ff;
    border-color: #bfdbfe;
}

body.theme-light .la-callout--warning {
    background: #fffbeb;
    border-color: #fde68a;
}

body.theme-light .la-callout--success {
    background: #f0fdf4;
    border-color: #bbf7d0;
}

/* ==========================================================================
   Code Blocks
   ========================================================================== */

body.theme-light code {
    background: #f1f5f9;
    color: #be185d;
    border: 1px solid #e2e8f0;
}

body.theme-light pre {
    background: #1e293b;
    color: #e2e8f0;
}

/* ==========================================================================
   Pagination
   ========================================================================== */

body.theme-light .la-pagination__link {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    color: #475569;
}

body.theme-light .la-pagination__link:hover {
    background: #f8fafc;
    border-color: var(--la-primary);
    color: var(--la-primary);
}

body.theme-light .la-pagination__link.active {
    background: var(--la-primary);
    border-color: var(--la-primary);
    color: #ffffff;
}

/* ==========================================================================
   Breadcrumbs (in content area)
   ========================================================================== */

body.theme-light .la-content-breadcrumb {
    color: #64748b;
}

body.theme-light .la-content-breadcrumb a {
    color: #475569;
}

body.theme-light .la-content-breadcrumb a:hover {
    color: var(--la-primary);
}

/* ==========================================================================
   Search Results
   ========================================================================== */

body.theme-light .la-search-results__item {
    background: #ffffff;
    border: 1px solid #e2e8f0;
}

body.theme-light .la-search-results__item:hover {
    background: #f8fafc;
    border-color: var(--la-primary);
}

body.theme-light .la-search-results__title {
    color: #0f172a;
}

body.theme-light .la-search-results__excerpt {
    color: #475569;
}

/* ==========================================================================
   Q&A Section
   ========================================================================== */

body.theme-light .la-qa-section {
    background: #ffffff;
    border: 1px solid #e2e8f0;
}

body.theme-light .la-qa-item {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
}

body.theme-light .la-qa-item__question {
    color: #0f172a;
}

body.theme-light .la-qa-item__answer {
    color: #475569;
}

/* ==========================================================================
   Archive Pages
   ========================================================================== */

body.theme-light .la-archive-header {
    background: linear-gradient(135deg, #e11d48 0%, #9f1239 45%, #881337 100%);
    color: #ffffff;
    border-bottom: none;
}

body.theme-light .la-archive-header__title {
    color: #ffffff;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

body.theme-light .la-archive-header__subtitle,
body.theme-light .la-archive-header__description {
    color: rgba(255, 255, 255, 0.9);
}

body.theme-light .la-archive-header__count {
    color: rgba(255, 255, 255, 0.92);
}

/* Archive breadcrumbs */
body.theme-light .la-archive-header .la-breadcrumb a,
body.theme-light .la-archive-header .la-breadcrumb__current,
body.theme-light .la-archive-header .la-breadcrumb__sep {
    color: rgba(255, 255, 255, 0.92);
}

body.theme-light .la-archive-header .la-breadcrumb a:hover {
    color: #ffffff;
}

body.theme-light .la-filter-btn {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    color: #475569;
}

body.theme-light .la-filter-btn:hover,
body.theme-light .la-filter-btn.active {
    background: var(--la-primary);
    border-color: var(--la-primary);
    color: #ffffff;
}

/* ==========================================================================
   Bonuses Page
   ========================================================================== */

body.theme-light .la-bonuses-hero {
    background: linear-gradient(135deg, #e11d48 0%, #9f1239 45%, #881337 100%);
    border-bottom: none;
}

body.theme-light .la-bonuses-hero__title {
    color: #ffffff;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

body.theme-light .la-bonuses-hero__subtitle {
    color: rgba(255, 255, 255, 0.9);
}

/* Bonuses breadcrumbs */
body.theme-light .la-bonuses-hero .la-breadcrumb a,
body.theme-light .la-bonuses-hero .la-breadcrumb__current,
body.theme-light .la-bonuses-hero .la-breadcrumb__sep {
    color: rgba(255, 255, 255, 0.92);
}

body.theme-light .la-bonuses-hero .la-breadcrumb a:hover {
    color: #ffffff;
}

/* Bonus of the day card - keep it styled */
body.theme-light .la-bonus-of-day {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
}

body.theme-light .la-bonus-of-day__badge {
    background: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);
    color: #0f172a;
}

body.theme-light .la-bonus-of-day__title {
    color: #0f172a;
}

body.theme-light .la-bonus-of-day__casino {
    color: #64748b;
}

body.theme-light .la-bonus-of-day__value {
    color: #0f172a;
}

body.theme-light .la-bonus-of-day__details {
    color: #475569;
}

body.theme-light .la-bonus-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
}
body.theme-light .la-bonus-card:hover {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
}

body.theme-light .la-bonus-card__title {
    color: #0f172a;
}

body.theme-light .la-bonus-card__value {
    color: #0f172a;
}

body.theme-light .la-bonus-card__casino {
    color: #64748b;
}

/* ==========================================================================
   Sidebar Widgets
   ========================================================================== */

body.theme-light .widget {
    background: #ffffff;
    border: 1px solid #e2e8f0;
}

body.theme-light .widget-title {
    color: #0f172a;
    border-bottom: 1px solid #f1f5f9;
}

body.theme-light .widget a {
    color: #475569;
}

body.theme-light .widget a:hover {
    color: var(--la-primary);
}

/* ==========================================================================
   Comments
   ========================================================================== */

body.theme-light .la-comments {
    background: #ffffff;
    border: 1px solid #e2e8f0;
}

body.theme-light .la-comment {
    border-bottom: 1px solid #f1f5f9;
}

body.theme-light .la-comment__author {
    color: #0f172a;
}

body.theme-light .la-comment__content {
    color: #475569;
}

body.theme-light .la-comment__meta {
    color: #64748b;
}
body.theme-light .la-header__search-toggle:hover {
    background: var(--la-bg-light);
    color: #202122;
}
/* ==========================================================================
   Floating Bonus Panel - Keep Dark
   ========================================================================== */

body.theme-light .la-floating-bonus-panel {
    --la-bg-dark: #2d1520;
    --la-bg-card: #3a1f2d;
    --la-text-primary: #f8fafc;
    --la-text-secondary: #c8a0b0;
    --la-border: #4a2838;
    background: #3a1f2d;
}

/* ==========================================================================
   Mobile Menu - Keep Dark
   ========================================================================== */

body.theme-light .la-mobile-drawer {
    --la-bg-dark: #2d1520;
    --la-bg-card: #3a1f2d;
    --la-text-primary: #f8fafc;
    --la-text-secondary: #c8a0b0;
    --la-border: #4a2838;
    background: #3a1f2d;
}

/* ==========================================================================
   Modals & Overlays
   ========================================================================== */

body.theme-light .la-modal__content {
    background: #ffffff;
    border: 1px solid #e2e8f0;
}

body.theme-light .la-modal__header {
    border-bottom: 1px solid #f1f5f9;
}

body.theme-light .la-modal__title {
    color: #0f172a;
}

/* ==========================================================================
   Typography Adjustments
   ========================================================================== */

body.theme-light h1,
body.theme-light h2,
body.theme-light h3,
body.theme-light h4,
body.theme-light h5,
body.theme-light h6 {
    color: #0f172a;
}

body.theme-light p {
    color: #334155;
}

body.theme-light .la-casino-card__name a {
    color: #111621!important;
}
body.theme-light a:hover {
    color: var(--la-primary-hover);
}

/* Content links should be visible */
body.theme-light .la-casino-content a:not(.la-btn) {
    color: var(--la-primary);
    text-decoration: underline;
    text-decoration-color: rgba(225, 29, 72, 0.3);
    text-underline-offset: 2px;
}

body.theme-light .la-casino-content a:not(.la-btn):hover {
    text-decoration-color: var(--la-primary);
}

/* Lists in content */
body.theme-light .la-casino-content ul li,
body.theme-light .la-casino-content ol li {
    color: #334155;
}

body.theme-light .la-casino-content ul li::marker {
    color: var(--la-primary);
}

/* ==========================================================================
   Scrollbar Styling
   ========================================================================== */

body.theme-light {
    scrollbar-color: #cbd5e1 #f1f5f9;
}

body.theme-light ::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

body.theme-light ::-webkit-scrollbar-track {
    background: #f1f5f9;
}

body.theme-light ::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 5px;
}

body.theme-light ::-webkit-scrollbar-thumb:hover {
    background: #94a3b8;
}

/* ==========================================================================
   Selection Color
   ========================================================================== */

body.theme-light ::selection {
    background: rgba(225, 29, 72, 0.2);
    color: #0f172a;
}

/* ==========================================================================
   Footer - Elegant Slate Styling
   ========================================================================== */

/* Main Footer Content */
body.theme-light .la-footer__main {
    background: transparent;
}

body.theme-light .la-footer__top {
    border-bottom: 1px solid #4a2838;
}

/* Footer Titles */
body.theme-light .la-footer__title {
    color: #f1f5f9;
}

body.theme-light .la-footer__title svg {
    color: var(--la-primary);
}

body.theme-light .la-footer__widget-title {
    color: #f1f5f9;
}

body.theme-light .la-footer__widget-title::after {
    background: linear-gradient(90deg, var(--la-primary) 0%, #fda4af 100%);
}

/* Brand Section */
body.theme-light .la-footer__logo {
    filter: brightness(1.1);
}

body.theme-light .la-footer__description,
body.theme-light .la-footer__desc {
    color: #c8b2bc;
}

/* Newsletter */
body.theme-light .la-footer__newsletter-input {
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid #4a2838;
    color: #f1f5f9;
}

body.theme-light .la-footer__newsletter-input::placeholder {
    color: #a08090;
}

body.theme-light .la-footer__newsletter-input:focus {
    border-color: var(--la-primary);
    box-shadow: 0 0 0 3px rgba(225, 29, 72, 0.2);
}

body.theme-light .la-footer__newsletter-btn {
    background: linear-gradient(135deg, var(--la-primary) 0%, #9f1239 100%);
    color: #ffffff;
}

body.theme-light .la-footer__newsletter-btn:hover {
    background: linear-gradient(135deg, #be123c 0%, #9f1239 100%);
}

/* Menu Links */
body.theme-light .la-footer__menu a {
    color: #c8b2bc;
}

body.theme-light .la-footer__menu a:hover {
    color: #ffffff;
}

body.theme-light .la-footer__menu a::before {
    color: var(--la-primary);
}

body.theme-light .la-footer__more-link {
    color: var(--la-primary);
}

body.theme-light .la-footer__more-link:hover {
    color: #fda4af;
}

/* Social Links */
body.theme-light .la-footer__social-label {
    color: #b39aa5;
}

body.theme-light .la-footer__social-link {
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid #4a2838;
    color: #c8a0b0;
}

body.theme-light .la-footer__social-link:hover {
    background: var(--la-primary);
    border-color: var(--la-primary);
    color: #ffffff;
    transform: translateY(-2px);
}

/* Payments Section */
body.theme-light .la-footer__payments {
    background: rgba(0, 0, 0, 0.25);
    border-top: 1px solid #4a2838;
    border-bottom: 1px solid #4a2838;
}

body.theme-light .la-footer__payments-label {
    color: #b39aa5;
}

body.theme-light .la-footer__payment-icon {
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid #4a2838;
    color: #cbd5e1;
}

body.theme-light .la-footer__payment-icon:hover {
    border-color: var(--la-primary);
    color: #ffffff;
}

/* Responsible Gaming Section */
body.theme-light .la-footer__responsible {
    background: rgba(0, 0, 0, 0.2);
}

body.theme-light .la-footer__age-badge {
    background: #1f0e16;
    border: 2px solid #f87171;
    color: #f87171;
}

body.theme-light .la-footer__responsible-title {
    color: #f1f5f9;
}

body.theme-light .la-footer__responsible-content p {
    color: #c8b2bc;
}

body.theme-light .la-footer__help-label {
    color: #a08090;
}

body.theme-light .la-footer__help-link {
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid #4a2838;
    color: #cbd5e1;
}

body.theme-light .la-footer__help-link:hover {
    border-color: var(--la-primary);
    color: #ffffff;
}

/* Licenses */
body.theme-light .la-footer__licenses-img {
    filter: grayscale(30%) brightness(1.1);
    opacity: 0.8;
}

body.theme-light .la-footer__licenses-img:hover {
    filter: grayscale(0%) brightness(1.2);
    opacity: 1;
}

/* Disclaimers */
body.theme-light .la-footer__disclaimers {
    background: rgba(0, 0, 0, 0.3);
}

body.theme-light .la-footer__disclaimer {
    color: #b39aa5;
}

body.theme-light .la-footer__disclaimer--gambling {
    border-left-color: #ef4444;
}

body.theme-light .la-footer__disclaimer--gambling svg {
    color: #ef4444;
}

body.theme-light .la-footer__disclaimer--affiliate {
    border-left: 0;
}

body.theme-light .la-footer__disclaimer--affiliate svg {
    color: #f59e0b;
}

body.theme-light .la-footer__disclaimer p {
    color: #b39aa5;
}

body.theme-light .la-footer__disclaimer a {
    color: var(--la-primary);
}

body.theme-light .la-footer__disclaimer a:hover {
    color: #fda4af;
}

/* Bottom Bar */
body.theme-light .la-footer__bottom {
    background: #1f0e16;
    border-top: 1px solid #3a1f2d;
}

body.theme-light .la-footer__copyright {
    color: #a08090;
}

body.theme-light .la-footer__links a {
    color: #a08090;
}

body.theme-light .la-footer__links a:hover {
    color: #cbd5e1;
}

/* Footer Badges */
body.theme-light .la-footer__badges img {
    filter: brightness(0.9) contrast(1.1);
    opacity: 0.85;
}

body.theme-light .la-footer__badges img:hover {
    filter: brightness(1.1);
    opacity: 1;
}

/* ==========================================================================
   Filters & Sorting
   ========================================================================== */

body.theme-light .la-filters {
    background: #ffffff;
    border: 1px solid #e2e8f0;
}

body.theme-light .la-filter__label {
    color: #475569;
}

body.theme-light .la-filter__select {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    color: #0f172a;
}

body.theme-light .la-filter__select:hover,
body.theme-light .la-filter__select:focus {
    border-color: var(--la-primary);
}

body.theme-light .la-filter-dropdown__trigger {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    color: #0f172a;
}

body.theme-light .la-filter-dropdown__trigger:hover {
    border-color: var(--la-primary);
}

body.theme-light .la-filter-dropdown.is-open .la-filter-dropdown__trigger {
    border-color: var(--la-primary);
    box-shadow: 0 0 0 3px rgba(225, 29, 72, 0.1);
}

body.theme-light .la-filter-dropdown__menu {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.12);
}

body.theme-light .la-filter-option {
    color: #334155;
}

body.theme-light .la-filter-option:hover {
    background: #f8fafc;
}

body.theme-light .la-filter-option__check {
    border-color: #d1d5db;
    background: #ffffff;
}

body.theme-light .la-filter-option input[type="radio"]:checked + .la-filter-option__check {
    border-color: var(--la-primary);
}

body.theme-light .la-filter-option__count {
    color: #64748b;
}

body.theme-light .la-filter-pill {
    background: #f1f5f9;
    color: #475569;
    border: 1px solid #e2e8f0;
}

body.theme-light .la-filter-pill:hover {
    background: #e2e8f0;
}

body.theme-light .la-filter-reset {
    color: #64748b;
}

body.theme-light .la-filter-reset:hover {
    color: #dc2626;
}

/* ==========================================================================
   Search Overlay
   ========================================================================== */

body.theme-light .la-search-overlay {
    background: rgba(15, 23, 42, 0.8);
}
body.theme-light .la-archive-header__stats {
    color: rgba(255, 255, 255, 0.85);
}
body.theme-light .la-search-overlay__input {
    background: #f8fafc;
    border: 2px solid #e2e8f0;
    color: #0f172a;
}

body.theme-light .la-search-overlay__input::placeholder {
    color: #64748b;
}

body.theme-light .la-search-overlay__input:focus {
    border-color: var(--la-primary);
    background: #ffffff;
}

body.theme-light .la-search-overlay__close {
    color: #64748b;
}

body.theme-light .la-search-overlay__close:hover {
    color: #0f172a;
}

body.theme-light .la-search-results {
    background: #ffffff;
    border: 1px solid #e2e8f0;
}

/* ==========================================================================
   Subscribe Form
   ========================================================================== */

body.theme-light .la-subscribe-form {
    background: linear-gradient(135deg, #e0e7ff 0%, #c7d2fe 100%);
    border: 1px solid #a5b4fc;
}

body.theme-light .la-subscribe-form__title {
    color: #1e1b4b;
}

body.theme-light .la-subscribe-form__desc {
    color: #3730a3;
}

body.theme-light .la-subscribe-form__input {
    background: #ffffff;
    border: 1px solid #c7d2fe;
    color: #0f172a;
}

body.theme-light .la-subscribe-form__input:focus {
    border-color: var(--la-primary);
    box-shadow: 0 0 0 3px rgba(225, 29, 72, 0.15);
}

body.theme-light .la-subscribe-form__input::placeholder {
    color: #64748b;
}

body.theme-light .la-subscribe-form__privacy {
    color: #be123c;
}

/* Footer subscribe - light theme */
body.theme-light .la-subscribe-form--footer {
    background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
    border: 1px solid #e2e8f0;
}

body.theme-light .la-subscribe-form--footer .la-subscribe-form__title {
    color: #0f172a;
}

body.theme-light .la-subscribe-form--footer .la-subscribe-form__desc {
    color: #475569;
}

body.theme-light .la-subscribe-form--footer .la-subscribe-form__input {
    background: #ffffff;
    border-color: #e2e8f0;
    color: #0f172a;
}

body.theme-light .la-subscribe-form--footer .la-subscribe-form__input:focus {
    border-color: var(--la-primary);
}

/* ==========================================================================
   Mobile Bottom CTA Bar
   ========================================================================== */

body.theme-light .la-mobile-bottom-cta {
    background: #ffffff;
    border-top: 1px solid #e2e8f0;
    box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.1);
}

body.theme-light .la-mobile-bottom-cta__bonus {
    color: #0f172a;
}

body.theme-light .la-mobile-bottom-cta__casino {
    color: #64748b;
}

/* ==========================================================================
   Gutenberg Blocks
   ========================================================================== */

/* Core blocks */
body.theme-light .wp-block-group {
    background: #ffffff;
}

body.theme-light .wp-block-group.has-background {
    border: 1px solid #e2e8f0;
}

body.theme-light .wp-block-quote {
    background: #f8fafc;
    border-left: 4px solid var(--la-primary);
    color: #334155;
}

body.theme-light .wp-block-quote cite {
    color: #64748b;
}

body.theme-light .wp-block-pullquote {
    border-top: 4px solid var(--la-primary);
    border-bottom: 4px solid var(--la-primary);
}

body.theme-light .wp-block-pullquote blockquote {
    color: #0f172a;
}

body.theme-light .wp-block-separator {
    border-color: #e2e8f0;
}

body.theme-light .wp-block-table table {
    background: #ffffff;
    border: 1px solid #e2e8f0;
}

body.theme-light .wp-block-table th {
    background: #f8fafc;
    color: #0f172a;
}

body.theme-light .wp-block-table td {
    border-color: #f1f5f9;
    color: #334155;
}

body.theme-light .wp-block-code {
    background: #1e293b;
    color: #e2e8f0;
}

body.theme-light .wp-block-preformatted {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    color: #334155;
}

/* Cover block */
body.theme-light .wp-block-cover__inner-container {
    color: inherit;
}

/* Columns */
body.theme-light .wp-block-column {
    background: #ffffff;
}

/* Buttons */
body.theme-light .wp-block-button__link {
    background: var(--la-primary);
    color: #ffffff;
}

body.theme-light .wp-block-button.is-style-outline .wp-block-button__link {
    background: transparent;
    border: 2px solid var(--la-primary);
    color: var(--la-primary);
}
body.theme-light .la-tabs__panels {
        background: white;
}
/* ==========================================================================
   Mobile Responsive Adjustments
   ========================================================================== */

@media (max-width: 768px) {
    /* Mobile hero - keep gradient but adjust direction */
    body.theme-light .la-casino-hero {
        background: linear-gradient(180deg, #e11d48 0%, #9f1239 45%, #881337 100%);
    }
    body.theme-light .la-casino-section {
            padding: 1rem;
    }
body.theme-light .la-author-box--casino {
        margin: 19px auto;
}
    body.theme-light .la-hero {
        background: linear-gradient(180deg, #e11d48 0%, #9f1239 45%, #881337 100%);
    }

    body.theme-light .la-archive-header {
        background: linear-gradient(180deg, #e11d48 0%, #881337 100%);
    }

    body.theme-light .la-bonuses-hero {
        background: linear-gradient(180deg, #e11d48 0%, #881337 100%);
    }

    body.theme-light .la-author-hero {
        background: linear-gradient(180deg, #e11d48 0%, #881337 100%);
    }

    /* Mobile cards */
    body.theme-light .la-casino-card-h {
        background: #ffffff;
    }

    body.theme-light .la-grid-card {
        background: #ffffff;
    }

    /* Mobile filters */
    body.theme-light .la-filter-bar {
        background: #ffffff;
        border-bottom: 1px solid #e2e8f0;
    }

    body.theme-light .la-filter-bar__toggles {
        background: #ffffff;
    }

    /* Mobile filter dropdown */
    body.theme-light .la-filter-dropdown__menu {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        top: auto;
        border-radius: 16px 16px 0 0;
        max-height: 70vh;
    }

    /* Mobile bonus box */
    body.theme-light .la-bonus-box {
        background: #ffffff;
    }

    /* Mobile sticky elements */
    body.theme-light .la-casino-sticky-cta {
        background: #ffffff;
        box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.1);
    }

}

@media (max-width: 480px) {
    /* Small mobile - keep glass effect on stats */
    body.theme-light .la-casino-hero__stat {
        background: rgba(255, 255, 255, 0.15);
        border-color: rgba(255, 255, 255, 0.2);
    }

    body.theme-light .la-hero__stat {
        background: rgba(255, 255, 255, 0.15);
        border-color: rgba(255, 255, 255, 0.2);
    }
}

/* ==========================================================================
   Buttons - All States with Proper Contrast
   ========================================================================== */

/* Primary Button (Green CTA) */
body.theme-light .la-btn--primary {
    background: var(--la-secondary);
    color: #ffffff;
    border: none;
}

body.theme-light .la-btn--primary:hover {
    background: var(--la-secondary-hover);
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(16, 185, 129, 0.4);
}

body.theme-light .la-btn--primary:focus {
    box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.3);
}

body.theme-light .la-btn--primary:active {
    background: #059669;
}

/* Secondary Button (Purple) */
body.theme-light .la-btn--secondary {
    background: #1a1b20;
    color: #ffffff;
    border: none;
}

body.theme-light .la-btn--secondary:hover {
    background: var(--la-primary-hover);
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(225, 29, 72, 0.4);
}

body.theme-light .la-btn--secondary:focus {
    box-shadow: 0 0 0 3px rgba(225, 29, 72, 0.3);
}

/* Outline Button */
body.theme-light .la-btn--outline {
    background: transparent;
    border: 2px solid #cbd5e1;
    color: #334155;
}

body.theme-light .la-btn--outline:hover {
    border-color: var(--la-primary);
    color: var(--la-primary);
    background: rgba(225, 29, 72, 0.05);
}

body.theme-light .la-btn--outline:focus {
    box-shadow: 0 0 0 3px rgba(225, 29, 72, 0.2);
}

/* Ghost Button */
body.theme-light .la-btn--ghost {
    background: transparent;
    border: none;
    color: #475569;
}

body.theme-light .la-btn--ghost:hover {
    background: #f1f5f9;
    color: var(--la-primary);
}

/* Link Button */
body.theme-light .la-btn--link {
    background: transparent;
    border: none;
    color: var(--la-primary);
    text-decoration: underline;
    text-decoration-color: rgba(225, 29, 72, 0.3);
}

body.theme-light .la-btn--link:hover {
    text-decoration-color: var(--la-primary);
}

/* Danger Button */
body.theme-light .la-btn--danger {
    background: #dc2626;
    color: #ffffff;
    border: none;
}

body.theme-light .la-btn--danger:hover {
    background: #b91c1c;
    box-shadow: 0 4px 12px rgba(220, 38, 38, 0.4);
}

/* Disabled State */
body.theme-light .la-btn:disabled,
body.theme-light .la-btn.is-disabled {
    background: #e2e8f0;
    color: #64748b;
    cursor: not-allowed;
    box-shadow: none;
}

/* CTA Button - emerald, matches base theme conversion color */
body.theme-light .la-cta {
    background: linear-gradient(135deg, var(--la-secondary) 0%, #059669 100%);
    color: #ffffff;
}

body.theme-light .la-cta:hover {
    box-shadow: 0 8px 24px rgba(16, 185, 129, 0.4);
}

/* ==========================================================================
   Table of Contents (TOC)
   ========================================================================== */

body.theme-light .la-toc {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}

body.theme-light .la-toc__header {
    background: #f8fafc;
    border-bottom: 1px solid #e2e8f0;
}

body.theme-light .la-toc__header[data-toc-toggle]:hover {
    background: #f1f5f9;
}

body.theme-light .la-toc__title {
    color: #0f172a;
}

body.theme-light .la-toc__icon {
    color: var(--la-primary);
}

body.theme-light .la-toc__toggle {
    color: #64748b;
}

body.theme-light .la-toc__count {
    background: var(--la-primary);
    color: #ffffff;
}

body.theme-light .la-toc__list {
    background: #ffffff;
}

body.theme-light .la-toc__link {
    color: #475569;
}

body.theme-light .la-toc__link:hover {
    color: var(--la-primary);
    background: #f8fafc;
}

body.theme-light .la-toc__link.is-active {
    color: var(--la-primary);
    background: rgba(225, 29, 72, 0.08);
    border-left-color: var(--la-primary);
}

body.theme-light .la-toc__number {
    background: #f1f5f9;
    color: #64748b;
}

body.theme-light .la-toc__link:hover .la-toc__number,
body.theme-light .la-toc__link.is-active .la-toc__number {
    background: var(--la-primary);
    color: #ffffff;
}

body.theme-light .la-toc__progress {
    background: #e2e8f0;
}

body.theme-light .la-toc__progress-bar {
    background: var(--la-primary);
}

/* TOC Variants */
body.theme-light .la-toc--minimal {
    background: transparent;
    border: none;
    box-shadow: none;
}

body.theme-light .la-toc--minimal .la-toc__header {
    background: transparent;
    border: none;
}

body.theme-light .la-toc--boxed {
    border-radius: 12px;
}

body.theme-light .la-toc--gradient .la-toc__header {
    background: linear-gradient(135deg, rgba(225, 29, 72, 0.1) 0%, rgba(190, 18, 60, 0.1) 100%);
}

/* ==========================================================================
   Accordion / FAQ - Enhanced Light Styles
   ========================================================================== */

body.theme-light .la-accordion {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    overflow: hidden;
}

body.theme-light .la-accordion__item {
    border-bottom: 1px solid #f1f5f9;
}

body.theme-light .la-accordion__item:last-child {
    border-bottom: none;
}

body.theme-light .la-accordion__item:hover {
    background: #fafbfc;
}

body.theme-light .la-accordion__item.is-open {
    background: #f8fafc;
}

body.theme-light .la-accordion__header {
    color: #0f172a;
    padding: 1.25rem 1.5rem;
}

body.theme-light .la-accordion__header:hover {
    background: #f8fafc;
}

body.theme-light .la-accordion__title {
    color: #0f172a;
    font-weight: 600;
}

body.theme-light .la-accordion__icon {
    color: #64748b;
    background: #f1f5f9;
    border-radius: 50%;
    padding: 4px;
}

body.theme-light .la-accordion__item.is-open .la-accordion__icon {
    background: var(--la-primary);
    color: #ffffff;
}

body.theme-light .la-accordion__panel {
    background: #ffffff;
    border-top: 1px solid #f1f5f9;
}

/* Accordion Variants */
body.theme-light .la-accordion--bordered .la-accordion__item {
    border: 1px solid #e2e8f0;
    margin-bottom: 8px;
    border-radius: 8px;
}

body.theme-light .la-accordion--separated .la-accordion__item {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    margin-bottom: 12px;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}

body.theme-light .la-accordion--minimal .la-accordion__item {
    background: transparent;
    border: none;
    border-bottom: 1px solid #e2e8f0;
}

/* FAQ Section - Enhanced */
body.theme-light .la-faq__list {
    background: #ffffff;
}

body.theme-light .la-faq__item {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    margin-bottom: 12px;
    transition: all 0.2s ease;
}

body.theme-light .la-faq__item:hover {
    border-color: #cbd5e1;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
}

body.theme-light .la-faq__item.is-open {
    border-color: var(--la-primary);
    box-shadow: 0 4px 16px rgba(225, 29, 72, 0.15);
}

body.theme-light .la-faq__question {
    color: #0f172a;
    font-weight: 600;
}

body.theme-light .la-faq__question:hover {
    background: #f8fafc;
}

body.theme-light .la-faq__number {
    background: #f1f5f9;
    color: #64748b;
}

body.theme-light .la-faq__item.is-open .la-faq__number {
    background: var(--la-primary);
    color: #ffffff;
}

body.theme-light .la-faq__question-text {
    color: #0f172a;
}

body.theme-light .la-faq__icon-wrap {
    background: #f1f5f9;
    color: #64748b;
}

body.theme-light .la-faq__item.is-open .la-faq__icon-wrap {
    background: var(--la-primary);
    color: #ffffff;
}

body.theme-light .la-faq__answer {
    background: #f8fafc;
    border-top: 1px solid #e2e8f0;
}

body.theme-light .la-faq__answer-inner {
    color: #475569;
}

/* FAQ Variants */
body.theme-light .la-faq--minimal .la-faq__item {
    border: none;
    border-bottom: 1px solid #e2e8f0;
    border-radius: 0;
    margin-bottom: 0;
}

body.theme-light .la-faq--boxed .la-faq__item {
    background: #f8fafc;
}

body.theme-light .la-faq--gradient .la-faq__item {
    background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
}

body.theme-light .la-faq--gradient .la-faq__item.is-open {
    background: linear-gradient(135deg, rgba(225, 29, 72, 0.05) 0%, rgba(190, 18, 60, 0.05) 100%);
}

/* ==========================================================================
   Tables - Enhanced Light Styles
   ========================================================================== */

body.theme-light table {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    overflow: hidden;
    border-collapse: separate;
    border-spacing: 0;
}

body.theme-light thead {
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
}

body.theme-light th {
    background: transparent;
    color: #0f172a;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 0.75rem;
    letter-spacing: 0.05em;
    border-bottom: 2px solid #e2e8f0;
    padding: 1rem 1.25rem;
}

body.theme-light td {
    border-bottom: 1px solid #f1f5f9;
    color: #334155;
    padding: 1rem 1.25rem;
}

body.theme-light tr:last-child td {
    border-bottom: none;
}

body.theme-light tbody tr:hover td {
    background: #f8fafc;
}

body.theme-light tbody tr:nth-child(even) td {
    background: #fafbfc;
}

body.theme-light tbody tr:nth-child(even):hover td {
    background: #f1f5f9;
}

/* Table with sticky header */
body.theme-light .la-table--sticky thead {
    position: sticky;
    top: 0;
    z-index: 10;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

/* Comparison table */
body.theme-light .la-comparison-table th:first-child,
body.theme-light .la-comparison-table td:first-child {
    background: #f8fafc;
    font-weight: 600;
    color: #0f172a;
    border-right: 1px solid #e2e8f0;
}

/* Responsive table wrapper */
body.theme-light .la-table-wrapper {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    overflow: hidden;
}

body.theme-light .la-table-wrapper table {
    border: none;
    border-radius: 0;
}

/* ==========================================================================
   Author Page - Light Styles
   ========================================================================== */

body.theme-light .la-author-hero {
    background: linear-gradient(135deg, #e11d48 0%, #9f1239 45%, #881337 100%);
    color: #ffffff;
        padding: 25px 0;
}

body.theme-light .la-author-hero__pattern {
    background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.08'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

body.theme-light .la-author-hero .la-breadcrumb a,
body.theme-light .la-author-hero .la-breadcrumb__current {
    color: rgba(255, 255, 255, 0.92);
}

body.theme-light .la-author-hero .la-breadcrumb a:hover {
    color: #ffffff;
}

body.theme-light .la-author-hero__avatar img {
    border-color: rgba(255, 255, 255, 0.4);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
}

body.theme-light .la-author-hero__avatar-placeholder {
    background: rgba(255, 255, 255, 0.15);
    color: rgba(255, 255, 255, 0.78);
    border-color: rgba(255, 255, 255, 0.25);
}

body.theme-light .la-author-hero__name {
    color: #ffffff;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

body.theme-light .la-author-hero__title {
    color: rgba(255, 255, 255, 0.9);
}

body.theme-light .la-author-hero__stat-value {
    color: #ffffff;
}

body.theme-light .la-author-hero__stat-label {
    color: rgba(255, 255, 255, 0.92);
}

body.theme-light .la-author-hero__social-link {
    background: rgba(255, 255, 255, 0.15);
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, 0.2);
}

body.theme-light .la-author-hero__social-link:hover {
    background: rgba(255, 255, 255, 0.25);
}

/* Author Content Section */
body.theme-light .la-author-content {
    background: #f1f5f9;
}

body.theme-light .la-author-section {
background: #ffffff;
    border: 1px solid #e2e8f0; 
    border-radius: 12px; 
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
    padding: 20px;
    margin-bottom: 20px;
}
body.theme-light .la-author-section.la-section {
    border:0; 
    border-radius: 0; 
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
    padding: 0px;
    margin-bottom: 0px;
}
body.theme-light .la-author-credentials__item {
    background: #fce7f3;
}
body.theme-light .la-author-section__title {
    color: #0f172a;
    border-bottom: 1px solid #f1f5f9;
}

body.theme-light .la-author-section__title svg {
    color: var(--la-primary);
}

body.theme-light .la-author-section__content {
    color: #475569;
}

body.theme-light .la-author-expertise__tag {
    background: rgba(225, 29, 72, 0.1);
    color: var(--la-primary);
    border: 1px solid rgba(225, 29, 72, 0.2);
}

body.theme-light .la-author-credentials__item {
    border-bottom: 1px solid #f1f5f9;
}

body.theme-light .la-author-credentials__label {
    color: #64748b;
}

body.theme-light .la-author-credentials__value {
    color: #0f172a;
}

/* Author Review Cards */
body.theme-light .la-author-review-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
}

body.theme-light .la-author-review-card:hover {
    border-color: var(--la-primary);
    box-shadow: 0 4px 12px rgba(225, 29, 72, 0.15);
}

body.theme-light .la-author-review-card__logo {
    background: #f8fafc;
}

body.theme-light .la-author-review-card__title {
    color: #0f172a;
}

body.theme-light .la-author-review-card__bonus {
    color: #64748b;
}

body.theme-light .la-author-review-card__rating-value {
    color: #0f172a;
}

body.theme-light .la-author-review-card__rating-max {
    color: #64748b;
}

/* Author Sidebar */
body.theme-light .la-author-sidebar__card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
}

body.theme-light .la-author-sidebar__card-title {
    color: #0f172a;
    border-bottom: 1px solid #f1f5f9;
}

body.theme-light .la-author-sidebar__email {
    color: var(--la-primary);
}

body.theme-light .la-author-sidebar__email:hover {
    color: var(--la-primary-hover);
}

body.theme-light .la-author-sidebar__facts li {
    border-bottom: 1px solid #f1f5f9;
}

body.theme-light .la-author-sidebar__fact-label {
    color: #64748b;
}

body.theme-light .la-author-sidebar__fact-value {
    color: #0f172a;
}

/* ==========================================================================
   Missing Light Theme Overrides (cards, stats, showcase)
   ========================================================================== */

/* Showcase cards */
body.theme-light .la-showcase-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
}

/* The blurred-logo ambiance was tuned for dark cards (brightness 0.3,
   spreading down to 75% of the card) — on white it muddied the text area.
   Keep it as a light tint confined to the logo header zone. */
body.theme-light .la-showcase-card::after {
    filter: blur(56px) saturate(1.4) brightness(1.2);
    opacity: 0.3;
    mask-image: linear-gradient(to bottom, white 0%, white 18%, transparent 42%);
    -webkit-mask-image: linear-gradient(to bottom, white 0%, white 18%, transparent 42%);
}

body.theme-light .la-showcase-card:hover::after {
    opacity: 0.42;
}

/* Hero used to melt into a dark body — melt into white instead */
body.theme-light .la-showcase-card__hero::after {
    background: linear-gradient(to top, rgba(255, 255, 255, 0.95) 0%, transparent 100%);
}

/* Safety veil under the text so any bleed-through stays light */
body.theme-light .la-showcase-card__body {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.78) 0%, #ffffff 60%);
}

/* "Loe arvustust" was pale green on the tinted zone */
body.theme-light .la-showcase-card__review-link {
    color: #047857;
    font-weight: 600;
}

body.theme-light .la-showcase-card__review-link:hover {
    color: var(--la-primary);
}

body.theme-light .la-showcase-card__disclaimer-text {
    color: #64748b;
}

body.theme-light .la-showcase-card__name {
    color: #0f172a;
}

body.theme-light .la-showcase-card__bonus {
    color: #0f172a;
}

body.theme-light .la-showcase-card__value {
    color: #475569;
}

body.theme-light .la-showcase-card__feature {
    color: #475569;
}

/* Casino card overrides for light theme */
body.theme-light .la-casino-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
}

body.theme-light .la-casino-card__name,
body.theme-light .la-casino-card__name a {
    color: #0f172a;
}

body.theme-light .la-casino-card__rating .la-rating__value {
    color: #0f172a;
}

body.theme-light .la-casino-card__bonus-headline {
    color: #0f172a;
}

body.theme-light .la-casino-card__bonus-label {
    color: #64748b;
}

body.theme-light .la-casino-card__stat {
    color: #475569;
}

body.theme-light .la-casino-card__payment--more {
    color: #64748b;
}

body.theme-light .la-casino-card__code-label {
    color: #64748b;
}

body.theme-light .la-casino-card__review {
    color: #475569;
}

body.theme-light .la-casino-card__review:hover {
    color: var(--la-primary);
}

/* Category tabs mobile fix */
body.theme-light .la-category-tabs__tab {
    background: rgba(0, 0, 0, 0.05);
    color: #475569;
}

body.theme-light .la-category-tabs__tab.is-active {
    background: var(--la-primary);
    color: #ffffff;
}

/* ==========================================================================
   Toplist Hero - Bottom Shape Divider
   ========================================================================== */

body.theme-light .la-toplist-hero::after {
    background: #f1f5f9;
}

/* ==========================================================================
   Toplist Hero Featured Card - Light Theme
   ========================================================================== */

body.theme-light .la-toplist-hero__featured-card {
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.85) 0%, rgba(255, 255, 255, 0.65) 100%);
    border: 1px solid rgba(0, 0, 0, 0.1);
}

body.theme-light .la-toplist-hero__featured-card:hover {
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.1);
    border-color: rgba(0, 0, 0, 0.15);
}

body.theme-light .la-toplist-hero__featured-logo a {
    background: linear-gradient(145deg, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.02));
    border: 1px solid rgba(0, 0, 0, 0.08);
}

body.theme-light .la-toplist-hero__featured-name {
    color: #0f172a;
}

body.theme-light .la-toplist-hero__featured-name a {
    color: #0f172a;
}

body.theme-light .la-toplist-hero__featured-name a:hover {
    color: var(--la-primary);
}

body.theme-light .la-toplist-hero__featured-rating .la-rating__star--empty {
    color: rgba(0, 0, 0, 0.2);
}

body.theme-light .la-toplist-hero__featured-rating-value {
    color: #0f172a;
}

body.theme-light .la-toplist-hero__featured-rating-max {
    color: #64748b;
}

body.theme-light .la-toplist-hero__featured-bonus-label {
    color: #64748b;
}

body.theme-light .la-toplist-hero__featured-bonus-value {
    color: #0f172a;
}

body.theme-light .la-toplist-hero__featured-highlight {
    background: rgba(0, 0, 0, 0.05);
    border: 1px solid rgba(0, 0, 0, 0.08);
    color: #334155;
}

body.theme-light .la-toplist-hero__featured-review {
    color: #475569;
}

body.theme-light .la-toplist-hero__featured-review:hover {
    color: var(--la-primary);
}

/* ==========================================================================
   Toplist Page v2 (light theme)
   Layered rose hero, smooth wave divider, refined list cards
   ========================================================================== */

/* Hero: soft rose mesh with a warm gold glow, dark text stays readable */
body.theme-light .la-toplist-hero {
    background:
        radial-gradient(950px 420px at 85% 8%, rgba(251, 191, 36, 0.2) 0%, transparent 55%),
        radial-gradient(750px 520px at 2% 92%, rgba(225, 29, 72, 0.14) 0%, transparent 60%),
        radial-gradient(600px 380px at 55% -12%, rgba(255, 255, 255, 0.65) 0%, transparent 60%),
        linear-gradient(160deg, #fdeef2 0%, #f7d3dc 48%, #eeb4c3 100%);
}

/* The base overlay (opaque white->salmon) washed out the mesh and hid the
   particles/glows — keep only a light veil at the top for text readability */
body.theme-light .la-toplist-hero__overlay {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0) 55%);
}

/* Fine dot pattern, fading toward the content (homepage hero language) */
body.theme-light .la-toplist-hero::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image: radial-gradient(rgba(136, 19, 55, 0.12) 1px, transparent 1.5px);
    background-size: 26px 26px;
    -webkit-mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.25) 60%, transparent 100%);
    mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.25) 60%, transparent 100%);
    pointer-events: none;
    z-index: 0;
}

/* Floating particles: white dots are invisible on the light hero — gold sparks */
body.theme-light .la-toplist-hero__particle {
    background: rgba(217, 119, 6, 0.45);
    box-shadow: 0 0 8px 2px rgba(251, 191, 36, 0.35);
}

/* Breathing glows: crimson stays, the green one goes gold (on-brand) */
body.theme-light .la-toplist-hero__glow--1 {
    background: #e11d48;
    opacity: 0.22;
}

body.theme-light .la-toplist-hero__glow--2 {
    background: #fbbf24;
    opacity: 0.3;
}

/* Staggered entrance, same rhythm as the homepage hero */
body.theme-light .la-toplist-hero__title       { animation: la-hero-rise 0.55s ease-out both; }
body.theme-light .la-toplist-hero__intro       { animation: la-hero-rise 0.55s ease-out 0.12s both; }
body.theme-light .la-toplist-hero__meta        { animation: la-hero-rise 0.55s ease-out 0.2s both; }
body.theme-light .la-toplist-hero__featured    { animation: la-hero-rise 0.6s ease-out 0.28s both; }

/* "#1" badge: soft gold pulse */
@keyframes la-hero-badge-pulse {
    0%, 100% { box-shadow: 0 4px 14px rgba(217, 119, 6, 0.45); }
    50%      { box-shadow: 0 4px 22px rgba(217, 119, 6, 0.75); }
}

body.theme-light .la-toplist-hero__featured-badge {
    animation: la-hero-badge-pulse 2.6s ease-in-out infinite;
}

@media (prefers-reduced-motion: reduce) {
    body.theme-light .la-toplist-hero__title,
    body.theme-light .la-toplist-hero__intro,
    body.theme-light .la-toplist-hero__meta,
    body.theme-light .la-toplist-hero__featured,
    body.theme-light .la-toplist-hero__featured-badge,
    body.theme-light .la-toplist-hero__particle,
    body.theme-light .la-toplist-hero__glow {
        animation: none;
    }
}

/* Smooth wave divider instead of the jagged zigzag clip-path */
body.theme-light .la-toplist-hero::after {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 48' preserveAspectRatio='none'%3E%3Cpath d='M0 48h1440V22c-120 18-300 26-480 20S600 14 420 17 120 38 0 24z' fill='%23f1f5f9'/%3E%3C/svg%3E") bottom center / 100% 100% no-repeat;
    clip-path: none;
    height: 48px;
}

/* Featured card: crisper glass with layered depth */
body.theme-light .la-toplist-hero__featured-card {
    background: linear-gradient(150deg, rgba(255, 255, 255, 0.92) 0%, rgba(255, 255, 255, 0.72) 100%);
    border: 1px solid rgba(255, 255, 255, 0.85);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.95),
        0 18px 44px rgba(136, 19, 55, 0.16),
        0 4px 12px rgba(136, 19, 55, 0.08);
    backdrop-filter: blur(14px) saturate(1.2);
    -webkit-backdrop-filter: blur(14px) saturate(1.2);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

body.theme-light .la-toplist-hero__featured-card:hover {
    transform: translateY(-3px);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.95),
        0 26px 56px rgba(136, 19, 55, 0.22),
        0 6px 16px rgba(136, 19, 55, 0.1);
    border-color: rgba(251, 191, 36, 0.5);
}

/* "#1" badge: gold with glow */
body.theme-light .la-toplist-hero__featured-badge {
    background: linear-gradient(135deg, #fbbf24 0%, #d97706 100%);
    color: #451a03;
    box-shadow: 0 4px 14px rgba(217, 119, 6, 0.45);
}

/* Featured CTA: conversion emerald instead of near-black */
body.theme-light .la-toplist-hero__featured-cta.la-btn--secondary {
    background: linear-gradient(135deg, #10b981 0%, #059669 100%);
    color: #ffffff;
    box-shadow: 0 6px 16px rgba(5, 150, 105, 0.35);
}

body.theme-light .la-toplist-hero__featured-cta.la-btn--secondary:hover {
    background: linear-gradient(135deg, #34d399 0%, #10b981 100%);
    box-shadow: 0 10px 24px rgba(5, 150, 105, 0.45);
}

/* Hero title: gold accent bar for brand cohesion */
body.theme-light .la-toplist-hero__title::after {
    content: '';
    display: block;
    width: 76px;
    height: 4px;
    margin-top: 12px;
    border-radius: 999px;
    background: linear-gradient(90deg, #f59e0b 0%, #d97706 60%, rgba(217, 119, 6, 0) 100%);
}

/* ==========================================================================
   Casino List Cards v2 (light theme)
   ========================================================================== */

body.theme-light .la-casino-card {
    border-radius: 16px;
    transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}

body.theme-light .la-casino-card:hover {
    transform: translateY(-3px);
    border-color: rgba(225, 29, 72, 0.35);
    box-shadow: 0 14px 34px rgba(15, 23, 42, 0.12);
}

/* Rank badge: gold medal look */
body.theme-light .la-casino-card__rank {
    background: linear-gradient(135deg, #fbbf24 0%, #d97706 100%);
    color: #451a03;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(217, 119, 6, 0.4);
}

/* Bonus panel: soft rose gradient with a crimson accent edge */
body.theme-light .la-casino-card__bonus {
    background: linear-gradient(135deg, #fff1f2 0%, #ffe4e6 100%);
    border: 1px solid rgba(225, 29, 72, 0.12);
    border-left: 3px solid var(--la-primary);
    border-radius: 12px;
}

/* Stat chips: light pills */
body.theme-light .la-casino-card__stat {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 999px;
    padding: 4px 10px;
}

body.theme-light .la-casino-card__stat svg {
    color: var(--la-primary);
}

body.theme-light .la-casino-card__stat--highlight {
    background: rgba(16, 185, 129, 0.08);
    border-color: rgba(16, 185, 129, 0.25);
    color: #047857;
}

body.theme-light .la-casino-card__stat--new {
    background: rgba(245, 158, 11, 0.1);
    border-color: rgba(245, 158, 11, 0.3);
    color: #92400e;
}

/* CTA: subtle glow at rest, stronger on hover (matches sitewide language) */
body.theme-light .la-casino-card .la-cta {
    box-shadow: 0 4px 12px rgba(5, 150, 105, 0.28);
}

body.theme-light .la-casino-card .la-cta:hover {
    box-shadow: 0 10px 24px rgba(5, 150, 105, 0.4);
}

/* --- List snippet detailing (la-casino-card--full) ------------------------ */

/* Column rhythm: hairline dividers between logo / offer / action zones */
@media (min-width: 769px) {
    body.theme-light .la-casino-card--full .la-casino-card__center {
        border-left: 1px solid #eef2f7;
        border-right: 1px solid #eef2f7;
        padding-left: var(--la-space-lg);
        padding-right: var(--la-space-lg);
    }
}

/* Logo presence: framed tile with soft depth */
body.theme-light .la-casino-card__logo-wrap {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    box-shadow: inset 0 1px 0 #ffffff, 0 2px 6px rgba(15, 23, 42, 0.06);
}

body.theme-light .la-casino-card--full .la-casino-card__name {
    font-size: 1.08rem;
    font-weight: 800;
    letter-spacing: -0.01em;
}

/* Offer panel: compact, layered, with a soft gift watermark */
body.theme-light .la-casino-card__bonus-main {
    position: relative;
    overflow: hidden;
    background: linear-gradient(120deg, #fff1f2 0%, #ffe4e6 70%, #fecdd3 100%);
    border: 1px solid rgba(225, 29, 72, 0.14); /* uniform border; overrides the base 3px crimson border-left */
    border-radius: 12px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
}

body.theme-light .la-casino-card__bonus-main::after {
    content: '';
    position: absolute;
    right: -14px;
    bottom: -18px;
    width: 110px;
    height: 110px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e11d48' stroke-width='1.4'%3E%3Crect x='3' y='8' width='18' height='4'/%3E%3Crect x='5' y='12' width='14' height='9'/%3E%3Cline x1='12' y1='8' x2='12' y2='21'/%3E%3Cpath d='M12 8c-1.5-3-5-3.5-5-1s3.5 2 5 1zm0 0c1.5-3 5-3.5 5-1s-3.5 2-5 1z'/%3E%3C/svg%3E") center / contain no-repeat;
    opacity: 0.07;
    transform: rotate(-12deg);
    pointer-events: none;
}

body.theme-light .la-casino-card__bonus-headline {
    font-size: 1.05rem;
    line-height: 1.35;
    position: relative;
    z-index: 1;
}

body.theme-light .la-casino-card__bonus-headline + .la-casino-card__bonus-grid {
    border-top: 1px solid rgba(225, 29, 72, 0.12);
}

body.theme-light .la-casino-card__bonus-grid {
    position: relative;
    z-index: 1;
}

/* Bonus numbers: crimson, not amber (amber sinks on the rose panel) */
body.theme-light .la-casino-card__bonus-value {
    color: #be123c;
    font-size: 1.45rem;
    line-height: 1.15;
}

body.theme-light .la-casino-card__bonus-label {
    color: #9f5f6f;
    font-weight: 600;
    letter-spacing: 0.07em;
}

/* Payment marks: crisp white chips instead of floating color squares */
body.theme-light .la-casino-card__payment {
    width: 36px;
    height: 26px;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 7px;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.07);
    transition: transform 0.18s ease, box-shadow 0.18s ease;
}

body.theme-light .la-casino-card__payment:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 10px rgba(15, 23, 42, 0.14);
}

body.theme-light .la-casino-card__payment--more {
    width: auto;
    color: #64748b;
    background: #f8fafc;
}

/* Action zone */
body.theme-light .la-casino-card--full .la-casino-card__right .la-cta {
    width: 100%;
    justify-content: center;
}

body.theme-light .la-casino-card__review {
    font-weight: 600;
    text-decoration: underline;
    text-decoration-color: transparent;
    text-underline-offset: 3px;
    transition: color 0.2s ease, text-decoration-color 0.2s ease;
}

body.theme-light .la-casino-card__review:hover {
    text-decoration-color: var(--la-primary);
}

/* Rating value next to stars: solid dark for authority */
body.theme-light .la-casino-card--full .la-rating__value {
    font-size: 1rem;
}

@media (max-width: 768px) {
    body.theme-light .la-casino-card--full .la-casino-card__center {
        border-left: 0;
        border-right: 0;
        padding-left: 0;
        padding-right: 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.theme-light .la-casino-card,
    body.theme-light .la-casino-card:hover,
    body.theme-light .la-toplist-hero__featured-card,
    body.theme-light .la-toplist-hero__featured-card:hover {
        transform: none;
        transition: none;
    }
}

/* ==========================================================================
   Floating Bonus Panel v2 (light theme)
   Dark premium drawer with light cards; fixes header/title contrast
   ========================================================================== */

body.theme-light .la-floating-bonus-panel {
    background: linear-gradient(180deg, #3a1f2d 0%, #241019 100%);
    border-left: 1px solid rgba(255, 255, 255, 0.06);
}

/* Header: richer crimson gradient, forced light text
   (the global light-theme heading color was painting the title dark) */
body.theme-light .la-floating-bonus-panel__header {
    background: linear-gradient(135deg, #c11244 0%, #9f1239 60%, #881337 100%);
}

body.theme-light .la-floating-bonus-panel__title {
    color: #ffffff;
}

body.theme-light .la-floating-bonus-panel__subtitle {
    color: rgba(255, 255, 255, 0.88);
}

body.theme-light .la-floating-bonus-panel__header-icon {
    background: rgba(255, 255, 255, 0.16);
    border: 1px solid rgba(255, 255, 255, 0.25);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

body.theme-light .la-floating-bonus-panel__close {
    background: rgba(255, 255, 255, 0.14);
    border: 1px solid rgba(255, 255, 255, 0.22);
}

body.theme-light .la-floating-bonus-panel__close:hover {
    background: rgba(255, 255, 255, 0.28);
}

/* Cards: clean white, soft depth, lift on hover */
body.theme-light .la-floating-bonus-item {
    background: #ffffff;
    border: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: 16px;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

body.theme-light .la-floating-bonus-item:hover {
    background: #ffffff;
    border-color: rgba(225, 29, 72, 0.45);
    transform: translateY(-2px);
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.35);
}

body.theme-light .la-floating-bonus-item__name {
    color: #0f172a;
    font-size: 0.95rem;
    font-weight: 700;
}

/* Readable money colors on white */
body.theme-light .la-floating-bonus-item__bonus-amount {
    color: #047857;
}

body.theme-light .la-floating-bonus-item__bonus-spins {
    color: #92400e;
    background: rgba(245, 158, 11, 0.16);
}

body.theme-light .la-floating-bonus-item__rating {
    color: #92400e;
}

body.theme-light .la-floating-bonus-item__rating svg {
    color: #f59e0b;
}

body.theme-light .la-floating-bonus-item__logo {
    border: 1px solid #e2e8f0;
}

body.theme-light .la-floating-bonus-item__logo-text {
    color: #0f172a;
}

/* Rank medals: gold / silver / bronze, neutral slate for the rest */
body.theme-light .la-floating-bonus-item__rank {
    background: #64748b;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
}

body.theme-light .la-floating-bonus-item:nth-child(1) .la-floating-bonus-item__rank {
    background: linear-gradient(135deg, #fbbf24 0%, #d97706 100%);
    color: #451a03;
    box-shadow: 0 0 14px rgba(251, 191, 36, 0.55);
}

body.theme-light .la-floating-bonus-item:nth-child(2) .la-floating-bonus-item__rank {
    background: linear-gradient(135deg, #e2e8f0 0%, #94a3b8 100%);
    color: #1e293b;
}

body.theme-light .la-floating-bonus-item:nth-child(3) .la-floating-bonus-item__rank {
    background: linear-gradient(135deg, #d97706 0%, #92400e 100%);
    color: #ffffff;
}

/* CTA: deeper emerald with glow */
body.theme-light .la-floating-bonus-item__cta {
    background: linear-gradient(135deg, #10b981 0%, #059669 100%);
    box-shadow: 0 4px 12px rgba(5, 150, 105, 0.35);
}

body.theme-light .la-floating-bonus-item__cta:hover {
    box-shadow: 0 8px 20px rgba(5, 150, 105, 0.45);
}

/* Footer */
body.theme-light .la-floating-bonus-panel__footer {
    background: rgba(0, 0, 0, 0.28);
    border-top: 1px solid rgba(255, 255, 255, 0.06);
}

body.theme-light .la-floating-bonus-panel__footer-text {
    color: #b39aa5;
}

/* Drawer scrollbar */
body.theme-light .la-floating-bonus-panel__body {
    scrollbar-width: thin;
    scrollbar-color: rgba(255, 255, 255, 0.25) transparent;
}

body.theme-light .la-floating-bonus-panel__body::-webkit-scrollbar {
    width: 6px;
}

body.theme-light .la-floating-bonus-panel__body::-webkit-scrollbar-track {
    background: transparent;
}

body.theme-light .la-floating-bonus-panel__body::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.25);
    border-radius: 3px;
}

/* Overlay: blur the page behind the drawer */
body.theme-light .la-floating-bonus-overlay.is-active {
    background: rgba(15, 5, 10, 0.55);
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
}

@media (prefers-reduced-motion: reduce) {
    body.theme-light .la-floating-bonus-item,
    body.theme-light .la-floating-bonus-item:hover,
    body.theme-light .la-floating-bonus-item__cta:hover {
        animation: none;
        transform: none;
    }
}

/* ==========================================================================
   Hero v2 - Premium layered design (light theme)
   ========================================================================== */

/* Layered mesh background: deep burgundy base + soft rose/gold glows */
body.theme-light .la-hero,
body.theme-light .la-hero--gradient {
    background:
        radial-gradient(1100px 520px at 82% 18%, rgba(251, 191, 36, 0.16) 0%, transparent 55%),
        radial-gradient(900px 600px at 8% 85%, rgba(244, 63, 94, 0.35) 0%, transparent 60%),
        radial-gradient(700px 420px at 55% -10%, rgba(255, 255, 255, 0.08) 0%, transparent 60%),
        linear-gradient(135deg, #c11244 0%, #9f1239 45%, #6f0c29 100%);
    padding-bottom: 56px;
}

/* The old overlay painted a near-opaque flat gradient over the hero;
   the layered background above carries the design now — keep only a
   subtle bottom vignette for text depth */
body.theme-light .la-hero__overlay {
    background: radial-gradient(120% 110% at 50% -10%, transparent 55%, rgba(45, 8, 20, 0.35) 100%);
}

/* Fine dot pattern, fading toward the content */
body.theme-light .la-hero::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image: radial-gradient(rgba(255, 255, 255, 0.14) 1px, transparent 1.5px);
    background-size: 26px 26px;
    -webkit-mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.25) 60%, transparent 100%);
    mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.25) 60%, transparent 100%);
    pointer-events: none;
}

/* Soft wave transition into the white content below */
body.theme-light .la-hero::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    height: 44px;
    z-index: 0;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 44' preserveAspectRatio='none'%3E%3Cpath d='M0 44h1440V20c-120 16-300 24-480 18S600 14 420 16 120 34 0 22z' fill='%23ffffff'/%3E%3C/svg%3E") bottom center / 100% 100% no-repeat;
    pointer-events: none;
}

body.theme-light .la-hero .la-container {
    position: relative;
    z-index: 1;
}

/* Title: bigger, tighter, with a gold accent bar */
body.theme-light .la-hero__title {
    font-size: clamp(2.2rem, 5vw, 3.1rem);
    letter-spacing: -0.02em;
    text-shadow: 0 2px 20px rgba(0, 0, 0, 0.25);
}

body.theme-light .la-hero__title::after {
    content: '';
    display: block;
    width: 88px;
    height: 4px;
    margin-top: 14px;
    border-radius: 999px;
    background: linear-gradient(90deg, #fbbf24 0%, #f59e0b 60%, rgba(245, 158, 11, 0) 100%);
    box-shadow: 0 0 16px rgba(251, 191, 36, 0.5);
}

body.theme-light .la-hero__subtitle {
    font-size: 1.02rem;
    line-height: 1.65;
    color: rgba(255, 255, 255, 0.92);
    max-width: 540px;
}

/* Stat cards: refined glass with gold numbers */
body.theme-light .la-hero__stat {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.16) 0%, rgba(255, 255, 255, 0.08) 100%);
    border: 1px solid rgba(255, 255, 255, 0.24);
    border-radius: 14px;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.25),
        0 8px 24px rgba(0, 0, 0, 0.18);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

body.theme-light .la-hero__stat:hover {
    transform: translateY(-3px);
    border-color: rgba(251, 191, 36, 0.55);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.3),
        0 14px 32px rgba(0, 0, 0, 0.25),
        0 0 24px rgba(251, 191, 36, 0.2);
}

body.theme-light .la-hero__stat-value {
    background: linear-gradient(180deg, #fef3c7 0%, #fbbf24 55%, #f59e0b 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: none;
    filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.3));
}

body.theme-light .la-hero__stat-label {
    color: rgba(255, 255, 255, 0.92);
    text-transform: uppercase;
    font-size: 0.72rem;
    letter-spacing: 0.08em;
    font-weight: 600;
}

/* Slot machine: gentle float + warm glow */
body.theme-light .la-hero__featured {
    filter: drop-shadow(0 24px 48px rgba(0, 0, 0, 0.35)) drop-shadow(0 0 40px rgba(251, 191, 36, 0.15));
    animation: la-hero-float 6s ease-in-out infinite;
}

@keyframes la-hero-float {
    0%, 100% { transform: translateY(0); }
    50%      { transform: translateY(-9px); }
}

/* Entrance: subtle staggered fade-up */
@keyframes la-hero-rise {
    from { opacity: 0; transform: translateY(14px); }
    to   { opacity: 1; transform: translateY(0); }
}

body.theme-light .la-hero__title    { animation: la-hero-rise 0.55s ease-out both; }
body.theme-light .la-hero__subtitle { animation: la-hero-rise 0.55s ease-out 0.12s both; }
body.theme-light .la-hero__stats    { animation: la-hero-rise 0.55s ease-out 0.24s both; }

@media (prefers-reduced-motion: reduce) {
    body.theme-light .la-hero__featured,
    body.theme-light .la-hero__title,
    body.theme-light .la-hero__subtitle,
    body.theme-light .la-hero__stats {
        animation: none;
    }
    body.theme-light .la-hero__stat,
    body.theme-light .la-hero__stat:hover {
        transform: none;
        transition: none;
    }
}

/* Mobile refinements */
@media (max-width: 768px) {
    body.theme-light .la-hero,
    body.theme-light .la-hero--gradient {
        background:
            radial-gradient(600px 340px at 85% 8%, rgba(251, 191, 36, 0.14) 0%, transparent 55%),
            radial-gradient(500px 360px at 0% 95%, rgba(244, 63, 94, 0.3) 0%, transparent 60%),
            linear-gradient(180deg, #c11244 0%, #9f1239 55%, #6f0c29 100%);
        padding-bottom: 40px;
    }

    body.theme-light .la-hero::after {
        height: 26px;
    }

    body.theme-light .la-hero__stats {
        flex-wrap: wrap;
    }

    body.theme-light .la-hero__stat {
        flex: 1 1 calc(33% - var(--la-space-md));
        min-width: 96px;
        padding: 0.75rem 0.5rem;
    }
}

/* ==========================================================================
   Accessible Focus States (keyboard navigation)
   ========================================================================== */

body.theme-light a:focus-visible,
body.theme-light button:focus-visible,
body.theme-light input:focus-visible,
body.theme-light select:focus-visible,
body.theme-light textarea:focus-visible,
body.theme-light summary:focus-visible,
body.theme-light [tabindex]:focus-visible {
    outline: 3px solid rgba(225, 29, 72, 0.55);
    outline-offset: 2px;
}

body.theme-light .la-hero a:focus-visible,
body.theme-light .la-casino-hero a:focus-visible,
body.theme-light .la-footer a:focus-visible {
    outline-color: rgba(255, 255, 255, 0.8);
}

/* ==========================================================================
   Casino Review Page v2 (light theme)
   Segmented pill nav, refined section cards, gold accents, light steps
   ========================================================================== */

/* --- Sticky nav: white glass bar with a segmented pill row ---------------- */

body.theme-light .la-casino-nav {
    background: rgba(255, 255, 255, 0.92);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-bottom: 1px solid #eef2f7;
    box-shadow: 0 10px 24px -14px rgba(15, 23, 42, 0.18);
}

body.theme-light .la-casino-nav__tabs {
    gap: 0.375rem;
}

body.theme-light .la-casino-nav__tab {
    border-radius: 999px;
    border: 1px solid transparent;
    padding: 0.5rem 1.1rem;
    font-size: 0.9rem;
    color: #64748b;
    transition: color 0.2s ease, background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

body.theme-light .la-casino-nav__tab:hover {
    color: #0f172a;
    background: #f1f5f9;
    border-color: #e2e8f0;
}

body.theme-light .la-casino-nav__tab.is-active {
    color: #ffffff;
    background: linear-gradient(135deg, #e11d48 0%, #be123c 100%);
    border-color: transparent;
    box-shadow: 0 4px 14px rgba(225, 29, 72, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.22);
}

body.theme-light .la-casino-nav__tab.is-active:hover {
    color: #ffffff;
    background: linear-gradient(135deg, #be123c 0%, #9f1239 100%);
}

/* --- Section cards: hairline top highlight, shadow-only hover ------------- */

body.theme-light .la-casino-section {
    position: relative;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04);
    transition: box-shadow 0.25s ease;
}

body.theme-light .la-casino-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 20px;
    right: 20px;
    height: 1px;
    border-radius: 999px;
    background: linear-gradient(90deg, transparent 0%, rgba(251, 191, 36, 0.35) 18%, rgba(251, 191, 36, 0.35) 82%, transparent 100%);
    pointer-events: none;
}

body.theme-light .la-casino-section:hover {
    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.08);
}

/* Section titles: gold accent bar riding the divider line */
body.theme-light .la-casino-section__title {
    position: relative;
    border-bottom-color: #eef2f7;
}

body.theme-light .la-casino-section__title::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 48px;
    height: 3px;
    border-radius: 999px;
    background: linear-gradient(90deg, #f59e0b 0%, #d97706 70%, rgba(217, 119, 6, 0) 100%);
}

/* --- Pros & cons: white cards with soft tinted header bands --------------- */

body.theme-light .la-pros-cons__column {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-left: 1px solid #e2e8f0;
    border-radius: 14px;
    box-shadow: inset 0 1px 0 #ffffff, 0 2px 8px rgba(15, 23, 42, 0.04);
}

body.theme-light .la-pros-cons__header {
    padding: 0.55rem 0.9rem;
    border-radius: 10px;
    margin-bottom: 0.75rem;
}

body.theme-light .la-pros-cons__column--pros .la-pros-cons__header {
    background: rgba(34, 197, 94, 0.07);
}

body.theme-light .la-pros-cons__column--cons .la-pros-cons__header {
    background: rgba(239, 68, 68, 0.07);
}

body.theme-light .la-pros-cons__list li {
    border-bottom-color: #f1f5f9;
}

/* --- Rating breakdown: gradient bars on inset tracks ---------------------- */

body.theme-light .la-rating-breakdown {
    background: #f8fafc;
    border-color: #eef2f7;
}

body.theme-light .la-rating-breakdown__bar {
    background: #e2e8f0;
    box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.12);
}

body.theme-light .la-rating-breakdown__fill {
    background: linear-gradient(90deg, #be123c 0%, #e11d48 55%, #fb7185 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
}

/* --- Registration steps: light cards + gold number circles ---------------- */

body.theme-light .la-registration-step {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    box-shadow: inset 0 1px 0 #ffffff, 0 2px 8px rgba(15, 23, 42, 0.04);
    transition: border-color 0.25s ease, box-shadow 0.25s ease;
}

body.theme-light .la-registration-step:hover {
    border-color: rgba(225, 29, 72, 0.3);
    box-shadow: 0 10px 28px rgba(15, 23, 42, 0.09);
}

body.theme-light .la-registration-step__badge {
    width: 44px;
    height: 44px;
    padding: 0;
    border-radius: 50%;
    background: linear-gradient(135deg, #fbbf24 0%, #d97706 100%);
    box-shadow: 0 4px 12px rgba(217, 119, 6, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.45);
}

body.theme-light .la-registration-step__number {
    color: #451a03;
}

body.theme-light .la-registration-step__label {
    display: none;
}

body.theme-light .la-registration-step__title {
    color: #0f172a;
}

body.theme-light .la-registration-step__description {
    color: #475569;
}

body.theme-light .la-registration-step__description strong {
    color: #0f172a;
}

body.theme-light .la-registration-step__image {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.08);
}

body.theme-light .la-registration-step__tip {
    background: rgba(255, 251, 235, 0.8);
    border: 1px solid rgba(245, 158, 11, 0.3);
}

body.theme-light .la-registration-step__tip-icon {
    background: linear-gradient(135deg, #fbbf24 0%, #d97706 100%);
    color: #451a03;
}

body.theme-light .la-registration-step__tip-content {
    color: #475569;
}

body.theme-light .la-registration-step__tip-content strong {
    color: #b45309;
}

/* --- Bonus box: gold glow makes it the sidebar anchor --------------------- */

body.theme-light .la-bonus-box {
    border: 1px solid rgba(251, 191, 36, 0.45);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.35),
        0 8px 32px rgba(15, 23, 42, 0.12),
        0 0 0 1px rgba(251, 191, 36, 0.12),
        0 0 34px rgba(251, 191, 36, 0.22);
}

body.theme-light .la-bonus-box__header {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.18);
}

/* --- Sidebar boxes: soft hover shadow only -------------------------------- */

body.theme-light .la-casino-info-box,
body.theme-light .la-similar-casinos {
    transition: box-shadow 0.25s ease;
}

body.theme-light .la-casino-info-box:hover,
body.theme-light .la-similar-casinos:hover {
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.08);
}

/* ==========================================================================
   Blog Single v2 (light theme)
   Comfortable reading typography, refined quotes, brand share buttons
   ========================================================================== */

/* Header meta row */
body.theme-light .la-single-post__category {
    color: #be123c;
    background: rgba(225, 29, 72, 0.08);
    border: 1px solid rgba(225, 29, 72, 0.18);
    border-radius: 999px;
    padding: 0.3rem 0.85rem;
}

body.theme-light .la-single-post__category:hover {
    background: rgba(225, 29, 72, 0.14);
    border-color: rgba(225, 29, 72, 0.3);
}

body.theme-light .la-single-post__title {
    color: #0f172a;
    letter-spacing: -0.015em;
}

body.theme-light .la-single-post__meta {
    color: #64748b;
}

body.theme-light .la-single-post__author span {
    color: #475569;
    font-weight: 600;
}

body.theme-light .la-single-post__avatar {
    border: 2px solid #ffffff;
    box-shadow: 0 2px 6px rgba(15, 23, 42, 0.12);
}

body.theme-light .la-single-post__date,
body.theme-light .la-single-post__reading-time {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    color: #64748b;
}

body.theme-light .la-single-post__reading-time svg {
    color: #d97706;
}

/* Featured image: gentle frame */
body.theme-light .la-single-post__featured-image {
    box-shadow: 0 12px 32px rgba(15, 23, 42, 0.1);
}

body.theme-light .la-single-post__caption {
    background: #f8fafc;
    color: #64748b;
}

/* Content typography: comfortable measure and rhythm */
body.theme-light .la-single-post__content {
    font-size: 1.05rem;
    line-height: 1.75;
    color: #334155;
}

body.theme-light .la-single-post__content h2,
body.theme-light .la-single-post__content h3 {
    color: #0f172a;
    letter-spacing: -0.01em;
}

body.theme-light .la-single-post__content h2::after {
    content: '';
    display: block;
    width: 48px;
    height: 3px;
    margin-top: 10px;
    border-radius: 999px;
    background: linear-gradient(90deg, #f59e0b 0%, #d97706 70%, rgba(217, 119, 6, 0) 100%);
}

body.theme-light .la-single-post__content a:not(.la-btn) {
    color: var(--la-primary);
    text-decoration: underline;
    text-decoration-color: rgba(225, 29, 72, 0.3);
    text-underline-offset: 3px;
    transition: text-decoration-color 0.2s ease, color 0.2s ease;
}

body.theme-light .la-single-post__content a:not(.la-btn):hover {
    color: var(--la-primary-hover);
    text-decoration-color: var(--la-primary);
}

body.theme-light .la-single-post__content blockquote {
    background: #fff1f2;
    border-left: 4px solid var(--la-primary);
    border-radius: 0 12px 12px 0;
    padding: 1rem 1.25rem;
    color: #475569;
    font-style: italic;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7);
}

body.theme-light .la-single-post__content blockquote p {
    color: #475569;
}

body.theme-light .la-single-post__content ul li::marker,
body.theme-light .la-single-post__content ol li::marker {
    color: var(--la-primary);
}

/* Tags: quiet pills */
body.theme-light .la-single-post__footer {
    border-top-color: #e2e8f0;
}

body.theme-light .la-single-post__tags a {
    background: #f1f5f9;
    border: 1px solid #e2e8f0;
    border-radius: 999px;
    color: #475569;
}

body.theme-light .la-single-post__tags a:hover {
    color: #be123c;
    background: rgba(225, 29, 72, 0.08);
    border-color: rgba(225, 29, 72, 0.25);
}

/* Share buttons: brand circles with hover lift */
body.theme-light .la-share-btn {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 2px 6px rgba(15, 23, 42, 0.15);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

body.theme-light .la-share-btn:hover {
    transform: translateY(-3px);
}

body.theme-light .la-share-btn--facebook:hover {
    box-shadow: 0 8px 18px rgba(24, 119, 242, 0.45);
}

body.theme-light .la-share-btn--twitter:hover {
    box-shadow: 0 8px 18px rgba(29, 161, 242, 0.45);
}

body.theme-light .la-share-btn--linkedin:hover {
    box-shadow: 0 8px 18px rgba(0, 119, 181, 0.45);
}

/* Related posts: card language from casino list v2 */
body.theme-light .la-related-post-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04);
    transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}

body.theme-light .la-related-post-card:hover {
    transform: translateY(-3px);
    border-color: rgba(225, 29, 72, 0.35);
    box-shadow: 0 14px 34px rgba(15, 23, 42, 0.12);
}

body.theme-light .la-related-post-card__title a {
    color: #0f172a;
}

body.theme-light .la-related-post-card__title a:hover {
    color: var(--la-primary);
}

body.theme-light .la-related-post-card__date {
    color: #64748b;
}

@media (prefers-reduced-motion: reduce) {
    body.theme-light .la-share-btn,
    body.theme-light .la-share-btn:hover,
    body.theme-light .la-related-post-card,
    body.theme-light .la-related-post-card:hover {
        transform: none;
        transition: none;
    }
}

/* ==========================================================================
   Search v2 (light theme)
   Blurred overlay with glass input; result cards matching casino list v2
   ========================================================================== */

/* --- Header overlay ------------------------------------------------------- */

body.theme-light .la-search-overlay {
    background: rgba(15, 5, 10, 0.66);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

/* The form is the visual field: large glass-white rounded bar */
body.theme-light .la-search-overlay__form {
    background: rgba(255, 255, 255, 0.96);
    border: 1px solid rgba(255, 255, 255, 0.7);
    border-radius: 18px;
    padding: 0.5rem;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.95),
        0 24px 60px rgba(0, 0, 0, 0.4);
    transition: box-shadow 0.2s ease, border-color 0.2s ease;
}

body.theme-light .la-search-overlay__form:focus-within {
    border-color: rgba(225, 29, 72, 0.55);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.95),
        0 0 0 3px rgba(225, 29, 72, 0.22),
        0 24px 60px rgba(0, 0, 0, 0.4);
}

/* Input sits flat inside the glass bar (earlier rules gave it its own box) */
body.theme-light .la-search-overlay__input {
    background: transparent;
    border: none;
    color: #0f172a;
}

body.theme-light .la-search-overlay__input:focus {
    border: none;
    background: transparent;
    box-shadow: none;
    outline: none;
}

body.theme-light .la-search-overlay__input::placeholder {
    color: #64748b;
}

body.theme-light .la-search-overlay__submit {
    background: linear-gradient(135deg, #e11d48 0%, #be123c 100%);
    border-radius: 12px;
    box-shadow: 0 4px 14px rgba(225, 29, 72, 0.4);
}

body.theme-light .la-search-overlay__submit:hover {
    background: linear-gradient(135deg, #be123c 0%, #9f1239 100%);
}

body.theme-light .la-search-overlay__close {
    color: rgba(255, 255, 255, 0.85);
    background: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s ease, color 0.2s ease;
}

body.theme-light .la-search-overlay__close:hover {
    color: #ffffff;
    background: rgba(255, 255, 255, 0.24);
}

/* --- Search results page -------------------------------------------------- */

body.theme-light .la-search-page__title {
    color: #0f172a;
}

body.theme-light .la-search-page__count {
    color: #64748b;
}

body.theme-light .la-search-page__input {
    background: #ffffff;
    border-color: #e2e8f0;
    color: #0f172a;
}

body.theme-light .la-search-page__input:focus {
    border-color: var(--la-primary);
    box-shadow: 0 0 0 3px rgba(225, 29, 72, 0.12);
}

/* Result cards: white, hover lift, crimson border (casino list v2 language) */
body.theme-light .la-search-result {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    box-shadow: inset 0 1px 0 #ffffff, 0 2px 8px rgba(15, 23, 42, 0.04);
    transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}

body.theme-light .la-search-result:hover {
    transform: translateY(-3px);
    border-color: rgba(225, 29, 72, 0.35);
    box-shadow: 0 14px 34px rgba(15, 23, 42, 0.12);
}

/* Type badges: readable darker tones on light tints */
body.theme-light .la-search-result__type {
    border-radius: 999px;
    background: rgba(100, 116, 139, 0.1);
    color: #475569;
}

body.theme-light .la-search-result--casino .la-search-result__type {
    background: rgba(16, 185, 129, 0.1);
    color: #047857;
}

body.theme-light .la-search-result--game .la-search-result__type {
    background: rgba(225, 29, 72, 0.08);
    color: #be123c;
}

body.theme-light .la-search-result--bonus .la-search-result__type {
    background: rgba(245, 158, 11, 0.12);
    color: #b45309;
}

body.theme-light .la-search-result__title a {
    color: #0f172a;
}

body.theme-light .la-search-result__title a:hover {
    color: var(--la-primary);
}

body.theme-light .la-search-result__rating {
    color: #b45309;
}

body.theme-light .la-search-result__rating svg {
    color: #f59e0b;
}

body.theme-light .la-search-result__logo,
body.theme-light .la-search-result__thumb {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
}

body.theme-light .la-search-result__bonus,
body.theme-light .la-search-result__provider,
body.theme-light .la-search-result__value,
body.theme-light .la-search-result__excerpt {
    color: #475569;
}

body.theme-light .la-search-result__date {
    color: #64748b;
}

body.theme-light .la-search-page__no-results {
    color: #475569;
}

body.theme-light .la-search-page__no-results-icon {
    color: #cbd5e1;
}

body.theme-light .la-search-page__no-results h2 {
    color: #0f172a;
}

@media (prefers-reduced-motion: reduce) {
    body.theme-light .la-search-result,
    body.theme-light .la-search-result:hover {
        transform: none;
        transition: none;
    }
}

/* ==========================================================================
   Sitewide Polish v2 (light theme)
   Gold accent bars under section titles; affiliate disclosure note
   ========================================================================== */

/* Section titles: gold bar, left-aligned by default */
body.theme-light .la-section__title::after {
    content: '';
    display: block;
    width: 56px;
    height: 3px;
    margin-top: 10px;
    border-radius: 999px;
    background: linear-gradient(90deg, #f59e0b 0%, #d97706 70%, rgba(217, 119, 6, 0) 100%);
}

/* Centered section headers (base .la-section__header is text-align: center)
   get a centered, symmetric bar */
body.theme-light .la-section__header .la-section__title::after {
    margin-left: auto;
    margin-right: auto;
    background: linear-gradient(90deg, rgba(245, 158, 11, 0) 0%, #f59e0b 30%, #d97706 70%, rgba(217, 119, 6, 0) 100%);
}

/* Affiliate disclosure note: small, quiet, honest */
body.theme-light .la-affiliate-note {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    font-size: 0.8rem;
    line-height: 1.5;
    color: #64748b;
    background: rgba(255, 251, 235, 0.6);
    border-left: 3px solid #fbbf24;
    border-radius: 8px;
    padding: 8px 12px;
    margin-bottom: 1rem;
}

body.theme-light .la-affiliate-note svg {
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    margin-top: 2px;
    color: #d97706;
}

body.theme-light .la-affiliate-note a {
    color: #b45309;
    text-decoration: underline;
}

/* Dark-surface variant: inside the crimson heroes use white glass text */
body.theme-light .la-hero .la-affiliate-note,
body.theme-light .la-casino-hero .la-affiliate-note {
    background: rgba(255, 255, 255, 0.14);
    border-left-color: rgba(251, 191, 36, 0.85);
    color: rgba(255, 255, 255, 0.92);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

body.theme-light .la-hero .la-affiliate-note svg,
body.theme-light .la-casino-hero .la-affiliate-note svg {
    color: #fbbf24;
}

body.theme-light .la-hero .la-affiliate-note a,
body.theme-light .la-casino-hero .la-affiliate-note a {
    color: #ffffff;
}

/* Toplist hero is a light rose surface (v2): glass card with dark text
   so contrast stays WCAG-readable */
body.theme-light .la-toplist-hero .la-affiliate-note {
    background: rgba(255, 255, 255, 0.55);
    border-left-color: #d97706;
    color: #475569;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

body.theme-light .la-toplist-hero .la-affiliate-note svg {
    color: #b45309;
}

body.theme-light .la-toplist-hero .la-affiliate-note a {
    color: #9f1239;
}

/* ==========================================================================
   Content Color Fixes (dark-theme rules that painted text white)
   ========================================================================== */

/* Feature-title paragraphs (a lone <strong> in a p gets a crimson-tinted
   band in the base theme with WHITE strong text - invisible on light) */
body.theme-light .la-content p:has(> strong:first-child:last-child),
body.theme-light .entry-content p:has(> strong:first-child:last-child) {
    color: #0f172a;
}

body.theme-light .la-content p:has(> strong:first-child:last-child) strong,
body.theme-light .entry-content p:has(> strong:first-child:last-child) strong {
    color: #0f172a;
}

body.theme-light .la-content p:has(> strong:first-child:last-child) + p,
body.theme-light .entry-content p:has(> strong:first-child:last-child) + p {
    color: #475569;
}

/* Gutenberg tables: base paints header rows white-on-translucent-crimson */
body.theme-light .wp-block-table tbody tr:first-child td,
body.theme-light .wp-block-table tbody tr:first-child td strong {
    color: #0f172a;
}

body.theme-light .wp-block-table th {
    color: #0f172a;
}

body.theme-light .wp-block-table td,
body.theme-light .wp-block-table th {
    border-bottom-color: #f1f5f9;
}

body.theme-light .wp-block-table tbody tr:not(:first-child):hover td {
    background: #f8fafc;
}

/* Generic strong/bold inside content areas: always dark on light surfaces */
body.theme-light .la-single-post__content strong,
body.theme-light .la-casino-section__content strong,
body.theme-light .entry-content strong,
body.theme-light .la-content strong {
    color: #0f172a;
}

/* ==========================================================================
   Print Styles
   ========================================================================== */

@media print {
    body.theme-light {
        background: #ffffff !important;
        color: #000000 !important;
    }

    body.theme-light .la-header,
    body.theme-light .la-footer {
        display: none !important;
    }
}

/* ==========================================================================
   Block Components (Gutenberg) - Light Theme Overrides
   Base styles live in style.css ("Block Components (Gutenberg)") and use
   --la-* tokens, which body.theme-light already remaps. The rules below only
   fix hardcoded tints and WCAG contrast on white: no amber (#f59e0b) or
   emerald (#10b981/#22c55e) text on white - use #b45309/#92400e amber and
   #047857 emerald instead.
   ========================================================================== */

/* --- Casino Comparison ---------------------------------------------------- */

/* The generic light "table" rules add their own frame - avoid a double
   border inside the block wrappers (same pattern as .la-table-wrapper) */
body.theme-light .la-comparison__table,
body.theme-light .la-bonus-table .la-table {
    border: none;
    border-radius: 0;
}

/* Keep the crimson accent under the header row (generic light th repaints
   border-bottom gray) and undo the generic uppercase th treatment */
body.theme-light .la-comparison__label-cell,
body.theme-light .la-comparison__casino-cell {
    border-bottom-color: var(--la-primary);
    text-transform: none;
}

body.theme-light .la-comparison__label {
    text-transform: none;
    letter-spacing: normal;
    font-size: var(--la-text-sm);
    color: #475569;
}

/* --- Casino Games / Payments ---------------------------------------------- */

body.theme-light .la-casino-games__total strong {
    color: #b45309;
}

body.theme-light .la-casino-payments__info-item svg {
    color: #047857;
}

/* --- Casino Pros & Cons: match the light pros-cons v2 look ----------------- */

body.theme-light .la-casino-pros-cons__column {
    background: #ffffff;
    border-color: #e2e8f0;
    box-shadow: inset 0 1px 0 #ffffff, 0 2px 8px rgba(15, 23, 42, 0.04);
}

body.theme-light .la-casino-pros-cons__pros .la-casino-pros-cons__header {
    background: rgba(34, 197, 94, 0.07);
}

body.theme-light .la-casino-pros-cons__cons .la-casino-pros-cons__header {
    background: rgba(239, 68, 68, 0.07);
}

body.theme-light .la-casino-pros-cons__pros .la-casino-pros-cons__header-icon,
body.theme-light .la-casino-pros-cons__pros .la-casino-pros-cons__item-icon {
    color: #16a34a;
}

body.theme-light .la-casino-pros-cons__cons .la-casino-pros-cons__header-icon,
body.theme-light .la-casino-pros-cons__cons .la-casino-pros-cons__item-icon {
    color: #dc2626;
}

body.theme-light .la-casino-pros-cons__pros .la-casino-pros-cons__count {
    background: rgba(34, 197, 94, 0.12);
    color: #047857;
}

body.theme-light .la-casino-pros-cons__cons .la-casino-pros-cons__count {
    background: rgba(239, 68, 68, 0.12);
    color: #dc2626;
}

body.theme-light .la-casino-pros-cons__item {
    border-bottom-color: #f1f5f9;
}

/* --- Game Grid / Game Card ------------------------------------------------ */

body.theme-light .la-game-card__rtp strong {
    color: #047857;
}

body.theme-light .la-game-card__max-win strong {
    color: #b45309;
}

/* Volatility bars: >=3:1 against white for graphics */
body.theme-light .la-game-card__volatility--low .la-game-card__volatility-bar.active,
body.theme-light .la-game-card__volatility--medium-low .la-game-card__volatility-bar.active {
    background: #16a34a;
}

body.theme-light .la-game-card__volatility--medium .la-game-card__volatility-bar.active {
    background: #d97706;
}

/* --- Game Detail ---------------------------------------------------------- */

body.theme-light .la-game-detail__spec-value--highlight {
    color: #047857;
}

body.theme-light .la-game-detail__spec-icon--low,
body.theme-light .la-game-detail__spec-icon--medium-low {
    color: #16a34a;
}

body.theme-light .la-game-detail__spec-icon--medium {
    color: #b45309;
}

body.theme-light .la-game-detail__spec-icon--medium-high,
body.theme-light .la-game-detail__spec-icon--high {
    color: #dc2626;
}

/* --- Bonus Table ---------------------------------------------------------- */

body.theme-light .la-table__rank {
    color: #b45309;
}

body.theme-light .la-table__no-code {
    color: #047857;
}

/* Keep the featured-row rose tint (generic light zebra/hover paint the td) */
body.theme-light .la-table__row--featured .la-table__td {
    background: rgba(225, 29, 72, 0.06);
}

body.theme-light .la-table__row--featured:hover .la-table__td {
    background: rgba(225, 29, 72, 0.1);
}

/* --- Casino CTA ----------------------------------------------------------- */

/* Amber gift icon fails contrast on the light card tints */
body.theme-light .la-casino-cta--default .la-casino-cta__bonus-icon {
    color: #b45309;
}

/* --- Star Rating ---------------------------------------------------------- */

body.theme-light .la-star-rating--success .la-star-rating__label {
    color: #047857;
}

body.theme-light .la-star-rating--warning .la-star-rating__label {
    color: #b45309;
}

body.theme-light .la-star-rating--danger .la-star-rating__label,
body.theme-light .la-star-rating--danger .la-star-rating__value {
    color: #dc2626;
}

body.theme-light .la-star-rating__star-single {
    color: #d97706;
}

/* --- Bonus Card (block markup + variants) --------------------------------- */

body.theme-light .la-bonus-card__value svg {
    color: #b45309;
}

body.theme-light .la-bonus-card--boxed {
    border-color: #cbd5e1;
    box-shadow: 0 10px 15px -3px rgba(15, 23, 42, 0.08), 0 4px 6px -4px rgba(15, 23, 42, 0.06);
}

body.theme-light .la-bonus-card--gradient {
    background: linear-gradient(160deg, #fff1f2 0%, #ffffff 55%);
    border-color: #fecdd3;
}

/* --- Info Box: type-tinted icons on light backgrounds --------------------- */

body.theme-light .la-info-box--tip .la-info-box__icon,
body.theme-light .la-info-box--warning .la-info-box__icon {
    color: #c2410c;
}

body.theme-light .la-info-box--success .la-info-box__icon {
    color: #16a34a;
}

/* Comparison extras & Where to Play (light) */
body.theme-light .la-comparison__more {
    color: #be123c;
}

body.theme-light .la-game-detail__casino-link {
    background: #f8fafc;
    border-color: #e2e8f0;
    color: #0f172a;
}

body.theme-light .la-game-detail__casino-link:hover {
    border-color: var(--la-primary);
    color: var(--la-primary);
}