/* WFB Consolidated CSS - Generated 2026-04-05T22:42:12.328682 */
/* Merged from 15 snippets */

/* === WFB Dark Theme v2.0 - CSS (HEREDOC) (snippet #27) === */
' . $css . '

/* === WFB Theme Fix - Tables & Pro Tip Boxes (snippet #30) === */
/* === MASTER TABLE COLOR FIXES === */
/* Force readable text on ALL table cells - ultra high specificity */
body table td,
body table th,
body table tr td,
body table tr th,
body table tbody td,
body table tbody th,
body table thead td,
body table thead th,
body .wp-block-table td,
body .wp-block-table th,
body .wp-block-table tr td,
body .wp-block-table tr th,
body figure.wp-block-table td,
body figure.wp-block-table th,
body article table td,
body article table th,
body .entry-content table td,
body .entry-content table th {
    color: #e8e4f0 !important;
    background-color: #1a1025 !important;
}

/* Table header cells - gold text */
body table th,
body table thead th,
body table thead td,
body .wp-block-table th,
body .wp-block-table thead th,
body figure.wp-block-table th {
    color: #d4af37 !important;
    background: rgba(45, 27, 78, 0.9) !important;
    font-weight: 600 !important;
}

/* Even rows - ALWAYS readable text */
body table tr:nth-child(even) td,
body table tbody tr:nth-child(even) td,
body .wp-block-table tr:nth-child(even) td,
body figure.wp-block-table tr:nth-child(even) td,
body .entry-content table tr:nth-child(even) td {
    background: rgba(107, 77, 140, 0.2) !important;
    color: #e8e4f0 !important;
}

/* Odd rows - ensure readable text */
body table tr:nth-child(odd) td,
body table tbody tr:nth-child(odd) td,
body .wp-block-table tr:nth-child(odd) td,
body figure.wp-block-table tr:nth-child(odd) td,
body .entry-content table tr:nth-child(odd) td {
    background: rgba(26, 16, 37, 0.8) !important;
    color: #e8e4f0 !important;
}

/* Table row hover state */
body table tr:hover td,
body table tbody tr:hover td,
body .wp-block-table tr:hover td {
    background: rgba(107, 77, 140, 0.35) !important;
    color: #f5f3fa !important;
}

/* Spans and other inline elements inside tables */
body table span,
body table strong,
body table em,
body table b,
body table i,
body td span,
body td strong,
body td em,
body th span,
body th strong {
    color: inherit !important;
}

/* === COOKIE CONSENT / PRIVACY MODAL FIXES === */
body .cookie-notice,
body .cookie-consent,
body .cookie-banner,
body .privacy-notice,
body .gdpr-notice,
body .cc-banner,
body .cc-window,
body .cc-revoke,
body [class*="cookie-notice"],
body [class*="cookie-consent"],
body [class*="cookie-banner"],
body [class*="gdpr"],
body [class*="privacy-notice"],
body [id*="cookie"],
body [id*="consent"],
body #moove_gdpr_cookie_info_bar,
body .moove-gdpr-info-bar,
body .cky-consent-container,
body .cky-consent-bar,
body .complianz-categories,
body .cmplz-cookiebanner,
body [class*="cmplz"] {
    background: linear-gradient(135deg, rgba(26, 16, 37, 0.98) 0%, rgba(45, 27, 78, 0.98) 100%) !important;
    border: 1px solid rgba(107, 77, 140, 0.4) !important;
    color: #e8e4f0 !important;
}

/* Cookie consent text */
body .cookie-notice p,
body .cookie-notice span,
body .cookie-consent p,
body .cookie-banner p,
body .cc-message,
body .cc-window p,
body [class*="cookie"] p,
body [class*="cookie"] span,
body [class*="consent"] p,
body [class*="gdpr"] p,
body [class*="cmplz"] p,
body [class*="cmplz"] span,
body .cky-notice-des,
body .cky-title,
body .complianz-categories * {
    color: #e8e4f0 !important;
}

/* Cookie consent links */
body .cookie-notice a,
body .cookie-consent a,
body .cc-link,
body .cc-window a,
body [class*="cookie"] a,
body [class*="consent"] a,
body [class*="cmplz"] a {
    color: #d4af37 !important;
}

/* Cookie consent buttons */
body .cookie-notice button,
body .cookie-consent button,
body .cc-btn,
body .cc-dismiss,
body .cc-allow,
body .cc-deny,
body [class*="cookie"] button,
body [class*="consent"] button,
body [class*="cmplz"] button,
body .cky-btn {
    background: linear-gradient(135deg, #2d1b4e 0%, #4a2c6a 100%) !important;
    border: 1px solid rgba(107, 77, 140, 0.5) !important;
    color: #f5f3fa !important;
}

body [class*="cookie"] button:hover,
body [class*="consent"] button:hover,
body [class*="cmplz"] button:hover,
body .cc-btn:hover {
    background: linear-gradient(135deg, #d4af37 0%, #ffd700 100%) !important;
    color: #0a0a12 !important;
}

/* === MODAL & OVERLAY FIXES === */
body .modal,
body .popup,
body [role="dialog"],
body [class*="modal"],
body [class*="popup"],
body .mfp-content,
body .fancybox-content {
    background: linear-gradient(145deg, rgba(26, 16, 37, 0.98) 0%, rgba(45, 27, 78, 0.95) 100%) !important;
    border: 1px solid rgba(107, 77, 140, 0.4) !important;
    color: #e8e4f0 !important;
}

body .modal h1, body .modal h2, body .modal h3,
body .popup h1, body .popup h2, body .popup h3,
body [role="dialog"] h1, body [role="dialog"] h2, body [role="dialog"] h3,
body [class*="modal"] h1, body [class*="modal"] h2, body [class*="modal"] h3 {
    color: #9d8ec7 !important;
}

body .modal p, body .modal li, body .modal span,
body .popup p, body .popup li, body .popup span,
body [role="dialog"] p, body [role="dialog"] li,
body [class*="modal"] p, body [class*="modal"] li {
    color: #e8e4f0 !important;
}

/* === FOOTER FIXES === */
body footer,
body footer *,
body .site-footer,
body .site-footer *,
body #colophon,
body #colophon *,
body [class*="footer"] *:not(svg):not(path) {
    color: #9d8ec7 !important;
}

body footer h1, body footer h2, body footer h3, body footer h4, body footer h5, body footer h6,
body .site-footer h1, body .site-footer h2, body .site-footer h3, body .site-footer h4,
body #colophon h1, body #colophon h2, body #colophon h3, body #colophon h4 {
    color: #d4af37 !important;
}

body footer a,
body .site-footer a,
body #colophon a,
body [class*="footer"] a {
    color: #9d8ec7 !important;
}

body footer a:hover,
body .site-footer a:hover,
body #colophon a:hover,
body [class*="footer"] a:hover {
    color: #d4af37 !important;
}

/* Copyright/site info */
body .site-info,
body .site-info *,
body .copyright,
body .copyright *,
body [class*="copyright"] * {
    color: #9d8ec7 !important;
}

/* === PRO TIP / INFO BOXES === */
body .pro-tip,
body .tip-box,
body .tip,
body .note,
body .info-box,
body .info,
body .warning,
body .alert,
body .callout,
body .notice,
body .highlight-box,
body .wp-block-group.has-background,
body [class*="tip"],
body [class*="note"]:not([class*="cookie"]),
body [class*="callout"],
body [class*="info-box"],
body [class*="alert"]:not([class*="cookie"]) {
    background: #1a1025 !important;
    color: #e8e4f0 !important;
    border-left: 4px solid #6b4d8c !important;
    padding: 1rem 1.25rem !important;
    margin: 1.5rem 0 !important;
    border-radius: 0 8px 8px 0 !important;
}

body .pro-tip *,
body .tip-box *,
body .tip *,
body .note *,
body .info-box *,
body .info *,
body .callout *,
body .notice * {
    color: #e8e4f0 !important;
}

body .pro-tip strong,
body .tip-box strong,
body .callout strong {
    color: #d4af37 !important;
}

/* === BLOCKQUOTE & PULLQUOTE === */
body blockquote,
body .wp-block-quote,
body .wp-block-pullquote {
    background: rgba(26, 16, 37, 0.8) !important;
    color: #9d8ec7 !important;
    border-left: 4px solid #d4af37 !important;
    padding: 1.25rem !important;
    margin: 1.5rem 0 !important;
    font-style: italic;
}

body blockquote p,
body .wp-block-quote p,
body .wp-block-pullquote p {
    color: #9d8ec7 !important;
}

body blockquote cite,
body .wp-block-quote cite {
    color: #d4af37 !important;
    font-style: normal;
}

/* === FIGURE CAPTIONS === */
body figcaption,
body .wp-caption-text,
body .wp-element-caption,
body figure figcaption {
    color: #9d8ec7 !important;
    font-size: 0.9rem !important;
    font-style: italic;
}

/* === LISTS IN TABLES === */
body table ul li,
body table ol li,
body td ul li,
body td ol li,
body .wp-block-table ul li,
body .wp-block-table ol li {
    color: #e8e4f0 !important;
}

/* === CODE BLOCKS === */
body code,
body pre,
body .wp-block-code {
    background: rgba(10, 10, 18, 0.9) !important;
    color: #9d8ec7 !important;
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    font-family: monospace;
}

body pre {
    padding: 1rem !important;
    overflow-x: auto;
}

/* === DEFINITION LISTS === */
body dl, body dt, body dd {
    color: #e8e4f0 !important;
}

body dt {
    color: #d4af37 !important;
    font-weight: 600;
}

/* === FORM LABELS === */
body label {
    color: #e8e4f0 !important;
}

/* === AFFILIATE DISCLOSURE === */
body .aff-disclosure,
body [class*="disclosure"],
body .amazon-affiliate {
    background: rgba(26, 16, 37, 0.8) !important;
    color: #9d8ec7 !important;
    border: 1px solid rgba(107, 77, 140, 0.2) !important;
    padding: 1rem !important;
    border-radius: 8px !important;
    font-size: 0.9rem !important;
}

/* === WFB Theme - Menu & Footer Styling (snippet #31) === */
/* === DROPDOWN MENU STYLING === */
.ct-header nav .sub-menu,
.main-navigation .sub-menu,
.menu-item .sub-menu {
    background: #12121a !important;
    border: 1px solid rgba(139, 92, 246, 0.2) !important;
    border-radius: 8px !important;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5) !important;
    padding: 0.5rem 0 !important;
    min-width: 220px !important;
}

.ct-header nav .sub-menu a,
.main-navigation .sub-menu a,
.menu-item .sub-menu a {
    color: #f4f4f5 !important;
    padding: 0.75rem 1.25rem !important;
    display: block !important;
    transition: background 0.2s ease, color 0.2s ease !important;
}

.ct-header nav .sub-menu a:hover,
.main-navigation .sub-menu a:hover {
    background: rgba(139, 92, 246, 0.1) !important;
    color: #8b5cf6 !important;
}

.ct-header nav .sub-menu li,
.main-navigation .sub-menu li {
    border-bottom: 1px solid rgba(139, 92, 246, 0.08) !important;
}

.ct-header nav .sub-menu li:last-child,
.main-navigation .sub-menu li:last-child {
    border-bottom: none !important;
}

/* Dropdown arrow indicator */
.menu-item-has-children > a::after {
    content: " ▾" !important;
    font-size: 0.7em !important;
    opacity: 0.7 !important;
}

/* === FOOTER STYLING === */
.site-footer,
.ct-footer,
footer {
    background: #0a0a0f !important;
    border-top: 1px solid rgba(139, 92, 246, 0.15) !important;
    padding: 3rem 0 1.5rem !important;
}

.site-footer .widget,
.ct-footer .widget {
    background: transparent !important;
    border: none !important;
}

.site-footer .widget-title,
.ct-footer .widget-title {
    color: #d4af37 !important;
    font-size: 1.1rem !important;
    margin-bottom: 1rem !important;
}

/* Footer Menu Links */
.site-footer nav,
.ct-footer nav,
.footer-navigation {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 0.5rem 1.5rem !important;
    justify-content: center !important;
}

.site-footer nav a,
.ct-footer nav a,
.footer-navigation a,
.site-footer .menu a {
    color: #a1a1aa !important;
    font-size: 0.9rem !important;
    transition: color 0.2s ease !important;
}

.site-footer nav a:hover,
.ct-footer nav a:hover,
.footer-navigation a:hover {
    color: #8b5cf6 !important;
}

/* Footer Bottom / Copyright */
.ct-footer-bottom,
.footer-bottom,
.site-info {
    text-align: center !important;
    padding-top: 1.5rem !important;
    margin-top: 2rem !important;
    border-top: 1px solid rgba(139, 92, 246, 0.1) !important;
    color: rgba(244, 244, 245, 0.5) !important;
    font-size: 0.85rem !important;
}

.ct-footer-bottom a,
.footer-bottom a,
.site-info a {
    color: #8b5cf6 !important;
}

/* Footer Widgets Grid */
.ct-footer-widgets,
.footer-widgets {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)) !important;
    gap: 2rem !important;
    margin-bottom: 2rem !important;
}

/* Social Links in Footer */
.site-footer .social-links a,
.ct-footer .social-links a {
    color: #a1a1aa !important;
    font-size: 1.25rem !important;
    margin: 0 0.5rem !important;
}

.site-footer .social-links a:hover {
    color: #8b5cf6 !important;
}

/* Mobile Menu */
@media (max-width: 991px) {
    .ct-header nav .sub-menu {
        position: relative !important;
        box-shadow: none !important;
        border: none !important;
        padding-left: 1rem !important;
        background: rgba(18, 18, 26, 0.5) !important;
    }
    
    .footer-navigation {
        flex-direction: column !important;
        align-items: center !important;
        gap: 0.75rem !important;
    }
}

/* === WFB Mystical Visual Enhancements (snippet #40) === */
/**
 * Witchcraft For Beginners - Mystical Visual Enhancements
 * Animated backgrounds, stars, and magical effects
 */

/* ===== ANIMATED STARS BACKGROUND ===== */
.wp-block-cover::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background:
        radial-gradient(2px 2px at 20px 30px, #d4af37, transparent),
        radial-gradient(2px 2px at 40px 70px, rgba(212, 175, 55, 0.8), transparent),
        radial-gradient(1px 1px at 90px 40px, #fff, transparent),
        radial-gradient(2px 2px at 160px 120px, #d4af37, transparent),
        radial-gradient(1px 1px at 230px 80px, rgba(255, 255, 255, 0.8), transparent),
        radial-gradient(2px 2px at 300px 150px, #9b7ed9, transparent),
        radial-gradient(1px 1px at 350px 60px, #d4af37, transparent),
        radial-gradient(2px 2px at 420px 180px, rgba(155, 126, 217, 0.8), transparent),
        radial-gradient(1px 1px at 500px 100px, #fff, transparent),
        radial-gradient(2px 2px at 580px 50px, #d4af37, transparent),
        radial-gradient(1px 1px at 650px 130px, rgba(212, 175, 55, 0.6), transparent),
        radial-gradient(2px 2px at 720px 90px, #9b7ed9, transparent);
    background-size: 800px 200px;
    animation: twinkle 8s ease-in-out infinite, drift 30s linear infinite;
    z-index: 1;
    pointer-events: none;
    opacity: 0.7;
}

.wp-block-cover .wp-block-cover__inner-container {
    position: relative;
    z-index: 2;
}

@keyframes twinkle {
    0%, 100% { opacity: 0.5; }
    50% { opacity: 1; }
}

@keyframes drift {
    from { background-position: 0 0; }
    to { background-position: 800px 0; }
}

/* ===== MYSTICAL GLOW EFFECTS ===== */
.wp-block-heading.has-text-color[style*="#d4af37"] {
    text-shadow: 0 0 10px rgba(212, 175, 55, 0.3), 0 0 30px rgba(212, 175, 55, 0.2);
}

.wp-block-heading.has-text-color[style*="#9b7ed9"] {
    text-shadow: 0 0 10px rgba(155, 126, 217, 0.3), 0 0 30px rgba(155, 126, 217, 0.2);
}

/* ===== ENHANCED BUTTON EFFECTS ===== */
.wp-block-button__link[style*="background-color:#d4af37"] {
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.3);
    transition: all 0.3s ease;
}

.wp-block-button__link[style*="background-color:#d4af37"]:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 25px rgba(212, 175, 55, 0.5);
}

/* ===== CARD HOVER EFFECTS ===== */
.wp-block-column.has-border-color {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.wp-block-column.has-border-color:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(107, 77, 140, 0.3);
}

/* ===== MOON PHASE ANIMATION ===== */
@keyframes moonGlow {
    0%, 100% {
        box-shadow: 0 0 20px rgba(212, 175, 55, 0.3), inset 0 0 15px rgba(212, 175, 55, 0.1);
    }
    50% {
        box-shadow: 0 0 40px rgba(212, 175, 55, 0.5), inset 0 0 25px rgba(212, 175, 55, 0.2);
    }
}

/* ===== MYSTICAL GRADIENT BORDERS ===== */
.wp-block-group.has-border-color[style*="border-color:#d4af37"] {
    position: relative;
    background-clip: padding-box;
}

.wp-block-group.has-border-color[style*="border-color:#d4af37"]::before {
    content: '';
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    background: linear-gradient(135deg, #d4af37 0%, #9b7ed9 50%, #d4af37 100%);
    border-radius: inherit;
    z-index: -1;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.wp-block-group.has-border-color[style*="border-color:#d4af37"]:hover::before {
    opacity: 1;
}

/* ===== ZODIAC BUTTON ENHANCEMENTS ===== */
.zodiac-btn {
    position: relative;
    overflow: hidden;
}

.zodiac-btn::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    background: radial-gradient(circle, rgba(212, 175, 55, 0.3) 0%, transparent 70%);
    transform: translate(-50%, -50%);
    transition: width 0.5s ease, height 0.5s ease;
    border-radius: 50%;
    z-index: 0;
}

.zodiac-btn:hover::before {
    width: 200%;
    height: 200%;
}

.zodiac-btn > * {
    position: relative;
    z-index: 1;
}

/* ===== TAROT CARD FLIP EFFECT ===== */
.tarot-card {
    perspective: 1000px;
}

.tarot-card-image {
    backface-visibility: hidden;
}

/* ===== FLOATING ANIMATION FOR ICONS ===== */
@keyframes float {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-8px); }
}

.wp-block-column .has-text-align-center[style*="font-size:2.5rem"] {
    animation: float 3s ease-in-out infinite;
    display: inline-block;
}

/* ===== SUBTLE PULSE FOR CTAs ===== */
@keyframes pulse {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.02); }
}

.wp-block-group.has-border-color[style*="border-color:#d4af37"] .wp-block-button__link {
    animation: pulse 2s ease-in-out infinite;
}

/* ===== MYSTICAL DIVIDER ===== */
.wp-block-spacer::after {
    content: '✧ ✦ ✧';
    display: block;
    text-align: center;
    color: rgba(212, 175, 55, 0.4);
    letter-spacing: 1rem;
    margin-top: -20px;
    font-size: 0.8rem;
}

/* ===== RESPONSIVE ADJUSTMENTS ===== */
@media (max-width: 768px) {
    .wp-block-cover::before {
        background-size: 400px 100px;
    }

    #zodiac-selector {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

@media (max-width: 480px) {
    #zodiac-selector {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

/* === WFB Complete Enhancement Suite (snippet #41) === */
/* Mobile-First Enhancements */
    @media (max-width: 768px) {
        .zodiac-grid {
            grid-template-columns: repeat(3, 1fr) !important;
            gap: 0.75rem !important;
        }
        .zodiac-btn {
            padding: 0.75rem !important;
            font-size: 0.9rem !important;
            min-height: 44px;
        }
        .zodiac-symbol {
            font-size: 1.5rem !important;
        }
        .tarot-cards-container {
            flex-wrap: wrap !important;
            gap: 1rem !important;
        }
        .tarot-card {
            width: calc(50% - 0.5rem) !important;
            min-height: 120px !important;
        }
        #tarot-interpretation,
        #horoscope-content {
            padding: 1rem !important;
            font-size: 1rem !important;
        }
    }
    @media (max-width: 480px) {
        .zodiac-grid {
            grid-template-columns: repeat(2, 1fr) !important;
        }
        .tarot-card {
            width: 100% !important;
        }
        .wp-block-columns {
            flex-direction: column !important;
        }
        .wp-block-column {
            flex-basis: 100% !important;
            margin-bottom: 1rem;
        }
    }
    /* Touch-friendly interactions */
    .zodiac-btn, .tarot-card, .wp-block-button__link {
        touch-action: manipulation;
        -webkit-tap-highlight-color: transparent;
    }
    /* Safe area padding for notched phones */
    @supports (padding: env(safe-area-inset-bottom)) {
        .site-footer {
            padding-bottom: calc(1rem + env(safe-area-inset-bottom));
        }
    }
    /* Email capture form styles */
    .wfb-email-capture {
        background: linear-gradient(135deg, #2d1b4e 0%, #1a1025 100%);
        border: 1px solid #6b4d8c;
        border-radius: 16px;
        padding: 2rem;
        margin: 2rem 0;
        text-align: center;
    }
    .wfb-email-capture h3 {
        color: #d4af37;
        font-family: 'Cinzel', serif;
        margin-bottom: 0.5rem;
    }
    .wfb-email-capture p {
        color: #e8e4f0;
        margin-bottom: 1.5rem;
    }
    .wfb-email-form {
        display: flex;
        gap: 0.5rem;
        max-width: 500px;
        margin: 0 auto;
    }
    @media (max-width: 600px) {
        .wfb-email-form {
            flex-direction: column;
        }
    }
    .wfb-email-input {
        flex: 1;
        padding: 0.875rem 1rem;
        border: 1px solid #6b4d8c;
        border-radius: 8px;
        background: rgba(10, 10, 15, 0.8);
        color: #e8e4f0;
        font-size: 1rem;
    }
    .wfb-email-input:focus {
        outline: none;
        border-color: #d4af37;
    }
    .wfb-email-submit {
        padding: 0.875rem 1.5rem;
        background: linear-gradient(135deg, #d4af37, #c9a227);
        color: #0a0a12;
        border: none;
        border-radius: 8px;
        font-weight: 600;
        cursor: pointer;
        transition: transform 0.2s, box-shadow 0.2s;
    }
    .wfb-email-submit:hover {
        transform: translateY(-2px);
        box-shadow: 0 4px 15px rgba(212, 175, 55, 0.3);
    }
    .wfb-email-message {
        margin-top: 1rem;
        padding: 0.75rem;
        border-radius: 8px;
    }
    .wfb-email-message.success {
        background: rgba(39, 174, 96, 0.2);
        color: #27ae60;
    }
    .wfb-email-message.error {
        background: rgba(231, 76, 60, 0.2);
        color: #e74c3c;
    }

/* === WFB E-E-A-T Enhancement (snippet #48) === */
.wfb-trust-bar {
        background: #0a0a0f;
        border-top: 1px solid #6b4d8c;
        padding: 1.5rem;
        text-align: center;
    }
    .wfb-trust-bar .trust-items {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        gap: 2rem;
        max-width: 1000px;
        margin: 0 auto;
    }
    .wfb-trust-bar .trust-item {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        color: #9d8ec7;
        font-size: 0.9rem;
    }
    .wfb-trust-bar .trust-icon {
        font-size: 1.25rem;
    }

/* === WFB Brand Design System (snippet #49) === */
/* ===== CSS CUSTOM PROPERTIES (Brand Colors) ===== */
    :root {
        /* Primary Brand Colors */
        --wfb-midnight-purple: #2D1B4E;
        --wfb-mystic-violet: #6B4D8C;
        --wfb-moonlight-silver: #E8E4EF;
        --wfb-candlelight-gold: #C9A227;
        --wfb-deep-amethyst: #4A2C6A;
        
        /* Elemental Colors */
        --wfb-earth: #8B7355;
        --wfb-air: #B8D4E3;
        --wfb-fire: #D4572A;
        --wfb-water: #4A90A4;
        --wfb-spirit: #9B7ED9;
        
        /* Semantic Colors */
        --wfb-bg-dark: #0a0a0f;
        --wfb-bg-card: #12121a;
        --wfb-bg-elevated: #1a1025;
        --wfb-text-primary: #f5f3fa;
        --wfb-text-secondary: #e8e4f0;
        --wfb-text-muted: #9d8ec7;
        
        /* Typography */
        --wfb-font-heading: 'Cinzel', serif;
        --wfb-font-body: 'Lora', serif;
        --wfb-font-accent: 'Cormorant Garamond', serif;
        
        /* Spacing */
        --wfb-space-xs: 0.5rem;
        --wfb-space-sm: 0.75rem;
        --wfb-space-md: 1rem;
        --wfb-space-lg: 1.5rem;
        --wfb-space-xl: 2rem;
        --wfb-space-2xl: 3rem;
        
        /* Border Radius */
        --wfb-radius-sm: 4px;
        --wfb-radius-md: 8px;
        --wfb-radius-lg: 12px;
        --wfb-radius-xl: 16px;
        --wfb-radius-round: 50%;
        
        /* Shadows */
        --wfb-shadow-glow-gold: 0 0 20px rgba(201, 162, 39, 0.3);
        --wfb-shadow-glow-purple: 0 0 20px rgba(107, 77, 140, 0.3);
        --wfb-shadow-card: 0 4px 20px rgba(0, 0, 0, 0.3);
        --wfb-shadow-elevated: 0 8px 30px rgba(0, 0, 0, 0.4);
    }
    
    /* ===== GLOBAL TYPOGRAPHY ===== */
    body {
        font-family: var(--wfb-font-body);
        color: var(--wfb-text-secondary);
        line-height: 1.7;
    }
    
    h1, h2, h3, h4, h5, h6,
    .wp-block-heading {
        font-family: var(--wfb-font-heading);
        color: var(--wfb-candlelight-gold);
        letter-spacing: 0.02em;
        line-height: 1.3;
    }
    
    /* Entry titles */
    .entry-title,
    .post-title,
    article h1.wp-block-heading,
    .wp-block-post-title {
        font-family: var(--wfb-font-heading);
        color: var(--wfb-candlelight-gold);
        text-shadow: 0 2px 10px rgba(201, 162, 39, 0.2);
    }
    
    /* Accent text - spells, quotes, magical phrases */
    blockquote,
    .spell-text,
    .magical-quote,
    .wp-block-quote p {
        font-family: var(--wfb-font-accent);
        font-style: italic;
        font-size: 1.15em;
        color: var(--wfb-spirit);
    }
    
    blockquote {
        border-left: 3px solid var(--wfb-candlelight-gold);
        padding-left: var(--wfb-space-lg);
        margin: var(--wfb-space-xl) 0;
        background: linear-gradient(90deg, rgba(45, 27, 78, 0.3), transparent);
        padding: var(--wfb-space-lg);
        border-radius: 0 var(--wfb-radius-md) var(--wfb-radius-md) 0;
    }
    
    /* ===== LINKS ===== */
    a {
        color: var(--wfb-deep-amethyst);
        text-decoration: none;
        transition: color 0.2s ease;
    }
    
    a:hover {
        color: var(--wfb-spirit);
    }
    
    article a,
    .entry-content a {
        color: var(--wfb-spirit);
        border-bottom: 1px solid rgba(155, 126, 217, 0.3);
    }
    
    article a:hover,
    .entry-content a:hover {
        color: var(--wfb-candlelight-gold);
        border-bottom-color: var(--wfb-candlelight-gold);
    }
    
    /* ===== BUTTONS ===== */
    .wp-block-button__link,
    .wfb-btn,
    button[type="submit"] {
        font-family: var(--wfb-font-heading);
        background: linear-gradient(135deg, var(--wfb-mystic-violet), var(--wfb-deep-amethyst));
        color: var(--wfb-text-primary);
        padding: var(--wfb-space-sm) var(--wfb-space-lg);
        border-radius: var(--wfb-radius-md);
        border: none;
        cursor: pointer;
        transition: all 0.3s ease;
        text-transform: uppercase;
        letter-spacing: 0.05em;
        font-weight: 500;
    }
    
    .wp-block-button__link:hover,
    .wfb-btn:hover,
    button[type="submit"]:hover {
        background: linear-gradient(135deg, var(--wfb-spirit), var(--wfb-mystic-violet));
        transform: translateY(-2px);
        box-shadow: var(--wfb-shadow-glow-purple);
    }
    
    /* Gold CTA buttons */
    .wp-block-button.is-style-fill .wp-block-button__link[style*="background-color:#C9A227"],
    .wp-block-button.is-style-fill .wp-block-button__link[style*="background-color:#c9a227"],
    .wfb-btn-gold {
        background: linear-gradient(135deg, var(--wfb-candlelight-gold), #a88520);
        color: var(--wfb-midnight-purple);
    }
    
    .wp-block-button.is-style-fill .wp-block-button__link[style*="background-color:#C9A227"]:hover,
    .wp-block-button.is-style-fill .wp-block-button__link[style*="background-color:#c9a227"]:hover,
    .wfb-btn-gold:hover {
        background: linear-gradient(135deg, #e0b82e, var(--wfb-candlelight-gold));
        box-shadow: var(--wfb-shadow-glow-gold);
    }
    
    /* ===== CARDS & CONTAINERS ===== */
    .wp-block-group.has-background,
    .wfb-card {
        border-radius: var(--wfb-radius-lg);
        transition: transform 0.3s ease, box-shadow 0.3s ease;
    }
    
    .wp-block-group.has-background:hover,
    .wfb-card:hover {
        transform: translateY(-3px);
        box-shadow: var(--wfb-shadow-elevated);
    }
    
    /* ===== FORM INPUTS ===== */
    input[type="text"],
    input[type="email"],
    input[type="search"],
    textarea,
    select {
        font-family: var(--wfb-font-body);
        background: var(--wfb-bg-card);
        border: 1px solid var(--wfb-mystic-violet);
        color: var(--wfb-text-primary);
        padding: var(--wfb-space-sm) var(--wfb-space-md);
        border-radius: var(--wfb-radius-md);
        transition: border-color 0.2s ease, box-shadow 0.2s ease;
    }
    
    input[type="text"]:focus,
    input[type="email"]:focus,
    input[type="search"]:focus,
    textarea:focus,
    select:focus {
        outline: none;
        border-color: var(--wfb-candlelight-gold);
        box-shadow: 0 0 0 3px rgba(201, 162, 39, 0.2);
    }
    
    /* ===== SELECTION ===== */
    ::selection {
        background: var(--wfb-mystic-violet);
        color: var(--wfb-text-primary);
    }
    
    /* ===== SCROLLBAR (Webkit) ===== */
    ::-webkit-scrollbar {
        width: 10px;
    }
    
    ::-webkit-scrollbar-track {
        background: var(--wfb-bg-dark);
    }
    
    ::-webkit-scrollbar-thumb {
        background: var(--wfb-mystic-violet);
        border-radius: 5px;
    }
    
    ::-webkit-scrollbar-thumb:hover {
        background: var(--wfb-deep-amethyst);
    }
    
    /* ===== HR / SEPARATORS ===== */
    hr,
    .wp-block-separator {
        border: none;
        height: 1px;
        background: linear-gradient(90deg, transparent, var(--wfb-mystic-violet), transparent);
        margin: var(--wfb-space-xl) 0;
    }
    
    .wp-block-separator.is-style-dots::before {
        content: '✦ ✧ ✦';
        color: var(--wfb-candlelight-gold);
        letter-spacing: 0.5rem;
    }
    
    /* ===== LISTS ===== */
    article ul li::marker,
    article ol li::marker {
        color: var(--wfb-candlelight-gold);
    }
    
    /* ===== IMAGES ===== */
    article img,
    .wp-block-image img {
        border-radius: var(--wfb-radius-md);
    }
    
    .wp-block-image.is-style-rounded img {
        border-radius: var(--wfb-radius-round);
    }
    
    /* ===== TABLES ===== */
    table {
        border-collapse: collapse;
        width: 100%;
    }
    
    th {
        font-family: var(--wfb-font-heading);
        background: var(--wfb-midnight-purple);
        color: var(--wfb-candlelight-gold);
        padding: var(--wfb-space-sm) var(--wfb-space-md);
        text-align: left;
    }
    
    td {
        padding: var(--wfb-space-sm) var(--wfb-space-md);
        border-bottom: 1px solid rgba(107, 77, 140, 0.3);
    }
    
    tr:hover td {
        background: rgba(107, 77, 140, 0.1);
    }
    
    /* ===== CODE BLOCKS ===== */
    code,
    pre {
        font-family: 'Fira Code', monospace;
        background: var(--wfb-bg-card);
        border-radius: var(--wfb-radius-sm);
    }
    
    code {
        padding: 0.2em 0.4em;
        color: var(--wfb-spirit);
    }
    
    pre {
        padding: var(--wfb-space-md);
        overflow-x: auto;
        border: 1px solid var(--wfb-mystic-violet);
    }

/* === WFB Post Template Design (snippet #50) === */
/* ===== SINGLE POST LAYOUT ===== */
    .single article,
    .single .entry-content {
        max-width: 800px;
        margin: 0 auto;
    }
    
    .single .entry-header {
        text-align: center;
        margin-bottom: var(--wfb-space-2xl, 3rem);
        padding-bottom: var(--wfb-space-xl, 2rem);
        border-bottom: 1px solid rgba(107, 77, 140, 0.3);
    }
    
    .single .entry-title {
        font-size: clamp(1.75rem, 4vw, 2.5rem);
        margin-bottom: var(--wfb-space-md, 1rem);
        line-height: 1.2;
    }
    
    /* Featured Image */
    .single .post-thumbnail,
    .single .wp-post-image {
        width: 100%;
        max-height: 400px;
        object-fit: cover;
        border-radius: var(--wfb-radius-lg, 12px);
        margin-bottom: var(--wfb-space-xl, 2rem);
        box-shadow: var(--wfb-shadow-card, 0 4px 20px rgba(0, 0, 0, 0.3));
    }
    
    /* Post Meta */
    .single .entry-meta,
    .single .post-meta {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        gap: var(--wfb-space-md, 1rem);
        color: var(--wfb-text-muted, #9d8ec7);
        font-size: 0.9rem;
    }
    
    .single .entry-meta a,
    .single .post-meta a {
        color: var(--wfb-spirit, #9B7ED9);
    }
    
    /* Category/Tag badges */
    .single .cat-links a,
    .single .tags-links a,
    .tag-cloud-link {
        display: inline-block;
        background: var(--wfb-bg-elevated, #1a1025);
        color: var(--wfb-text-secondary, #e8e4f0);
        padding: 0.25rem 0.75rem;
        border-radius: var(--wfb-radius-sm, 4px);
        font-size: 0.85rem;
        border: 1px solid var(--wfb-mystic-violet, #6B4D8C);
        transition: all 0.2s ease;
    }
    
    .single .cat-links a:hover,
    .single .tags-links a:hover,
    .tag-cloud-link:hover {
        background: var(--wfb-mystic-violet, #6B4D8C);
        color: var(--wfb-text-primary, #f5f3fa);
        border-color: var(--wfb-candlelight-gold, #C9A227);
    }
    
    /* ===== CONTENT STYLING ===== */
    .entry-content {
        font-size: 1.1rem;
        line-height: 1.8;
    }
    
    .entry-content p {
        margin-bottom: var(--wfb-space-lg, 1.5rem);
    }
    
    .entry-content h2 {
        font-size: 1.75rem;
        margin-top: var(--wfb-space-2xl, 3rem);
        margin-bottom: var(--wfb-space-lg, 1.5rem);
        padding-bottom: var(--wfb-space-sm, 0.75rem);
        border-bottom: 2px solid var(--wfb-candlelight-gold, #C9A227);
    }
    
    .entry-content h3 {
        font-size: 1.35rem;
        margin-top: var(--wfb-space-xl, 2rem);
        margin-bottom: var(--wfb-space-md, 1rem);
        color: var(--wfb-spirit, #9B7ED9);
    }
    
    .entry-content h4 {
        font-size: 1.15rem;
        margin-top: var(--wfb-space-lg, 1.5rem);
        margin-bottom: var(--wfb-space-sm, 0.75rem);
        color: var(--wfb-moonlight-silver, #E8E4EF);
    }
    
    /* Lists in content */
    .entry-content ul,
    .entry-content ol {
        margin-bottom: var(--wfb-space-lg, 1.5rem);
        padding-left: var(--wfb-space-xl, 2rem);
    }
    
    .entry-content li {
        margin-bottom: var(--wfb-space-sm, 0.75rem);
    }
    
    /* Nested lists */
    .entry-content ul ul,
    .entry-content ol ol {
        margin-top: var(--wfb-space-sm, 0.75rem);
        margin-bottom: 0;
    }
    
    /* ===== SPECIAL CONTENT BOXES ===== */
    /* Tip/Note boxes */
    .entry-content .wp-block-group[class*="tip"],
    .entry-content .wfb-tip {
        background: linear-gradient(135deg, rgba(201, 162, 39, 0.1), rgba(45, 27, 78, 0.2));
        border-left: 4px solid var(--wfb-candlelight-gold, #C9A227);
        padding: var(--wfb-space-lg, 1.5rem);
        border-radius: 0 var(--wfb-radius-md, 8px) var(--wfb-radius-md, 8px) 0;
        margin: var(--wfb-space-xl, 2rem) 0;
    }
    
    /* Warning boxes */
    .entry-content .wp-block-group[class*="warning"],
    .entry-content .wfb-warning {
        background: linear-gradient(135deg, rgba(213, 87, 42, 0.1), rgba(45, 27, 78, 0.2));
        border-left: 4px solid var(--wfb-fire, #D4572A);
        padding: var(--wfb-space-lg, 1.5rem);
        border-radius: 0 var(--wfb-radius-md, 8px) var(--wfb-radius-md, 8px) 0;
        margin: var(--wfb-space-xl, 2rem) 0;
    }
    
    /* Ingredient/Supply list boxes */
    .entry-content .wp-block-group[class*="ingredients"],
    .entry-content .wfb-ingredients {
        background: var(--wfb-bg-card, #12121a);
        border: 1px solid var(--wfb-mystic-violet, #6B4D8C);
        padding: var(--wfb-space-lg, 1.5rem);
        border-radius: var(--wfb-radius-lg, 12px);
        margin: var(--wfb-space-xl, 2rem) 0;
    }
    
    .entry-content .wp-block-group[class*="ingredients"] h3::before,
    .entry-content .wfb-ingredients h3::before {
        content: '\2728 ';
    }
    
    /* ===== ARCHIVE/LISTING PAGES ===== */
    .archive article,
    .blog article,
    .search-results article {
        background: var(--wfb-bg-card, #12121a);
        border-radius: var(--wfb-radius-lg, 12px);
        overflow: hidden;
        margin-bottom: var(--wfb-space-xl, 2rem);
        border: 1px solid rgba(107, 77, 140, 0.2);
        transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
    }
    
    .archive article:hover,
    .blog article:hover,
    .search-results article:hover {
        transform: translateY(-5px);
        box-shadow: var(--wfb-shadow-elevated, 0 8px 30px rgba(0, 0, 0, 0.4));
        border-color: var(--wfb-mystic-violet, #6B4D8C);
    }
    
    .archive .entry-header,
    .blog .entry-header {
        padding: var(--wfb-space-lg, 1.5rem);
    }
    
    .archive .entry-title,
    .blog .entry-title {
        font-size: 1.35rem;
        margin-bottom: var(--wfb-space-sm, 0.75rem);
    }
    
    .archive .entry-title a,
    .blog .entry-title a {
        color: var(--wfb-candlelight-gold, #C9A227);
        transition: color 0.2s ease;
    }
    
    .archive .entry-title a:hover,
    .blog .entry-title a:hover {
        color: var(--wfb-spirit, #9B7ED9);
    }
    
    /* Archive thumbnails */
    .archive .post-thumbnail img,
    .blog .post-thumbnail img {
        width: 100%;
        height: 200px;
        object-fit: cover;
    }
    
    /* Excerpt */
    .archive .entry-summary,
    .blog .entry-summary {
        padding: 0 var(--wfb-space-lg, 1.5rem) var(--wfb-space-lg, 1.5rem);
        color: var(--wfb-text-muted, #9d8ec7);
    }
    
    /* Read more link */
    .archive .more-link,
    .blog .more-link {
        display: inline-flex;
        align-items: center;
        gap: 0.5rem;
        color: var(--wfb-spirit, #9B7ED9);
        font-weight: 500;
    }
    
    .archive .more-link:hover,
    .blog .more-link:hover {
        color: var(--wfb-candlelight-gold, #C9A227);
    }
    
    .archive .more-link::after,
    .blog .more-link::after {
        content: '\2192';
        transition: transform 0.2s ease;
    }
    
    .archive .more-link:hover::after,
    .blog .more-link:hover::after {
        transform: translateX(4px);
    }
    
    /* ===== PAGINATION ===== */
    .pagination,
    .nav-links {
        display: flex;
        justify-content: center;
        gap: var(--wfb-space-sm, 0.75rem);
        margin-top: var(--wfb-space-2xl, 3rem);
        flex-wrap: wrap;
    }
    
    .pagination .page-numbers,
    .nav-links .page-numbers {
        display: flex;
        align-items: center;
        justify-content: center;
        min-width: 40px;
        height: 40px;
        padding: 0 var(--wfb-space-sm, 0.75rem);
        background: var(--wfb-bg-card, #12121a);
        color: var(--wfb-text-secondary, #e8e4f0);
        border-radius: var(--wfb-radius-md, 8px);
        border: 1px solid var(--wfb-mystic-violet, #6B4D8C);
        transition: all 0.2s ease;
    }
    
    .pagination .page-numbers:hover,
    .nav-links .page-numbers:hover {
        background: var(--wfb-mystic-violet, #6B4D8C);
        color: var(--wfb-text-primary, #f5f3fa);
    }
    
    .pagination .page-numbers.current,
    .nav-links .page-numbers.current {
        background: var(--wfb-candlelight-gold, #C9A227);
        color: var(--wfb-midnight-purple, #2D1B4E);
        border-color: var(--wfb-candlelight-gold, #C9A227);
    }
    
    /* ===== POST NAVIGATION (Prev/Next) ===== */
    .post-navigation {
        margin-top: var(--wfb-space-2xl, 3rem);
        padding: var(--wfb-space-xl, 2rem) 0;
        border-top: 1px solid rgba(107, 77, 140, 0.3);
    }
    
    .post-navigation .nav-links {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: var(--wfb-space-lg, 1.5rem);
    }
    
    .post-navigation .nav-previous,
    .post-navigation .nav-next {
        background: var(--wfb-bg-card, #12121a);
        padding: var(--wfb-space-lg, 1.5rem);
        border-radius: var(--wfb-radius-lg, 12px);
        border: 1px solid rgba(107, 77, 140, 0.2);
        transition: all 0.3s ease;
    }
    
    .post-navigation .nav-previous:hover,
    .post-navigation .nav-next:hover {
        border-color: var(--wfb-mystic-violet, #6B4D8C);
        transform: translateY(-2px);
    }
    
    .post-navigation .nav-next {
        text-align: right;
    }
    
    .post-navigation a {
        color: var(--wfb-spirit, #9B7ED9);
    }
    
    .post-navigation a:hover {
        color: var(--wfb-candlelight-gold, #C9A227);
    }
    
    /* ===== COMMENTS ===== */
    .comments-area {
        margin-top: var(--wfb-space-2xl, 3rem);
        padding-top: var(--wfb-space-xl, 2rem);
        border-top: 1px solid rgba(107, 77, 140, 0.3);
    }
    
    .comments-title {
        font-family: var(--wfb-font-heading, 'Cinzel', serif);
        color: var(--wfb-candlelight-gold, #C9A227);
        margin-bottom: var(--wfb-space-xl, 2rem);
    }
    
    .comment {
        background: var(--wfb-bg-card, #12121a);
        padding: var(--wfb-space-lg, 1.5rem);
        border-radius: var(--wfb-radius-lg, 12px);
        margin-bottom: var(--wfb-space-lg, 1.5rem);
        border: 1px solid rgba(107, 77, 140, 0.2);
    }
    
    .comment-author {
        font-family: var(--wfb-font-heading, 'Cinzel', serif);
        color: var(--wfb-spirit, #9B7ED9);
        font-weight: 500;
    }
    
    .comment-metadata {
        color: var(--wfb-text-muted, #9d8ec7);
        font-size: 0.85rem;
    }
    
    .reply .comment-reply-link {
        color: var(--wfb-candlelight-gold, #C9A227);
        font-size: 0.9rem;
    }
    
    /* Comment form */
    .comment-form label {
        display: block;
        margin-bottom: var(--wfb-space-xs, 0.5rem);
        color: var(--wfb-text-secondary, #e8e4f0);
    }
    
    .comment-form textarea,
    .comment-form input[type="text"],
    .comment-form input[type="email"] {
        width: 100%;
        margin-bottom: var(--wfb-space-md, 1rem);
    }

/* === WFB Mobile Optimization (snippet #51) === */
/* ===== MOBILE-FIRST BASE ===== */
    
    /* Fluid typography */
    html {
        font-size: clamp(15px, 2.5vw, 18px);
    }
    
    /* Container padding */
    .site-content,
    .entry-content,
    .container {
        padding-left: max(1rem, 4vw);
        padding-right: max(1rem, 4vw);
    }
    
    /* ===== SMALL SCREENS (< 480px) ===== */
    @media (max-width: 480px) {
        /* Stack everything */
        .wp-block-columns {
            flex-direction: column !important;
        }
        
        .wp-block-column {
            flex-basis: 100% !important;
            margin-left: 0 !important;
        }
        
        /* Smaller headings */
        h1, .entry-title {
            font-size: 1.5rem !important;
        }
        
        h2 {
            font-size: 1.3rem !important;
        }
        
        h3 {
            font-size: 1.15rem !important;
        }
        
        /* Full-width buttons */
        .wp-block-button {
            width: 100%;
        }
        
        .wp-block-button__link {
            width: 100%;
            text-align: center;
            justify-content: center;
        }
        
        /* Reduce spacing */
        .entry-content {
            font-size: 1rem;
            line-height: 1.7;
        }
        
        .entry-content p {
            margin-bottom: 1rem;
        }
        
        /* Tables scroll horizontally */
        .wp-block-table {
            display: block;
            overflow-x: auto;
            -webkit-overflow-scrolling: touch;
        }
        
        /* Hide decorative elements */
        .wp-block-spacer::after {
            display: none;
        }
        
        /* Adjust author box */
        .wfb-author-box > div {
            flex-direction: column !important;
            text-align: center;
        }
        
        .wfb-author-box > div > div:first-child {
            margin: 0 auto 1rem !important;
        }
        
        /* Hub links stack */
        .wfb-hub-links > div:last-child {
            flex-direction: column !important;
        }
        
        .wfb-hub-links a {
            width: 100% !important;
            justify-content: center !important;
        }
        
        /* Article meta wrap */
        .wfb-article-meta > span {
            flex-direction: column !important;
            gap: 0.5rem !important;
        }
        
        /* Trust bar smaller */
        .wfb-trust-bar .trust-items {
            flex-direction: column !important;
            gap: 0.75rem !important;
        }
        
        /* Post navigation stack */
        .post-navigation .nav-links {
            grid-template-columns: 1fr !important;
        }
        
        .post-navigation .nav-next {
            text-align: left !important;
        }
        
        /* Pagination wrap */
        .pagination,
        .nav-links {
            gap: 0.5rem;
        }
        
        .pagination .page-numbers,
        .nav-links .page-numbers {
            min-width: 36px;
            height: 36px;
            font-size: 0.9rem;
        }
        
        /* Tarot specific */
        #tarot-reading-area {
            padding: 1rem !important;
        }
        
        .tarot-card {
            width: 100px !important;
            height: 160px !important;
        }
        
        /* Horoscope zodiac grid */
        #zodiac-selector {
            grid-template-columns: repeat(2, 1fr) !important;
            gap: 0.5rem !important;
        }
        
        .zodiac-btn {
            padding: 0.75rem 0.5rem !important;
            font-size: 0.85rem !important;
        }
    }
    
    /* ===== TABLETS (481px - 768px) ===== */
    @media (min-width: 481px) and (max-width: 768px) {
        /* Two-column layouts */
        .wp-block-columns:not(.is-not-stacked-on-mobile) {
            flex-wrap: wrap;
        }
        
        .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
            flex-basis: calc(50% - 1rem) !important;
        }
        
        /* Headings */
        h1, .entry-title {
            font-size: 1.75rem;
        }
        
        h2 {
            font-size: 1.5rem;
        }
        
        /* Horoscope zodiac grid */
        #zodiac-selector {
            grid-template-columns: repeat(3, 1fr) !important;
        }
        
        /* Tarot cards */
        .tarot-spread {
            gap: 1rem !important;
        }
        
        .tarot-card {
            width: 120px !important;
            height: 190px !important;
        }
    }
    
    /* ===== MEDIUM SCREENS (769px - 1024px) ===== */
    @media (min-width: 769px) and (max-width: 1024px) {
        /* Container width */
        .single article,
        .single .entry-content {
            max-width: 700px;
        }
        
        /* Horoscope zodiac grid */
        #zodiac-selector {
            grid-template-columns: repeat(4, 1fr) !important;
        }
    }
    
    /* ===== LARGE SCREENS (1025px+) ===== */
    @media (min-width: 1025px) {
        /* Content max width */
        .single article,
        .single .entry-content {
            max-width: 800px;
        }
        
        /* Horoscope zodiac grid */
        #zodiac-selector {
            grid-template-columns: repeat(6, 1fr) !important;
        }
        
        /* Hover effects only on desktop */
        .archive article:hover,
        .blog article:hover {
            transform: translateY(-5px);
        }
        
        .wp-block-button__link:hover {
            transform: translateY(-2px);
        }
    }
    
    /* ===== TOUCH DEVICE OPTIMIZATIONS ===== */
    @media (hover: none) and (pointer: coarse) {
        /* Larger touch targets */
        .wp-block-button__link,
        button,
        a {
            min-height: 44px;
            min-width: 44px;
        }
        
        /* Disable hover transforms on touch */
        .archive article:hover,
        .blog article:hover,
        .wp-block-button__link:hover,
        .wfb-card:hover {
            transform: none;
        }
        
        /* Larger form inputs */
        input[type="text"],
        input[type="email"],
        input[type="search"],
        textarea,
        select {
            font-size: 16px; /* Prevents iOS zoom */
            min-height: 44px;
        }
    }
    
    /* ===== LANDSCAPE PHONE ===== */
    @media (max-height: 500px) and (orientation: landscape) {
        /* Reduce vertical spacing */
        .wp-block-cover {
            min-height: 60vh !important;
        }
        
        .entry-header {
            padding: 1rem 0;
        }
    }
    
    /* ===== DARK MODE MEDIA QUERY ===== */
    @media (prefers-color-scheme: dark) {
        /* Already dark theme - this ensures consistency */
        :root {
            color-scheme: dark;
        }
    }
    
    /* ===== REDUCED MOTION ===== */
    @media (prefers-reduced-motion: reduce) {
        *,
        *::before,
        *::after {
            animation-duration: 0.01ms !important;
            animation-iteration-count: 1 !important;
            transition-duration: 0.01ms !important;
        }
        
        .wp-block-cover::before {
            animation: none;
        }
    }
    
    /* ===== HIGH CONTRAST MODE ===== */
    @media (prefers-contrast: high) {
        :root {
            --wfb-text-primary: #ffffff;
            --wfb-text-secondary: #ffffff;
            --wfb-candlelight-gold: #ffd700;
        }
        
        a {
            text-decoration: underline;
        }
        
        .wp-block-button__link {
            border: 2px solid currentColor;
        }
    }
    
    /* ===== PRINT STYLES ===== */
    @media print {
        /* Hide interactive elements */
        .wfb-hub-links,
        .wfb-trust-bar,
        #tarot-reading-area,
        #zodiac-selector,
        .pagination,
        .post-navigation,
        .comments-area {
            display: none !important;
        }
        
        /* Readable colors */
        body,
        .entry-content {
            color: #000 !important;
            background: #fff !important;
        }
        
        h1, h2, h3, h4, h5, h6 {
            color: #000 !important;
        }
        
        a {
            color: #000 !important;
            text-decoration: underline;
        }
        
        /* Show URLs after links */
        a[href]::after {
            content: " (" attr(href) ")";
            font-size: 0.8em;
        }
    }

/* === WFB Visual Polish (snippet #52) === */
/* ===== SUBTLE ANIMATIONS ===== */
    
    /* Fade in on load */
    @keyframes fadeInUp {
        from {
            opacity: 0;
            transform: translateY(20px);
        }
        to {
            opacity: 1;
            transform: translateY(0);
        }
    }
    
    article,
    .entry-content > * {
        animation: fadeInUp 0.5s ease-out;
    }
    
    .entry-content > *:nth-child(1) { animation-delay: 0.1s; }
    .entry-content > *:nth-child(2) { animation-delay: 0.15s; }
    .entry-content > *:nth-child(3) { animation-delay: 0.2s; }
    
    /* ===== GLOWING EFFECTS ===== */
    
    /* Gold text glow */
    .entry-title,
    h1.has-text-color[style*="#C9A227"],
    h1.has-text-color[style*="#c9a227"] {
        text-shadow: 
            0 0 10px rgba(201, 162, 39, 0.3),
            0 0 30px rgba(201, 162, 39, 0.15),
            0 0 50px rgba(201, 162, 39, 0.1);
    }
    
    /* Purple text glow */
    h2.has-text-color[style*="#9B7ED9"],
    h2.has-text-color[style*="#9b7ed9"] {
        text-shadow: 
            0 0 10px rgba(155, 126, 217, 0.3),
            0 0 20px rgba(155, 126, 217, 0.15);
    }
    
    /* ===== MYSTICAL SPARKLE EFFECT ===== */
    @keyframes sparkle {
        0%, 100% { opacity: 0; transform: scale(0); }
        50% { opacity: 1; transform: scale(1); }
    }
    
    /* ===== HOVER LINK UNDERLINE ===== */
    .entry-content a {
        position: relative;
        border-bottom: none !important;
    }
    
    .entry-content a::after {
        content: '';
        position: absolute;
        left: 0;
        bottom: -2px;
        width: 0;
        height: 2px;
        background: linear-gradient(90deg, 
            var(--wfb-candlelight-gold, #C9A227), 
            var(--wfb-spirit, #9B7ED9));
        transition: width 0.3s ease;
    }
    
    .entry-content a:hover::after {
        width: 100%;
    }
    
    /* ===== BUTTON SHINE EFFECT ===== */
    .wp-block-button__link {
        position: relative;
        overflow: hidden;
    }
    
    .wp-block-button__link::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(
            90deg,
            transparent,
            rgba(255, 255, 255, 0.2),
            transparent
        );
        transition: left 0.5s ease;
    }
    
    .wp-block-button__link:hover::before {
        left: 100%;
    }
    
    /* ===== CARD BORDER GLOW ===== */
    .wp-block-group.has-border-color {
        position: relative;
    }
    
    .wp-block-group.has-border-color::before {
        content: '';
        position: absolute;
        inset: -1px;
        background: linear-gradient(
            135deg,
            var(--wfb-candlelight-gold, #C9A227),
            var(--wfb-mystic-violet, #6B4D8C),
            var(--wfb-spirit, #9B7ED9),
            var(--wfb-candlelight-gold, #C9A227)
        );
        background-size: 300% 300%;
        border-radius: inherit;
        z-index: -1;
        opacity: 0;
        transition: opacity 0.3s ease;
    }
    
    .wp-block-group.has-border-color:hover::before {
        opacity: 1;
        animation: gradientShift 3s ease infinite;
    }
    
    @keyframes gradientShift {
        0% { background-position: 0% 50%; }
        50% { background-position: 100% 50%; }
        100% { background-position: 0% 50%; }
    }
    
    /* ===== IMAGE HOVER EFFECTS ===== */
    .wp-block-image img,
    .post-thumbnail img {
        transition: transform 0.3s ease, filter 0.3s ease;
    }
    
    .wp-block-image:hover img,
    .post-thumbnail:hover img {
        transform: scale(1.02);
    }
    
    /* ===== MAGICAL DIVIDERS ===== */
    .wp-block-separator {
        position: relative;
        border: none;
        height: 2px;
        background: transparent;
    }
    
    .wp-block-separator::before {
        content: '';
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 60%;
        height: 1px;
        background: linear-gradient(
            90deg,
            transparent,
            var(--wfb-mystic-violet, #6B4D8C),
            var(--wfb-candlelight-gold, #C9A227),
            var(--wfb-mystic-violet, #6B4D8C),
            transparent
        );
    }
    
    .wp-block-separator::after {
        content: '\2726';
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        color: var(--wfb-candlelight-gold, #C9A227);
        font-size: 1.25rem;
        background: var(--wfb-bg-dark, #0a0a0f);
        padding: 0 0.5rem;
    }
    
    /* ===== BLOCKQUOTE STYLING ===== */
    blockquote,
    .wp-block-quote {
        position: relative;
        overflow: visible;
    }
    
    blockquote::before,
    .wp-block-quote::before {
        content: '\201C';
        position: absolute;
        top: -20px;
        left: -10px;
        font-size: 4rem;
        color: var(--wfb-candlelight-gold, #C9A227);
        opacity: 0.3;
        font-family: Georgia, serif;
        line-height: 1;
    }
    
    /* ===== FOCUS STATES ===== */
    a:focus,
    button:focus,
    input:focus,
    textarea:focus,
    select:focus,
    .wp-block-button__link:focus {
        outline: 2px solid var(--wfb-candlelight-gold, #C9A227);
        outline-offset: 2px;
    }
    
    /* ===== SKIP LINK ===== */
    .skip-link {
        position: absolute;
        top: -100%;
        left: 0;
        padding: 0.5rem 1rem;
        background: var(--wfb-candlelight-gold, #C9A227);
        color: var(--wfb-midnight-purple, #2D1B4E);
        z-index: 9999;
        transition: top 0.3s ease;
    }
    
    .skip-link:focus {
        top: 0;
    }
    
    /* ===== ICON ANIMATIONS ===== */
    @keyframes float {
        0%, 100% { transform: translateY(0); }
        50% { transform: translateY(-5px); }
    }
    
    .wfb-author-box > div > div:first-child,
    .trust-icon {
        animation: float 3s ease-in-out infinite;
    }
    
    /* ===== LOADING SHIMMER ===== */
    @keyframes shimmer {
        0% { background-position: -200% 0; }
        100% { background-position: 200% 0; }
    }
    
    .loading,
    .skeleton {
        background: linear-gradient(
            90deg,
            var(--wfb-bg-card, #12121a) 25%,
            var(--wfb-bg-elevated, #1a1025) 50%,
            var(--wfb-bg-card, #12121a) 75%
        );
        background-size: 200% 100%;
        animation: shimmer 1.5s infinite;
    }
    
    /* ===== SMOOTH PAGE TRANSITIONS ===== */
    .site-content {
        animation: fadeInUp 0.3s ease-out;
    }
    
    /* ===== MYSTICAL CURSOR (Optional - commented out) ===== */
    /*
    body {
        cursor: url('data:image/svg+xml,...'), auto;
    }
    */
    
    /* ===== SELECTION ENHANCEMENT ===== */
    ::selection {
        background: rgba(155, 126, 217, 0.4);
        color: var(--wfb-text-primary, #f5f3fa);
    }
    
    ::-moz-selection {
        background: rgba(155, 126, 217, 0.4);
        color: var(--wfb-text-primary, #f5f3fa);
    }
    
    /* ===== SMOOTH SCROLL ===== */
    html {
        scroll-behavior: smooth;
    }
    
    @media (prefers-reduced-motion: reduce) {
        html {
            scroll-behavior: auto;
        }
    }
    
    /* ===== STICKY HEADER SHADOW ===== */
    .site-header.is-sticky,
    header.sticky {
        box-shadow: 0 2px 20px rgba(0, 0, 0, 0.5);
        backdrop-filter: blur(10px);
    }
    
    /* ===== FOOTER ENHANCEMENT ===== */
    .site-footer,
    footer {
        border-top: 1px solid var(--wfb-mystic-violet, #6B4D8C);
        background: linear-gradient(
            180deg,
            var(--wfb-bg-card, #12121a),
            var(--wfb-bg-dark, #0a0a0f)
        );
    }
    
    /* ===== WIDGET AREAS ===== */
    .widget {
        background: var(--wfb-bg-card, #12121a);
        padding: var(--wfb-space-lg, 1.5rem);
        border-radius: var(--wfb-radius-lg, 12px);
        border: 1px solid rgba(107, 77, 140, 0.2);
        margin-bottom: var(--wfb-space-lg, 1.5rem);
    }
    
    .widget-title {
        font-family: var(--wfb-font-heading, 'Cinzel', serif);
        color: var(--wfb-candlelight-gold, #C9A227);
        font-size: 1.1rem;
        margin-bottom: var(--wfb-space-md, 1rem);
        padding-bottom: var(--wfb-space-sm, 0.75rem);
        border-bottom: 1px solid var(--wfb-mystic-violet, #6B4D8C);
    }
    
    .widget ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }
    
    .widget li {
        padding: var(--wfb-space-xs, 0.5rem) 0;
        border-bottom: 1px solid rgba(107, 77, 140, 0.1);
    }
    
    .widget li:last-child {
        border-bottom: none;
    }
    
    .widget a {
        color: var(--wfb-text-secondary, #e8e4f0);
        transition: color 0.2s ease, padding-left 0.2s ease;
    }
    
    .widget a:hover {
        color: var(--wfb-spirit, #9B7ED9);
        padding-left: 0.5rem;
    }

/* === WFB Social & Sharing Automation (snippet #58) === */
.wfb-share-buttons {
        position: fixed;
        left: 20px;
        top: 50%;
        transform: translateY(-50%);
        display: flex;
        flex-direction: column;
        gap: 8px;
        z-index: 1000;
    }
    .wfb-share-btn {
        width: 44px;
        height: 44px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        text-decoration: none;
        font-size: 18px;
        transition: transform 0.2s, box-shadow 0.2s;
        box-shadow: 0 2px 8px rgba(0,0,0,0.2);
    }
    .wfb-share-btn:hover {
        transform: scale(1.1);
        box-shadow: 0 4px 12px rgba(0,0,0,0.3);
        color: #fff;
    }
    .wfb-share-btn.facebook { background: #1877f2; }
    .wfb-share-btn.twitter { background: #1da1f2; }
    .wfb-share-btn.pinterest { background: #bd081c; }
    .wfb-share-btn.reddit { background: #ff4500; }
    .wfb-share-btn.email { background: #6b4d8c; }
    .wfb-share-btn.copy { background: #333; cursor: pointer; }
    .wfb-share-btn.copy.copied { background: #00a32a; }
    
    @media (max-width: 1200px) {
        .wfb-share-buttons {
            position: static;
            transform: none;
            flex-direction: row;
            justify-content: center;
            padding: 1rem;
            background: var(--wfb-bg-card, #12121a);
            border-radius: 8px;
            margin: 1rem auto;
            max-width: 300px;
        }
        .wfb-share-btn {
            width: 40px;
            height: 40px;
            font-size: 16px;
        }
    }

/* === WFB Popup Fix v4 (snippet #87) === */
/* Systeme.io Popup Fix v4 - Lock position, stop mouse tracking */

/* Kill ALL animations and transforms on systeme elements */
[class*="systeme"],
[id*="systeme"],
iframe[src*="systeme"],
[data-systeme],
.sio-popup,
.sio-modal,
.sio-container {
  animation: none !important;
  animation-name: none !important;
  animation-duration: 0s !important;
  transition: none !important;
  transform: none !important;
  will-change: auto !important;
}

/* Force center position and lock it */
iframe[src*="systeme"] {
  position: fixed !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  z-index: 999999 !important;
  max-width: 90vw !important;
  max-height: 90vh !important;
}

/* Hide ALL other instances after the first */
iframe[src*="systeme"] ~ iframe[src*="systeme"],
iframe[src*="systeme"] + iframe[src*="systeme"],
body > iframe[src*="systeme"]:nth-of-type(n+2) {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  width: 0 !important;
  height: 0 !important;
}

/* Lock overlay */
div[style*="position: fixed"][style*="background"]:has(iframe[src*="systeme"]),
.sio-overlay {
  animation: none !important;
  transition: none !important;
}

/* Prevent mouse-tracking behavior */
iframe[src*="systeme"],
iframe[src*="systeme"] * {
  pointer-events: auto !important;
  cursor: default !important;
}

/* Stop any container from moving */
body > div:has(iframe[src*="systeme"]) {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  animation: none !important;
  transform: none !important;
}

/* === WFB Blog Post Enhancements (snippet #89) === */
/* ============================================================
   BLOG POST ENHANCEMENTS
   ============================================================ */

/* 1. READING PROGRESS BAR
   ============================================================ */
#wfb-reading-progress {
  position: fixed;
  top: 0;
  left: 0;
  width: 0%;
  height: 4px;
  background: linear-gradient(90deg, #8b5cf6, #d4af37, #8b5cf6);
  background-size: 200% 100%;
  animation: progressGradient 3s linear infinite;
  z-index: 999999;
  transition: width 0.1s ease-out;
  box-shadow: 0 0 10px rgba(139, 92, 246, 0.5), 0 0 20px rgba(212, 175, 55, 0.3);
}

@keyframes progressGradient {
  0% { background-position: 0% 50%; }
  100% { background-position: 200% 50%; }
}

/* 2. TABLE OF CONTENTS
   ============================================================ */
#ez-toc-container,
.ez-toc-container,
.lwptoc,
.toc,
.table-of-contents,
[class*="toc-container"],
#toc,
.wp-block-yoast-seo-table-of-contents {
  background: linear-gradient(135deg, rgba(18, 18, 26, 0.95), rgba(26, 26, 36, 0.9)) !important;
  border: 1px solid rgba(139, 92, 246, 0.2) !important;
  border-radius: 16px !important;
  padding: 1.5rem 2rem !important;
  margin: 2rem 0 !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
}

#ez-toc-container .ez-toc-title,
.lwptoc .lwptoc-title,
.toc-title,
.table-of-contents > p:first-child,
[class*="toc"] > h2,
[class*="toc"] > h3,
[class*="toc"] > h4 {
  font-family: "Cinzel", serif !important;
  color: #d4af37 !important;
  font-size: 1.25rem !important;
  margin-bottom: 1rem !important;
  padding-bottom: 0.75rem !important;
  border-bottom: 1px solid rgba(139, 92, 246, 0.2) !important;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

#ez-toc-container .ez-toc-title::before,
.toc-title::before {
  content: "✦";
  color: #8b5cf6;
}

#ez-toc-container ul,
.lwptoc ul,
.toc ul,
.table-of-contents ul,
[class*="toc-container"] ul {
  list-style: none !important;
  padding-left: 0 !important;
  margin: 0 !important;
}

#ez-toc-container li,
.lwptoc li,
.toc li,
[class*="toc"] li {
  padding: 0.5rem 0 !important;
  border-bottom: 1px solid rgba(139, 92, 246, 0.08) !important;
  position: relative;
  padding-left: 1.5rem !important;
}

#ez-toc-container li::before,
.toc li::before {
  content: "→" !important;
  position: absolute !important;
  left: 0 !important;
  color: #8b5cf6 !important;
  transition: transform 0.2s ease, color 0.2s ease;
}

#ez-toc-container li:hover::before,
.toc li:hover::before {
  transform: translateX(4px);
  color: #d4af37;
}

#ez-toc-container li:last-child,
.toc li:last-child {
  border-bottom: none !important;
}

#ez-toc-container a,
.lwptoc a,
.toc a,
[class*="toc"] a {
  color: #e8e4f0 !important;
  text-decoration: none !important;
  transition: color 0.2s ease, padding-left 0.2s ease !important;
}

#ez-toc-container a:hover,
.lwptoc a:hover,
.toc a:hover {
  color: #d4af37 !important;
  padding-left: 0.5rem !important;
}

#ez-toc-container ul ul,
.toc ul ul {
  margin-left: 1rem !important;
  margin-top: 0.5rem !important;
  padding-left: 1rem !important;
  border-left: 1px solid rgba(139, 92, 246, 0.15) !important;
}

/* 3. ENHANCED AUTHOR BOX
   ============================================================ */
.author-box,
.post-author,
.about-author,
.entry-author,
.author-info,
.pp-author-boxes-wrapper,
[class*="author-box"],
[class*="author-bio"] {
  background: linear-gradient(135deg, rgba(18, 18, 26, 0.95), rgba(26, 26, 36, 0.9)) !important;
  border: 1px solid rgba(139, 92, 246, 0.2) !important;
  border-radius: 20px !important;
  padding: 2rem !important;
  margin: 3rem 0 !important;
  display: flex !important;
  gap: 1.5rem !important;
  align-items: flex-start !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
  position: relative;
  overflow: hidden;
}

.author-box::before,
.post-author::before,
[class*="author-box"]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #8b5cf6, #d4af37, #8b5cf6);
}

.author-box img,
.post-author img,
.author-info img,
[class*="author"] .avatar,
[class*="author-box"] img {
  width: 100px !important;
  height: 100px !important;
  border-radius: 50% !important;
  border: 3px solid #d4af37 !important;
  box-shadow: 0 0 20px rgba(212, 175, 55, 0.3) !important;
  object-fit: cover;
  flex-shrink: 0;
}

.author-box .author-name,
.author-box h3,
.author-box h4,
.post-author .author-name,
[class*="author-box"] h3,
[class*="author-box"] h4,
.author-info .author-name {
  font-family: "Cinzel", serif !important;
  color: #d4af37 !important;
  font-size: 1.25rem !important;
  margin: 0 0 0.5rem 0 !important;
}

.author-box .author-title,
.author-box .author-role,
[class*="author"] .role {
  color: #8b5cf6 !important;
  font-size: 0.9rem !important;
  margin-bottom: 0.75rem !important;
  font-style: italic;
}

.author-box .author-bio,
.author-box .author-description,
.author-box p,
.post-author p,
[class*="author-box"] p {
  color: #a0a0b0 !important;
  line-height: 1.7 !important;
  margin: 0 !important;
}

.author-box .author-social,
.author-box .social-links,
[class*="author"] .social a {
  display: inline-flex;
  gap: 0.75rem;
  margin-top: 1rem;
}

.author-box .social-links a,
[class*="author"] .social a {
  color: #8b5cf6 !important;
  font-size: 1.25rem;
  transition: color 0.2s ease, transform 0.2s ease;
}

.author-box .social-links a:hover {
  color: #d4af37 !important;
  transform: translateY(-2px);
}

@media (max-width: 600px) {
  .author-box,
  .post-author,
  [class*="author-box"] {
    flex-direction: column !important;
    text-align: center !important;
    align-items: center !important;
  }
}

/* 4. RELATED POSTS SECTION
   ============================================================ */
.related-posts,
.related-articles,
.yarpp-related,
[class*="related-posts"],
[class*="related-articles"],
.jp-relatedposts,
#jp-relatedposts,
.crp_related,
[class*="contextual-related"] {
  background: linear-gradient(135deg, rgba(18, 18, 26, 0.9), rgba(26, 26, 36, 0.85)) !important;
  border: 1px solid rgba(139, 92, 246, 0.15) !important;
  border-radius: 20px !important;
  padding: 2rem !important;
  margin: 3rem 0 !important;
}

.related-posts h3,
.related-posts h2,
.related-articles h3,
.yarpp-related h3,
[class*="related-posts"] > h2,
[class*="related-posts"] > h3,
.jp-relatedposts-headline,
.crp_title {
  font-family: "Cinzel", serif !important;
  color: #d4af37 !important;
  font-size: 1.5rem !important;
  margin-bottom: 1.5rem !important;
  padding-bottom: 0.75rem !important;
  border-bottom: 1px solid rgba(139, 92, 246, 0.2) !important;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.related-posts h3::before,
[class*="related-posts"] h3::before {
  content: "✦";
  color: #8b5cf6;
}

.related-posts ul,
.related-posts .posts-grid,
.yarpp-related ul,
[class*="related-posts"] ul,
.jp-relatedposts-items,
.crp_related ul {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)) !important;
  gap: 1.5rem !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.related-posts li,
.related-posts article,
.yarpp-related li,
[class*="related-posts"] li,
.jp-relatedposts-post,
.crp_related li {
  background: rgba(12, 12, 18, 0.6) !important;
  border: 1px solid rgba(139, 92, 246, 0.1) !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  transition: all 0.3s ease !important;
}

.related-posts li:hover,
[class*="related-posts"] li:hover,
.jp-relatedposts-post:hover {
  border-color: rgba(139, 92, 246, 0.4) !important;
  transform: translateY(-4px) !important;
  box-shadow: 0 8px 25px rgba(139, 92, 246, 0.2) !important;
}

.related-posts img,
.yarpp-related img,
[class*="related-posts"] img,
.jp-relatedposts-post-img {
  width: 100% !important;
  height: 150px !important;
  object-fit: cover !important;
  transition: transform 0.3s ease !important;
}

.related-posts li:hover img,
[class*="related-posts"] li:hover img {
  transform: scale(1.05) !important;
}

.related-posts a,
.yarpp-related a,
[class*="related-posts"] a,
.jp-relatedposts-post-title a {
  display: block !important;
  padding: 1rem !important;
  color: #e8e4f0 !important;
  text-decoration: none !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
  transition: color 0.2s ease !important;
}

.related-posts a:hover,
[class*="related-posts"] a:hover {
  color: #d4af37 !important;
}

.related-posts .post-date,
.jp-relatedposts-post-date,
[class*="related-posts"] time {
  display: block;
  padding: 0 1rem 1rem !important;
  font-size: 0.8rem !important;
  color: #6b6b7b !important;
}

/* === WFB Dramatic Effects v2 (snippet #91) === */
body::before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:9998;border:2px solid transparent;background:linear-gradient(#0a0a0f,#0a0a0f) padding-box,linear-gradient(45deg,#8b5cf6,#d4af37,#8b5cf6) border-box;animation:wfbBG 4s ease-in-out infinite}
@keyframes wfbBG{0%,100%{opacity:.3}50%{opacity:.7}}
body::after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;background-image:radial-gradient(2px 2px at 20% 30%,rgba(212,175,55,.15) 50%,transparent 50%),radial-gradient(2px 2px at 40% 70%,rgba(139,92,246,.1) 50%,transparent 50%);animation:wfbPF 30s linear infinite}
@keyframes wfbPF{0%{transform:translateY(0)}100%{transform:translateY(-100vh)}}
article.post:hover,.ct-posts-grid article:hover{transform:translateY(-12px) scale(1.02)!important;box-shadow:0 20px 40px rgba(0,0,0,.4),0 0 30px rgba(139,92,246,.3)!important}
.ct-menu>li>a::after{content:""!important;position:absolute!important;bottom:-2px!important;left:0!important;width:0!important;height:2px!important;background:linear-gradient(90deg,#8b5cf6,#d4af37)!important;transition:width .4s ease!important}
.ct-menu>li>a:hover::after{width:100%!important}
@media(prefers-reduced-motion:reduce){body::before,body::after{animation:none!important}}

/* === WFB Vision AI Auditor - Optimized CSS Fixes v2 (snippet #93) === */
';
    echo 'body,.entry-content,.site-content,.ct-container{color:#DDD5E8}.hero-section h1,.ct-hero h1,.page-title,h1.entry-title,.hero-section .ct-heading{color:#FFFFFF !important;text-shadow:0 2px 8px rgba(0,0,0,0.5)}h2,h3,.section-title,.ct-heading{color:#E8C547;text-shadow:0 1px 4px rgba(0,0,0,0.3)}.entry-content p,.ct-container p,article p,.page-content p,.wp-block-paragraph{color:#DDD5E8}.ct-breadcrumbs,.ct-breadcrumbs a,.ct-breadcrumbs span{color:#C4B0DC !important}.ct-card-content p,.wp-block-column p{color:#DDD5E8}input::placeholder,textarea::placeholder,.wp-block-search__input::placeholder{color:#9B8BB8 !important;opacity:1}.amazon-disclaimer,.affiliate-disclosure,.entry-content small,small{color:#B8A8D0 !important}a,.entry-content a,.widget a{color:#C4A6E8}a:visited{color:#B89FD4}blockquote,.wp-block-quote,.wp-block-pullquote,blockquote p,cite{color:#D4C6E8}footer a,.ct-footer a,.site-footer a,.footer-menu a{color:#C4B0DC}.ct-footer,.site-footer,footer{color:#C4B0DC}.ct-footer [class*="moon"],footer [class*="moon"]{color:#DDD5E8}.ct-footer .copyright,.ct-footer .site-info,footer .copyright,footer small,footer .site-info a{color:#B8A8D0}.wp-block-button__link,.ct-button,button[type="submit"],input[type="submit"],.wp-element-button,a.ct-button{background-color:#6B3FA0 !important;color:#FFFFFF !important}.is-style-outline .wp-block-button__link,.wp-block-button.is-style-outline .wp-block-button__link{background-color:transparent !important;color:#E8C547 !important}a:hover{color:#E8C547}.ct-breadcrumbs a:hover{color:#E8C547 !important}footer a:hover,.ct-footer a:hover{color:#E8C547}.wp-block-button__link:hover,.ct-button:hover,button[type="submit"]:hover,input[type="submit"]:hover,.wp-element-button:hover,a.ct-button:hover{background-color:#7E52B3 !important}.ct-menu > li > a:hover,nav a:hover,.main-navigation a:hover{color:#E8C547}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid #E8C547;outline-offset:3px}.entry-content input:focus,.wp-block-search__input:focus{box-shadow:0 0 0 3px rgba(232,197,71,0.2);outline:none}.ct-header a,.site-header a{color:#DDD5E8}.current-menu-item > a,.current_page_item > a{color:#E8C547 !important}.entry-content input[type="email"],.entry-content input[type="text"],.wp-block-search__input{background-color:rgba(255,255,255,0.1);color:#FFFFFF}.cmplz-btn.cmplz-accept{background-color:#6B3FA0 !important;color:#FFFFFF !important}.cmplz-btn.cmplz-deny{background-color:transparent !important;color:#DDD5E8 !important}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{scroll-behavior:smooth;scroll-padding-top:80px}::selection{background:rgba(74,28,111,0.4);color:#FFFFFF}@media print{body{color:#000 !important;background:#fff !important}a{color:#000 !important}nav,footer{display:none !important}}';
    echo '