/**
 * GutsyBites Dark Mode Styles
 *
 * Comprehensive dark mode overrides for WordPress blocks.
 * WordPress uses inline styles that CSS variables cannot override,
 * so we use !important selectors targeting specific color values.
 *
 * @package GutsyBites
 * @version 1.0.0
 */

/* ============================================
   DARK MODE COLOR PALETTE
   ============================================
   Base:      #0a1214 (teal-tinted black)
   Surface:   #121f21 (dark teal-gray)
   Card:      #1a2a2c (elevated surface)
   Hero:      #0d3d3f (rich deep teal)
   Accent:    #5ee89a (bright mint green)
   Text:      #e4f5f6 (off-white teal tint)
   Muted:     #94a3b8 (gray for secondary text)
   ============================================ */

/* ============================================
   ROOT VARIABLES - Dark Theme Override
   ============================================ */
html.dark-theme {
    --color-hero-primary: #0d3d3f;
    --color-hero-accent: #5ee89a;
    --color-nav-bg: #121f21;
    --color-nav-text: #c8eced;
    --color-nav-hover: #5ee89a;
    --color-text-dark: #e4f5f6;
    --color-base: #0a1214;
    --color-glass-border: rgba(166, 254, 255, 0.12);

    /* Design system variables */
    --gb-color-primary: #5ee89a;
    --gb-color-secondary: #0d3d3f;
    --gb-color-background: #0a1214;
    --gb-color-background-alt: #121f21;
    --gb-color-text: #e4f5f6;
    --gb-color-text-light: #94a3b8;
}

/* ============================================
   BASE ELEMENT COLORS
   ============================================ */
html.dark-theme body {
    background-color: #0a1214;
    color: #e4f5f6;
}

html.dark-theme h1,
html.dark-theme h2,
html.dark-theme h3,
html.dark-theme h4,
html.dark-theme h5,
html.dark-theme h6,
html.dark-theme .wp-block-heading {
    color: #e4f5f6;
}

html.dark-theme p,
html.dark-theme .wp-block-paragraph {
    color: inherit;
}

html.dark-theme a:not(.wp-block-button__link):not(.nav-items a):not(.mobile-nav-items a) {
    color: #5ee89a;
}

html.dark-theme a:not(.wp-block-button__link):not(.nav-items a):not(.mobile-nav-items a):hover {
    color: #7ef0b3;
}

/* ============================================
   BACKGROUND COLOR OVERRIDES
   WordPress blocks use inline styles - must use !important
   ============================================ */

/* White backgrounds -> Dark base */
/* Using high specificity to override WordPress's generated !important rules */
html.dark-theme body .has-base-white-background-color,
html.dark-theme body .has-white-background-color,
html.dark-theme .site-main .has-base-white-background-color,
html.dark-theme .site-main .has-white-background-color,
html.dark-theme .entry-content .has-base-white-background-color,
html.dark-theme .entry-content .has-white-background-color,
html.dark-theme [style*="background-color:#ffffff"],
html.dark-theme [style*="background-color: #ffffff"],
html.dark-theme [style*="background-color:#FFFFFF"],
html.dark-theme [style*="background-color: rgb(255, 255, 255)"],
html.dark-theme [style*="background-color: rgb(255,255,255)"] {
    background-color: #0a1214 !important;
    background: #0a1214 !important;
}

/* Mint/Cyan backgrounds -> Dark teal */
html.dark-theme body .has-hero-primary-background-color,
html.dark-theme .site-main .has-hero-primary-background-color,
html.dark-theme .entry-content .has-hero-primary-background-color,
html.dark-theme [style*="background-color:#a6feff"],
html.dark-theme [style*="background-color: #a6feff"],
html.dark-theme [style*="background-color:#A6FEFF"],
html.dark-theme [style*="background-color:#c6feff"],
html.dark-theme [style*="background-color: #c6feff"],
html.dark-theme [style*="background-color:#C6FEFF"],
html.dark-theme [style*="background-color:#c6fee0"],
html.dark-theme [style*="background-color: #c6fee0"],
html.dark-theme [style*="background-color:#C6FEE0"] {
    background-color: #0d3d3f !important;
    background: #0d3d3f !important;
}

/* Light gray backgrounds -> Dark surface */
html.dark-theme body .has-light-gray-background-color,
html.dark-theme .site-main .has-light-gray-background-color,
html.dark-theme .entry-content .has-light-gray-background-color,
html.dark-theme [style*="background-color:#f3f4f6"],
html.dark-theme [style*="background-color: #f3f4f6"],
html.dark-theme [style*="background-color:#f9fafb"],
html.dark-theme [style*="background-color: #f9fafb"],
html.dark-theme [style*="background-color:#e5e7eb"],
html.dark-theme [style*="background-color: #e5e7eb"] {
    background-color: #121f21 !important;
    background: #121f21 !important;
}

/* Green accent backgrounds -> Darker green */
html.dark-theme body .has-hero-accent-background-color,
html.dark-theme .site-main .has-hero-accent-background-color,
html.dark-theme .entry-content .has-hero-accent-background-color,
html.dark-theme [style*="background-color:#56c878"],
html.dark-theme [style*="background-color: #56c878"] {
    background-color: #1a4a30 !important;
    background: #1a4a30 !important;
}

/* Yellow highlight backgrounds -> Muted yellow */
html.dark-theme [style*="background-color:#f3fc83"],
html.dark-theme [style*="background-color: #f3fc83"],
html.dark-theme .has-highlight-yellow-background-color {
    background-color: #3d3d1a !important;
}

/* Dark backgrounds - keep as-is or slightly adjust */
html.dark-theme .has-dark-bg-background-color {
    background-color: #0a0a0a !important;
}

html.dark-theme .has-dark-hero-background-color {
    background-color: #003d3e !important;
}

/* Text colors used as backgrounds */
html.dark-theme .has-text-dark-background-color {
    background-color: #0d3d3f !important;
}

html.dark-theme .has-dark-text-background-color {
    background-color: #121f21 !important;
}

/* Glass backgrounds */
html.dark-theme .has-glass-light-background-color {
    background-color: rgba(26, 42, 44, 0.8) !important;
}

html.dark-theme .has-glass-dark-background-color {
    background-color: rgba(10, 18, 20, 0.9) !important;
}

/* Additional common WordPress color formats */
html.dark-theme [style*="background:#ffffff"],
html.dark-theme [style*="background: #ffffff"],
html.dark-theme [style*="background:#fff"],
html.dark-theme [style*="background: #fff"] {
    background: #0a1214 !important;
}

/* WordPress preset color variable overrides */
html.dark-theme {
    --wp--preset--color--hero-primary: #0d3d3f;
    --wp--preset--color--hero-accent: #5ee89a;
    --wp--preset--color--text-dark: #e4f5f6;
    --wp--preset--color--base-white: #0a1214;
    --wp--preset--color--light-gray: #121f21;
    --wp--preset--color--highlight-yellow: #f3fc83;
    --wp--preset--color--dark-bg: #0a0a0a;
    --wp--preset--color--dark-hero: #003d3e;
    --wp--preset--color--dark-text: #e4f5f6;
    --wp--preset--color--glass-light: rgba(26, 42, 44, 0.8);
    --wp--preset--color--glass-dark: rgba(10, 18, 20, 0.9);
}

/* Catch-all for blocks with backgrounds - text should be light */
html.dark-theme .has-background h1,
html.dark-theme .has-background h2,
html.dark-theme .has-background h3,
html.dark-theme .has-background h4,
html.dark-theme .has-background h5,
html.dark-theme .has-background h6,
html.dark-theme .has-background p,
html.dark-theme .has-background li,
html.dark-theme .has-background span:not(.wp-block-button__link) {
    color: #e4f5f6;
}

/* Catch-all for light background variations in RGB format */
html.dark-theme [style*="background-color: rgb(255, 255, 255)"],
html.dark-theme [style*="background-color: rgb(166, 254, 255)"],
html.dark-theme [style*="background-color: rgb(198, 254, 255)"],
html.dark-theme [style*="background-color: rgb(198, 254, 224)"],
html.dark-theme [style*="background-color: rgb(243, 244, 246)"],
html.dark-theme [style*="background-color: rgb(249, 250, 251)"] {
    background-color: #121f21 !important;
}

/* ============================================
   TEXT COLOR OVERRIDES
   ============================================ */

/* Dark teal text -> Light */
html.dark-theme body .has-text-dark-color,
html.dark-theme .site-main .has-text-dark-color,
html.dark-theme .entry-content .has-text-dark-color,
html.dark-theme [style*="color:#004143"],
html.dark-theme [style*="color: #004143"],
html.dark-theme [style*="color:#004243"],
html.dark-theme [style*="color: #004243"] {
    color: #e4f5f6 !important;
}

/* Dark background used as text color -> Light */
html.dark-theme body .has-dark-bg-color,
html.dark-theme .site-main .has-dark-bg-color,
html.dark-theme .entry-content .has-dark-bg-color {
    color: #e4f5f6 !important;
}

/* Dark gray text -> Light */
html.dark-theme [style*="color:#1f2937"],
html.dark-theme [style*="color: #1f2937"],
html.dark-theme [style*="color:#374151"],
html.dark-theme [style*="color: #374151"],
html.dark-theme [style*="color:#111827"],
html.dark-theme [style*="color: #111827"],
html.dark-theme [style*="color:#4b5563"],
html.dark-theme [style*="color: #4b5563"] {
    color: #e4f5f6 !important;
}

/* Black text -> Light */
html.dark-theme [style*="color:#000000"],
html.dark-theme [style*="color: #000000"],
html.dark-theme [style*="color:#000"],
html.dark-theme [style*="color:rgb(0, 0, 0)"],
html.dark-theme [style*="color: rgb(0, 0, 0)"],
html.dark-theme [style*="color:rgb(0,0,0)"] {
    color: #e4f5f6 !important;
}

/* WordPress palette text color classes - HIGH SPECIFICITY */
html.dark-theme body .has-hero-primary-color,
html.dark-theme .site-main .has-hero-primary-color,
html.dark-theme .entry-content .has-hero-primary-color {
    color: #5ee89a !important;
}

html.dark-theme body .has-hero-accent-color,
html.dark-theme .site-main .has-hero-accent-color,
html.dark-theme .entry-content .has-hero-accent-color {
    color: #5ee89a !important;
}

html.dark-theme body .has-base-white-color,
html.dark-theme .site-main .has-base-white-color,
html.dark-theme .entry-content .has-base-white-color {
    color: #e4f5f6 !important;
}

html.dark-theme body .has-light-gray-color,
html.dark-theme .site-main .has-light-gray-color,
html.dark-theme .entry-content .has-light-gray-color {
    color: #94a3b8 !important;
}

html.dark-theme body .has-highlight-yellow-color,
html.dark-theme .site-main .has-highlight-yellow-color,
html.dark-theme .entry-content .has-highlight-yellow-color {
    color: #f3fc83 !important;
}

html.dark-theme body .has-dark-hero-color,
html.dark-theme .site-main .has-dark-hero-color,
html.dark-theme .entry-content .has-dark-hero-color {
    color: #5ec8ca !important;
}

html.dark-theme body .has-dark-text-color,
html.dark-theme .site-main .has-dark-text-color,
html.dark-theme .entry-content .has-dark-text-color {
    color: #e4f5f6 !important;
}

/* ============================================
   TEXT HIGHLIGHTS
   ============================================ */
html.dark-theme .text-highlight,
html.dark-theme .yellow-highlight {
    background: linear-gradient(180deg, transparent 40%, rgba(243, 252, 131, 0.45) 40%) !important;
}

html.dark-theme .band-highlight {
    background: linear-gradient(180deg, transparent 30%, rgba(243, 252, 131, 0.35) 30%, rgba(243, 252, 131, 0.35) 70%, transparent 70%) !important;
}

html.dark-theme .mint-highlight {
    background-color: rgba(166, 254, 255, 0.25) !important;
}

html.dark-theme mark {
    background: rgba(243, 252, 131, 0.4) !important;
    color: inherit !important;
}

/* ============================================
   BUTTONS
   ============================================ */

/* Primary buttons */
html.dark-theme .wp-block-button__link,
html.dark-theme .wp-element-button,
html.dark-theme .btn,
html.dark-theme button[type="submit"] {
    background-color: #5ee89a !important;
    background: #5ee89a !important;
    color: #0a1214 !important;
    border-color: #5ee89a !important;
}

html.dark-theme .wp-block-button__link:hover,
html.dark-theme .wp-element-button:hover,
html.dark-theme .btn:hover,
html.dark-theme button[type="submit"]:hover {
    background-color: #4dd889 !important;
    background: #4dd889 !important;
    color: #0a1214 !important;
}

/* Outline buttons */
html.dark-theme .wp-block-button.is-style-outline .wp-block-button__link,
html.dark-theme .wp-block-button.is-style-outline .wp-element-button,
html.dark-theme .is-style-outline .wp-block-button__link,
html.dark-theme .is-style-outline .wp-element-button {
    background: transparent !important;
    background-color: transparent !important;
    color: #e4f5f6 !important;
    border: 2px solid #e4f5f6 !important;
}

html.dark-theme .wp-block-button.is-style-outline .wp-block-button__link:hover,
html.dark-theme .wp-block-button.is-style-outline .wp-element-button:hover {
    background: rgba(228, 245, 246, 0.1) !important;
    color: #ffffff !important;
    border-color: #ffffff !important;
}

/* ============================================
   GLASS EFFECT
   ============================================ */
html.dark-theme .glass,
html.dark-theme .glass-effect,
html.dark-theme .gutsybites-glass {
    background: rgba(13, 61, 63, 0.65) !important;
    border-color: rgba(166, 254, 255, 0.15) !important;
}

html.dark-theme .nav-glass {
    background: rgba(18, 31, 33, 0.85) !important;
    border-color: rgba(166, 254, 255, 0.1) !important;
}

/* ============================================
   AUDIENCE PILLARS SECTION
   ============================================ */
html.dark-theme .audience-pillars {
    background-color: #0d2628 !important;
}

html.dark-theme .chat-bubble {
    color: #0a1214;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.35);
}

/* Dark mode: muted colors that match dark theme aesthetic */
html.dark-theme .chat-bubble-kids,
html.dark-theme body .chat-bubble-kids,
html.dark-theme .entry-content .chat-bubble-kids,
html.dark-theme .audience-pillars .chat-bubble-kids,
html.dark-theme .wp-block-group.chat-bubble-kids,
html.dark-theme div.chat-bubble-kids {
    --bubble-bg: #3d4a1a;
    background: #3d4a1a !important;
}

html.dark-theme .chat-bubble-kids::after,
html.dark-theme body .chat-bubble-kids::after,
html.dark-theme .entry-content .chat-bubble-kids::after,
html.dark-theme .audience-pillars .chat-bubble-kids::after,
html.dark-theme .wp-block-group.chat-bubble-kids::after,
html.dark-theme div.chat-bubble-kids::after {
    background: #3d4a1a !important;
}

html.dark-theme .chat-bubble-parents,
html.dark-theme body .chat-bubble-parents,
html.dark-theme .entry-content .chat-bubble-parents,
html.dark-theme .audience-pillars .chat-bubble-parents,
html.dark-theme .wp-block-group.chat-bubble-parents,
html.dark-theme div.chat-bubble-parents {
    --bubble-bg: #1a4a4c;
    background: #1a4a4c !important;
}

html.dark-theme .chat-bubble-parents::after,
html.dark-theme body .chat-bubble-parents::after,
html.dark-theme .entry-content .chat-bubble-parents::after,
html.dark-theme .audience-pillars .chat-bubble-parents::after,
html.dark-theme .wp-block-group.chat-bubble-parents::after,
html.dark-theme div.chat-bubble-parents::after {
    background: #1a4a4c !important;
}

/* Dark mode: chat bubble text should be light */
html.dark-theme .chat-bubble-kids,
html.dark-theme .chat-bubble-kids p,
html.dark-theme .chat-bubble-parents,
html.dark-theme .chat-bubble-parents p {
    color: #e4f5f6 !important;
}

/* Dark mode: pillar headings */
html.dark-theme .audience-pillars .wp-block-column:first-child .pillar-heading {
    color: #d4c060 !important;
    text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.25);
}

html.dark-theme .audience-pillars .wp-block-column:last-child .pillar-heading {
    color: #7abfc0 !important;
    text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.25);
}

/* Dark mode: audience pillar buttons */
html.dark-theme .audience-pillars .wp-block-column:first-child .wp-block-button__link {
    background-color: #c9a800 !important;
    color: #0a1214 !important;
}

html.dark-theme .audience-pillars .wp-block-column:last-child .wp-block-button__link {
    background-color: #006a6c !important;
    color: #ffffff !important;
}

/* ============================================
   CARD DECK / SHOPPING CARDS
   ============================================ */
html.dark-theme .card-deck-parallax {
    background-color: #0a1214 !important;
}

html.dark-theme .deck-card,
html.dark-theme body .deck-card,
html.dark-theme .entry-content .deck-card {
    background: #1a2a2c !important;
    background-color: #1a2a2c !important;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.4), 0 2px 10px rgba(0, 0, 0, 0.3);
}

html.dark-theme .deck-card:hover {
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5), 0 5px 20px rgba(0, 0, 0, 0.35);
}

html.dark-theme .deck-card-image {
    background: linear-gradient(135deg, #0d3d3f 0%, #1a4547 100%) !important;
}

html.dark-theme .deck-card-subtitle,
html.dark-theme body .deck-card-subtitle,
html.dark-theme .entry-content .deck-card-subtitle {
    color: #5ee89a !important;
}

html.dark-theme .deck-card-title,
html.dark-theme body .deck-card-title,
html.dark-theme .entry-content .deck-card-title {
    color: #e4f5f6 !important;
}

html.dark-theme .deck-card-text,
html.dark-theme body .deck-card-text,
html.dark-theme .entry-content .deck-card-text {
    color: #94a3b8 !important;
}

html.dark-theme .deck-card-content,
html.dark-theme body .deck-card-content,
html.dark-theme .entry-content .deck-card-content {
    color: #e4f5f6 !important;
}

/* ============================================
   BENEFIT ELEMENTS
   ============================================ */
html.dark-theme .benefit-pill,
html.dark-theme .benefit-list p,
html.dark-theme .benefit-list li {
    background: rgba(94, 232, 154, 0.18) !important;
    color: #e4f5f6 !important;
}

html.dark-theme .benefit-bar {
    border-left-color: #5ee89a !important;
}

html.dark-theme .benefit-dot::before {
    background: #5ee89a !important;
}

html.dark-theme .benefit-check {
    color: #5ee89a !important;
}

html.dark-theme .benefit-card {
    background: rgba(26, 42, 44, 0.7) !important;
    border-color: rgba(94, 232, 154, 0.25) !important;
}

/* Energy Reset nested benefit pills */
html.dark-theme .has-background[style*="c6fee0"] .wp-block-columns .wp-block-columns .wp-block-column p,
html.dark-theme [style*="background-color:#c6fee0"] .wp-block-columns p {
    background: rgba(94, 232, 154, 0.15) !important;
    color: #e4f5f6 !important;
}

/* ============================================
   TAG PILLS
   ============================================ */
html.dark-theme .tag-pill {
    background: rgba(94, 232, 154, 0.15) !important;
    color: #e4f5f6 !important;
}

/* ============================================
   TESTIMONIALS
   ============================================ */
html.dark-theme .testimonial-box {
    color: #e4f5f6;
}

html.dark-theme .gutsybites-testimonial-carousel {
    color: #e4f5f6;
}

html.dark-theme .gutsybites-testimonial-carousel__card {
    background: rgba(26, 42, 44, 0.8) !important;
    border-color: rgba(166, 254, 255, 0.1) !important;
}

html.dark-theme .gutsybites-testimonial-carousel__quote {
    color: #e4f5f6 !important;
}

html.dark-theme .gutsybites-testimonial-carousel__author {
    color: #94a3b8 !important;
}

html.dark-theme .gutsybites-testimonial-carousel__arrow {
    color: #e4f5f6 !important;
    background: rgba(26, 42, 44, 0.8) !important;
    border-color: rgba(166, 254, 255, 0.15) !important;
}

html.dark-theme .gutsybites-testimonial-carousel__arrow:hover {
    background: rgba(94, 232, 154, 0.2) !important;
    color: #5ee89a !important;
}

/* ============================================
   FAQ ACCORDION
   ============================================ */
html.dark-theme .gutsybites-faq-accordion {
    --gb4-faq-bg: rgba(26, 42, 44, 0.7);
    --gb4-faq-border: rgba(166, 254, 255, 0.1);
    --gb4-faq-question-color: #e4f5f6;
    --gb4-faq-icon-color: #5ee89a;
}

html.dark-theme .gutsybites-faq-accordion__item {
    background: rgba(26, 42, 44, 0.7) !important;
    border-color: rgba(166, 254, 255, 0.1) !important;
}

html.dark-theme .gutsybites-faq-accordion__question {
    color: #e4f5f6 !important;
}

html.dark-theme .gutsybites-faq-accordion__icon {
    color: #5ee89a !important;
    background: rgba(94, 232, 154, 0.15) !important;
}

html.dark-theme .gutsybites-faq-accordion__answer {
    color: #c8eced !important;
}

/* ============================================
   OFFER CARDS
   ============================================ */
html.dark-theme .gutsybites-offer-cards__card {
    background: #1a2a2c !important;
    border-color: rgba(166, 254, 255, 0.1) !important;
}

html.dark-theme .gutsybites-offer-cards__title {
    background: #0d3d3f !important;
    color: #e4f5f6 !important;
}

html.dark-theme .gutsybites-offer-cards__content {
    color: #c8eced !important;
}

html.dark-theme .gutsybites-offer-cards__price {
    color: #5ee89a !important;
}

html.dark-theme .gutsybites-offer-cards__feature {
    color: #e4f5f6 !important;
}

/* ============================================
   CONTACT FORM
   ============================================ */
html.dark-theme .gutsybites-contact-form {
    --gb-form-border: rgba(166, 254, 255, 0.15);
    --gb-form-input-bg: rgba(26, 42, 44, 0.9);
}

html.dark-theme .gutsybites-contact-form input,
html.dark-theme .gutsybites-contact-form textarea,
html.dark-theme .gutsybites-contact-form select {
    background-color: #1a2a2c !important;
    color: #e4f5f6 !important;
    border-color: rgba(166, 254, 255, 0.15) !important;
}

html.dark-theme .gutsybites-contact-form input::placeholder,
html.dark-theme .gutsybites-contact-form textarea::placeholder {
    color: rgba(200, 236, 237, 0.5) !important;
}

html.dark-theme .gutsybites-contact-form input:focus,
html.dark-theme .gutsybites-contact-form textarea:focus {
    border-color: #5ee89a !important;
    box-shadow: 0 0 0 2px rgba(94, 232, 154, 0.2) !important;
}

/* ============================================
   FORMS (General)
   ============================================ */
html.dark-theme input:not([type="submit"]):not([type="button"]),
html.dark-theme textarea,
html.dark-theme select {
    background-color: #1a2a2c !important;
    color: #e4f5f6 !important;
    border-color: rgba(166, 254, 255, 0.15) !important;
}

html.dark-theme input::placeholder,
html.dark-theme textarea::placeholder {
    color: rgba(200, 236, 237, 0.5) !important;
}

html.dark-theme input:focus,
html.dark-theme textarea:focus,
html.dark-theme select:focus {
    border-color: #5ee89a !important;
    outline-color: #5ee89a !important;
}

/* ============================================
   QUOTE BLOCKS
   ============================================ */
html.dark-theme .wp-block-quote,
html.dark-theme blockquote {
    border: none !important;
    border-left: none !important;
    color: #e4f5f6;
}

html.dark-theme .wp-block-quote cite,
html.dark-theme blockquote cite {
    color: #94a3b8;
}

/* ============================================
   SEPARATORS
   ============================================ */
html.dark-theme hr,
html.dark-theme .wp-block-separator {
    border-color: rgba(166, 254, 255, 0.15) !important;
    background-color: rgba(166, 254, 255, 0.15) !important;
}

/* ============================================
   TABLES
   ============================================ */
html.dark-theme table {
    color: #e4f5f6;
}

html.dark-theme th {
    background-color: #1a2a2c !important;
    color: #e4f5f6 !important;
    border-color: rgba(166, 254, 255, 0.1) !important;
}

html.dark-theme td {
    border-color: rgba(166, 254, 255, 0.1) !important;
}

html.dark-theme tr:nth-child(even) {
    background-color: rgba(26, 42, 44, 0.5) !important;
}

/* ============================================
   CODE BLOCKS
   ============================================ */
html.dark-theme pre,
html.dark-theme code {
    background-color: #1a2a2c !important;
    color: #5ee89a !important;
}

/* ============================================
   MARQUEE BANNER
   ============================================ */
html.dark-theme .marquee-banner {
    color: #e4f5f6;
}

/* ============================================
   COVER BLOCKS - Ensure text inherits
   ============================================ */
html.dark-theme .wp-block-cover,
html.dark-theme .wp-block-cover__inner-container {
    color: inherit;
}

/* ============================================
   MEDIA & TEXT BLOCKS
   ============================================ */
html.dark-theme .wp-block-media-text,
html.dark-theme .wp-block-media-text__content {
    color: inherit;
}

/* ============================================
   COLUMNS - Inherit color
   ============================================ */
html.dark-theme .wp-block-columns,
html.dark-theme .wp-block-column {
    color: inherit;
}

/* ============================================
   IMAGES - Slight opacity reduction
   ============================================ */
html.dark-theme .wp-block-image img {
    opacity: 0.97;
}

/* ============================================
   MONSTER WORLD GAME PLUGIN
   ============================================ */
html.dark-theme .monster-world-container {
    background: #0a1214 !important;
}

html.dark-theme .monster-world-launcher {
    background: #1a2a2c !important;
    border-color: rgba(166, 254, 255, 0.15) !important;
}

html.dark-theme .monster-world-launcher__title {
    color: #e4f5f6 !important;
}

html.dark-theme .monster-world-launcher__description {
    color: #c8eced !important;
}

/* ============================================
   FOCUS STATES
   ============================================ */
html.dark-theme :focus-visible {
    outline-color: #5ee89a;
}

html.dark-theme .wp-block-button__link:focus-visible,
html.dark-theme button:focus-visible {
    outline: 2px solid #5ee89a;
    box-shadow: 0 0 0 4px rgba(94, 232, 154, 0.25);
}