/*
 * MYTHICAL ARCHIVES - Light Theme Variant
 * Version: 3.0.0
 * Maintains mystical aesthetic in light mode
 */

/* ========================================
   LIGHT THEME VARIABLES
   ======================================== */
body.mythical-light {
    --myth-gold: #a07d18;
    --myth-gold-light: #c9a227;
    --myth-gold-glow: rgba(160,125,24,0.25);
    --myth-blue: #2a6b80;
    --myth-blue-dark: #1a4a5a;
    --myth-blue-glow: rgba(42,107,128,0.2);
    --myth-bg-primary: #f8f6f1;
    --myth-bg-secondary: #f0ede5;
    --myth-bg-tertiary: #e8e4db;
    --myth-bg-card: rgba(255,255,255,0.9);
    --myth-text-primary: #1a1a1f;
    --myth-text-secondary: #4a4a50;
    --myth-text-muted: #7a7a80;
    --myth-shadow-sm: 0 2px 8px rgba(0,0,0,0.08);
    --myth-shadow-md: 0 4px 20px rgba(0,0,0,0.1);
    --myth-shadow-lg: 0 8px 40px rgba(0,0,0,0.12);
    --myth-shadow-glow: 0 0 30px rgba(160,125,24,0.15);
}

/* ========================================
   LIGHT THEME OVERRIDES
   ======================================== */
body.mythical-light,
body.mythical-light .site,
body.mythical-light .site-main,
body.mythical-light .ct-container,
body.mythical-light .entry-content,
body.mythical-light [data-prefix],
body.mythical-light .ct-section {
    background-color: var(--myth-bg-primary) !important;
    color: var(--myth-text-primary);
}

/* Cosmic Background - Light Version */
body.mythical-light .mythical-cosmos {
    background: 
        radial-gradient(ellipse at 20% 20%, rgba(160,125,24,0.04) 0%, transparent 50%),
        radial-gradient(ellipse at 80% 80%, rgba(42,107,128,0.04) 0%, transparent 50%),
        var(--myth-bg-primary);
}

body.mythical-light .mythical-cosmos::before {
    background-image: 
        radial-gradient(2px 2px at 20px 30px, rgba(160,125,24,0.2), transparent),
        radial-gradient(2px 2px at 40px 70px, rgba(42,107,128,0.15), transparent),
        radial-gradient(1px 1px at 90px 40px, rgba(160,125,24,0.1), transparent);
}

/* Portal Hero - Light */
body.mythical-light .portal-hero {
    background: radial-gradient(ellipse at center, rgba(160,125,24,0.08) 0%, transparent 60%);
}

body.mythical-light .fog-layer {
    background: linear-gradient(90deg, transparent 0%, rgba(160,125,24,0.03) 20%, rgba(42,107,128,0.04) 40%, rgba(160,125,24,0.03) 60%, transparent 100%);
}

body.mythical-light .rune {
    color: rgba(160,125,24,0.25);
    text-shadow: 0 0 10px rgba(160,125,24,0.2);
}

body.mythical-light .portal-ring-outer {
    border-color: rgba(160,125,24,0.35);
    box-shadow: 0 0 30px rgba(160,125,24,0.08), inset 0 0 30px rgba(160,125,24,0.03);
}

body.mythical-light .portal-ring-middle {
    border-color: rgba(42,107,128,0.3);
    box-shadow: 0 0 20px rgba(42,107,128,0.08), inset 0 0 20px rgba(42,107,128,0.03);
}

body.mythical-light .portal-ring-inner {
    border-color: rgba(160,125,24,0.25);
    box-shadow: 0 0 15px rgba(160,125,24,0.08), inset 0 0 15px rgba(160,125,24,0.03);
}

body.mythical-light .portal-ring-core {
    background: radial-gradient(circle, rgba(160,125,24,0.08) 0%, rgba(42,107,128,0.08) 50%, transparent 70%);
}

body.mythical-light .portal-sigil {
    color: var(--myth-gold);
    text-shadow: 0 0 20px rgba(160,125,24,0.3);
}

body.mythical-light .portal-title {
    color: var(--myth-text-primary);
}

/* Buttons - Light */
body.mythical-light .btn-ethereal {
    color: var(--myth-gold);
    background: rgba(160,125,24,0.08);
    border: 1px solid rgba(160,125,24,0.3);
}

body.mythical-light .btn-ethereal:hover {
    background: rgba(160,125,24,0.15);
    border-color: var(--myth-gold);
    box-shadow: 0 0 30px rgba(160,125,24,0.2);
}

body.mythical-light .btn-ethereal::before {
    background: linear-gradient(90deg, transparent, rgba(160,125,24,0.15), transparent);
}

body.mythical-light .btn-ethereal.btn-secondary {
    color: var(--myth-blue);
    background: rgba(42,107,128,0.08);
    border-color: rgba(42,107,128,0.3);
}

body.mythical-light .btn-ethereal.btn-secondary:hover {
    background: rgba(42,107,128,0.15);
    border-color: var(--myth-blue);
    box-shadow: 0 0 30px rgba(42,107,128,0.2);
}

/* Cards - Light */
body.mythical-light .realm-gate-content {
    background: linear-gradient(180deg, transparent 0%, rgba(248,246,241,0.95) 100%);
}

body.mythical-light .domain-card,
body.mythical-light .vault-card {
    background: var(--myth-bg-card);
    border-color: rgba(160,125,24,0.15);
    box-shadow: var(--myth-shadow-sm);
}

body.mythical-light .domain-card:hover,
body.mythical-light .vault-card:hover {
    border-color: rgba(160,125,24,0.35);
    box-shadow: var(--myth-shadow-md);
}

body.mythical-light .vault-card::after {
    background: linear-gradient(135deg, var(--myth-gold), var(--myth-blue));
}

/* Sections - Light */
body.mythical-light .section-overline {
    color: var(--myth-gold);
}

body.mythical-light .section-title {
    color: var(--myth-text-primary);
}

body.mythical-light .chronicle-section {
    background: radial-gradient(ellipse at center, rgba(160,125,24,0.06) 0%, transparent 70%);
}

body.mythical-light .chronicle-title {
    color: var(--myth-gold);
    text-shadow: 0 0 30px rgba(160,125,24,0.2);
}

body.mythical-light .journey-cta {
    background: radial-gradient(ellipse at center, rgba(42,107,128,0.08) 0%, transparent 70%);
}

body.mythical-light .journey-cta::before {
    background: radial-gradient(circle, rgba(160,125,24,0.05) 0%, transparent 70%);
}

/* Divider - Light */
body.mythical-light .divider-line {
    background: linear-gradient(90deg, transparent, var(--myth-gold), transparent);
}

body.mythical-light .divider-symbol {
    color: var(--myth-gold);
}

/* Header - Light */
body.mythical-light header[data-id="type-1"],
body.mythical-light .ct-header,
body.mythical-light #masthead {
    background: linear-gradient(180deg, var(--myth-bg-primary) 0%, transparent 100%) !important;
    border-bottom-color: rgba(160,125,24,0.15) !important;
}

body.mythical-light .site-logo img,
body.mythical-light .custom-logo {
    filter: drop-shadow(0 0 10px rgba(160,125,24,0.2));
}

body.mythical-light .ct-menu > li > a::after {
    background: var(--myth-gold);
}

/* Footer - Light */
body.mythical-light footer[data-id="type-1"],
body.mythical-light .ct-footer,
body.mythical-light .site-footer {
    background: linear-gradient(180deg, transparent 0%, var(--myth-bg-secondary) 100%) !important;
    border-top-color: rgba(160,125,24,0.15) !important;
}

/* Content - Light */
body.mythical-light .entry-content h1,
body.mythical-light .entry-content h2,
body.mythical-light .entry-content h3 {
    color: var(--myth-gold);
    text-shadow: none;
}

body.mythical-light .entry-content blockquote {
    border-left-color: var(--myth-gold);
    background: rgba(160,125,24,0.05);
}

body.mythical-light .entry-content img {
    border-color: rgba(160,125,24,0.15);
    box-shadow: var(--myth-shadow-md);
}

/* Widgets - Light */
body.mythical-light .widget {
    background: var(--myth-bg-card) !important;
    border-color: rgba(160,125,24,0.15) !important;
    box-shadow: var(--myth-shadow-sm);
}

body.mythical-light .widget-title {
    color: var(--myth-gold) !important;
    border-bottom-color: rgba(160,125,24,0.2);
}

body.mythical-light .widget li {
    border-bottom-color: rgba(0,0,0,0.05);
}

/* Forms - Light */
body.mythical-light input[type="text"],
body.mythical-light input[type="email"],
body.mythical-light input[type="password"],
body.mythical-light textarea,
body.mythical-light select {
    background: #fff !important;
    border-color: rgba(160,125,24,0.2) !important;
    color: var(--myth-text-primary) !important;
}

body.mythical-light input:focus,
body.mythical-light textarea:focus,
body.mythical-light select:focus {
    border-color: var(--myth-gold) !important;
    box-shadow: 0 0 15px rgba(160,125,24,0.15);
}

body.mythical-light button,
body.mythical-light input[type="submit"],
body.mythical-light .wp-block-button__link {
    background: rgba(160,125,24,0.1) !important;
    border-color: rgba(160,125,24,0.3) !important;
    color: var(--myth-gold) !important;
}

body.mythical-light button:hover,
body.mythical-light input[type="submit"]:hover,
body.mythical-light .wp-block-button__link:hover {
    background: rgba(160,125,24,0.2) !important;
    border-color: var(--myth-gold) !important;
    box-shadow: 0 0 20px rgba(160,125,24,0.15);
}

/* Pagination - Light */
body.mythical-light .page-numbers {
    background: var(--myth-bg-card) !important;
    border-color: rgba(160,125,24,0.2) !important;
}

body.mythical-light .page-numbers:hover,
body.mythical-light .page-numbers.current {
    background: rgba(160,125,24,0.15) !important;
    border-color: var(--myth-gold) !important;
}

/* Comments - Light */
body.mythical-light .comment {
    background: var(--myth-bg-card);
    border-color: rgba(160,125,24,0.15);
}

/* Scrollbar - Light */
body.mythical-light::-webkit-scrollbar-track {
    background: var(--myth-bg-primary);
}

body.mythical-light::-webkit-scrollbar-thumb {
    background: rgba(160,125,24,0.3);
}

body.mythical-light::-webkit-scrollbar-thumb:hover {
    background: rgba(160,125,24,0.5);
}

/* Selection - Light */
body.mythical-light::selection {
    background: rgba(160,125,24,0.2);
    color: var(--myth-text-primary);
}

/* Table of Contents - Light */
body.mythical-light .toc,
body.mythical-light .ez-toc-container {
    background: var(--myth-bg-card) !important;
    border-color: rgba(160,125,24,0.2) !important;
}

/* Article Cards - Light */
body.mythical-light article.post,
body.mythical-light .ct-post-card {
    background: var(--myth-bg-card) !important;
    border-color: rgba(160,125,24,0.15) !important;
}

body.mythical-light article.post:hover,
body.mythical-light .ct-post-card:hover {
    border-color: rgba(160,125,24,0.35) !important;
    box-shadow: var(--myth-shadow-lg) !important;
}

/* Creature Template - Light */
body.mythical-light .creature-hero {
    background: linear-gradient(180deg, 
        var(--myth-bg-primary) 0%,
        rgba(160,125,24,0.05) 50%,
        var(--myth-bg-primary) 100%);
}

body.mythical-light .creature-image-frame {
    box-shadow: 
        0 25px 80px rgba(0,0,0,0.15),
        0 0 60px rgba(160,125,24,0.1);
}

body.mythical-light .attribute-card {
    background: var(--myth-bg-card);
    border-color: rgba(160,125,24,0.15);
}

body.mythical-light .power-card {
    background: linear-gradient(135deg, rgba(160,125,24,0.06) 0%, rgba(42,107,128,0.06) 100%);
    border-color: rgba(160,125,24,0.2);
}

body.mythical-light .mythology-story-box {
    background: linear-gradient(135deg, rgba(248,246,241,0.95) 0%, rgba(240,237,229,0.95) 100%);
    border-color: rgba(160,125,24,0.25);
}

body.mythical-light .mythology-story-box::before {
    color: rgba(160,125,24,0.2);
}

body.mythical-light .related-creature-card {
    background: var(--myth-bg-card);
    border-color: rgba(160,125,24,0.15);
}

body.mythical-light .sidebar-card {
    background: var(--myth-bg-card);
    border-color: rgba(160,125,24,0.15);
}

body.mythical-light .threat-level {
    background: rgba(180,80,80,0.08);
    border-color: rgba(180,80,80,0.25);
}

body.mythical-light .threat-level.harmless {
    background: rgba(60,140,80,0.08);
    border-color: rgba(60,140,80,0.25);
}

body.mythical-light .threat-level.moderate {
    background: rgba(160,125,24,0.08);
    border-color: rgba(160,125,24,0.25);
}

body.mythical-light .cultural-significance {
    background: linear-gradient(135deg, rgba(42,107,128,0.06) 0%, rgba(160,125,24,0.06) 100%);
    border-color: rgba(42,107,128,0.2);
}

body.mythical-light .comparison-table {
    background: var(--myth-bg-card);
}

body.mythical-light .comparison-table th {
    background: rgba(160,125,24,0.1);
}

body.mythical-light .comparison-table td {
    border-bottom-color: rgba(0,0,0,0.05);
}

body.mythical-light .comparison-table tr:hover td {
    background: rgba(160,125,24,0.03);
}

/* ========================================
   THEME TOGGLE BUTTON
   ======================================== */
.theme-toggle {
    position: fixed;
    bottom: 80px;
    right: 20px;
    z-index: 1000;
}

.theme-toggle-btn {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: rgba(13,13,21,0.95);
    border: 1px solid rgba(201,162,39,0.3);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    backdrop-filter: blur(10px);
}

body.mythical-light .theme-toggle-btn {
    background: rgba(248,246,241,0.95);
    border-color: rgba(160,125,24,0.3);
}

.theme-toggle-btn:hover {
    border-color: var(--myth-gold);
    box-shadow: 0 0 25px var(--myth-gold-glow);
    transform: scale(1.05);
}

.theme-icon {
    font-size: 1.3rem;
    transition: transform 0.3s ease;
}

.theme-toggle-btn:hover .theme-icon {
    transform: rotate(15deg);
}

.theme-icon-sun { display: none; }
.theme-icon-moon { display: block; }

body.mythical-light .theme-icon-sun { display: block; }
body.mythical-light .theme-icon-moon { display: none; }

/* ========================================
   SMOOTH THEME TRANSITION
   ======================================== */
body.theme-transitioning,
body.theme-transitioning * {
    transition: background-color 0.4s ease, 
                color 0.4s ease, 
                border-color 0.4s ease,
                box-shadow 0.4s ease !important;
}