/*
Theme Name: Blogum
Theme URI: https://faton.works/blogum
Author: ThemeGuri
Author URI: https://themeforest.net/user/themeguri
Description: A premium, multi-style magazine WordPress theme with a split-screen magazine cover layout, custom Elementor widgets, and a live WP Customizer theme switcher.
Version: 1.0.0
Requires at least: 6.3
Tested up to: 6.7
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: blogum
Tags: blog, news, custom-colors, custom-logo, custom-menu, featured-images, full-width-template, theme-options, two-columns, rtl-language-support

Copyright: (C) 2026 ThemeGuri. All rights reserved.
*/

.alignleft { float: left; margin: 0 20px 20px 0; }
.alignright { float: right; margin: 0 0 20px 20px; }
.aligncenter { display: block; margin: 0 auto 20px auto; text-align: center; }
.alignwide { margin: 2rem calc(50% - 50vw); max-width: 100vw; width: 100vw; }
.alignfull { margin: 2rem calc(50% - 50vw); max-width: 100vw; width: 100vw; }

.wp-caption { background: var(--blg-bg-alt); border: 1px solid var(--blg-border-color); max-width: 100%; padding: 5px; text-align: center; }
.wp-caption img { margin: 0; max-width: 100%; height: auto; }
.wp-caption-text { font-family: var(--blg-font-body); font-size: 0.75rem; font-style: italic; margin: 5px 0; opacity: 0.7; }
.sticky { background: var(--blg-bg-alt); border: 2px solid var(--blg-accent-color); padding: 20px; }
.bypostauthor { border-left: 3px solid var(--blg-accent-color); }
.gallery-caption { font-size: 0.7rem; text-align: center; }

.screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; word-wrap: normal !important; }
.screen-reader-text:focus { background-color: #eee; clip: auto !important; clip-path: none; color: #444; display: block; font-size: 1rem; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; }

.blg-nav-menu-wrapper::-webkit-scrollbar { display: none; }
.blg-nav-links li { flex-shrink: 0; white-space: nowrap; }
.blg-h3-root { padding-right: 0 !important; padding-left: 0 !important; }

/* ====================================================
   PREMIUM STYLE SWITCHER (FIXED ALIGNMENT)
   ==================================================== */
.tft-style-switcher {
    position: fixed !important;
    top: 50% !important;
    right: 0 !important;
    transform: translateY(-50%) translateX(100%) !important;
    width: 260px !important;
    background: #ffffff !important;
    box-shadow: -15px 0 60px rgba(0,0,0,0.1) !important;
    z-index: 999999 !important;
    transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1) !important;
    border-radius: 16px 0 0 16px !important;
    padding: 20px 15px !important;
    display: flex !important;
    flex-direction: column !important;
}

.tft-style-switcher.is-open { transform: translateY(-50%) translateX(0) !important; }

.tft-style-switcher__toggle {
    position: absolute !important;
    left: -52px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 52px !important;
    height: 52px !important;
    background: #000 !important;
    color: #fff !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    border-radius: 12px 0 0 12px !important;
    box-shadow: -5px 0 20px rgba(0,0,0,0.1) !important;
}

.tft-style-switcher__title {
    font-family: 'Inter', sans-serif !important;
    font-size: 0.65rem !important;
    font-weight: 900 !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    color: #999 !important;
    margin-bottom: 20px !important;
    text-align: center !important;
    opacity: 0.8 !important;
}

.tft-style-switcher__grid {
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
    max-height: 70vh !important;
    overflow-y: auto !important;
    padding-right: 5px !important;
}

.tft-style-switcher__grid::-webkit-scrollbar { width: 4px; }
.tft-style-switcher__grid::-webkit-scrollbar-thumb { background: #eee; border-radius: 10px; }

.tft-style-item {
    display: flex !important;
    align-items: center !important;
    padding: 12px 16px !important;
    background: #fcfcfc !important;
    border: 1px solid #f0f0f0 !important;
    border-radius: 8px !important;
    cursor: pointer !important;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
    text-decoration: none !important;
}

.tft-style-item:hover, .tft-style-item--active {
    background: #000 !important;
    border-color: #000 !important;
    transform: translateX(-4px) !important;
}

.tft-style-item__num {
    font-family: 'Space Mono', monospace !important;
    font-size: 0.65rem !important;
    font-weight: 700 !important;
    color: #bbb !important;
    width: 30px !important;
    flex-shrink: 0 !important;
    margin: 0 !important;
}

.tft-style-item__name {
    font-family: 'Inter', sans-serif !important;
    font-size: 0.85rem !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    color: #111 !important;
    letter-spacing: 1px !important;
    line-height: 1 !important;
    margin: 0 !important;
}

.tft-style-item:hover .tft-style-item__name, 
.tft-style-item--active .tft-style-item__name { color: #fff !important; }
.tft-style-item:hover .tft-style-item__num, 
.tft-style-item--active .tft-style-item__num { color: #666 !important; }

/* ====================================================
   HERO CLEARANCE & CONTAINER CENTERING
   ==================================================== */
.blg-cover-center {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    height: 100% !important;
    min-height: 100vh !important;
    padding: 40px 0 !important;
}

.blg-hero-main-wrap {
    margin-top: clamp(160px, 22vh, 260px) !important; /* Force down below header */
    margin-bottom: auto !important;
}

.blg-hero-main-title {
    text-shadow: 0 10px 40px rgba(0,0,0,0.5) !important;
}

/* --- THE FONT ENFORCER --- */
h1, h2, h3, h4, h5, h6, .blg-hero-main-title, .blg-hero-main-title span,
.blg-title-mid, .blg-title-line3, .blg-module-title, .blg-post-title {
    font-family: var(--blg-font-heading) !important;
}

body, p, .blg-post-excerpt, .blg-hero-brief__label, .blg-meta-slot__label {
    font-family: var(--blg-font-body) !important;
}

/* ====================================================
   SKIN SYSTEM (17 CURATED EDITIONS)
   ==================================================== */

/* 01. VOGUE */
[data-theme='vogue'] {
    --blg-font-heading: 'Playfair Display', serif !important;
    --blg-font-body: 'Inter', sans-serif !important;
    --blg-bg-color: #fdfbf7;
    --blg-accent-color: #c5a059;
    --blg-cover-overlay: linear-gradient(to bottom, rgba(44,44,44,0.3), rgba(20,20,20,0.85));
}

/* 02. CYBER */
[data-theme='cyber'] {
    --blg-font-heading: 'Syncopate', sans-serif !important;
    --blg-font-body: 'Space Grotesk', sans-serif !important;
    --blg-bg-color: #050505;
    --blg-accent-color: #ff0055;
    --blg-cover-overlay: linear-gradient(to bottom, rgba(5,5,5,0.7), rgba(255,0,85,0.15) 50%, rgba(5,5,5,0.95));
}

/* 03. LUXE */
[data-theme='luxe'] {
    --blg-font-heading: 'Bodoni Moda', serif !important;
    --blg-font-body: 'Public Sans', sans-serif !important;
    --blg-bg-color: #0c0a14;
    --blg-accent-color: #f1c40f;
    --blg-cover-overlay: linear-gradient(135deg, rgba(12,10,20,0.85), rgba(241,196,15,0.1) 50%, rgba(12,10,20,0.95));
}

/* 04. ZEN */
[data-theme='zen'] {
    --blg-font-heading: 'Outfit', sans-serif !important;
    --blg-font-body: 'Jost', sans-serif !important;
    --blg-bg-color: #f7f9f2;
    --blg-accent-color: #3d5a45;
    --blg-cover-overlay: linear-gradient(to bottom, rgba(61,90,69,0.3), rgba(26,36,33,0.85));
}

/* 05. IMPACT */
[data-theme='athletic'] {
    --blg-font-heading: 'Oswald', sans-serif !important;
    --blg-font-body: 'Inter', sans-serif !important;
    --blg-bg-color: #0d0d0d;
    --blg-accent-color: #ff3c3c;
    --blg-cover-overlay: linear-gradient(to bottom, rgba(13,13,13,0.8), rgba(255,60,60,0.2) 50%, rgba(0,0,0,0.9));
}

/* 06. GAZETTE */
[data-theme='gazette'] {
    --blg-font-heading: 'Abril Fatface', serif !important;
    --blg-font-body: 'Cormorant Garamond', serif !important;
    --blg-bg-color: #f4f1ea;
    --blg-accent-color: #000000;
    --blg-cover-overlay: linear-gradient(to bottom, rgba(26,26,26,0.6), rgba(0,0,0,0.85));
}

/* 07. MODERN */
[data-theme='neo'] {
    --blg-font-heading: 'Syne', sans-serif !important;
    --blg-font-body: 'Inter', sans-serif !important;
    --blg-bg-color: #ffffff;
    --blg-accent-color: #3b82f6;
    --blg-cover-overlay: linear-gradient(to bottom, rgba(15,23,42,0.4), rgba(59,130,246,0.2) 50%, rgba(15,23,42,0.8));
}

/* 08. MONO */
[data-theme='mono'] {
    --blg-font-heading: 'Bebas Neue', cursive !important;
    --blg-font-body: 'Montserrat', sans-serif !important;
    --blg-bg-color: #ffffff;
    --blg-accent-color: #000000;
    --blg-cover-overlay: linear-gradient(to bottom, rgba(255,255,255,0.2), rgba(0,0,0,0.8));
}

/* 09. ACID */
[data-theme='acid'] {
    --blg-font-heading: 'Lexend', sans-serif !important;
    --blg-font-body: 'Lexend', sans-serif !important;
    --blg-bg-color: #080808;
    --blg-accent-color: #ccff00;
    --blg-cover-overlay: linear-gradient(135deg, rgba(8,8,8,0.95) 0%, rgba(204,204,0,0.1) 100%);
}

/* 10. ROYAL */
[data-theme='royal'] {
    --blg-font-heading: 'Bodoni Moda', serif !important;
    --blg-font-body: 'Public Sans', sans-serif !important;
    --blg-bg-color: #001a33;
    --blg-accent-color: #d4af37;
    --blg-cover-overlay: linear-gradient(to bottom, rgba(0,26,51,0.75), rgba(212,175,55,0.1) 50%, rgba(0,26,51,0.9));
}

/* 11. COPPER */
[data-theme='copper'] {
    --blg-font-heading: 'Fraunces', serif !important;
    --blg-font-body: 'Public Sans', sans-serif !important;
    --blg-bg-color: #1a1412;
    --blg-accent-color: #b87333;
    --blg-cover-overlay: linear-gradient(to bottom, rgba(26,20,18,0.8), rgba(184,115,51,0.2) 50%, rgba(26,20,18,0.95));
}

/* 12. FROST */
[data-theme='frost'] {
    --blg-font-heading: 'Outfit', sans-serif !important;
    --blg-font-body: 'Inter', sans-serif !important;
    --blg-bg-color: #f0f7ff;
    --blg-accent-color: #0077ff;
    --blg-cover-overlay: linear-gradient(to bottom, rgba(240,247,255,0.6), rgba(0,119,255,0.15) 50%, rgba(240,247,255,0.9));
}

/* 13. NOIR */
[data-theme='noir'] {
    --blg-font-heading: 'Syncopate', sans-serif !important;
    --blg-font-body: 'Inter', sans-serif !important;
    --blg-bg-color: #000000;
    --blg-accent-color: #ffffff;
    --blg-cover-overlay: linear-gradient(to bottom, rgba(0,0,0,0.85), rgba(255,255,255,0.05) 50%, rgba(0,0,0,0.95));
}

/* 14. OBSIDIAN */
[data-theme='obsidian'] {
    --blg-font-heading: 'Lexend', sans-serif !important;
    --blg-font-body: 'Inter', sans-serif !important;
    --blg-bg-color: #0a0c10;
    --blg-accent-color: #00ffa3;
    --blg-cover-overlay: linear-gradient(135deg, rgba(10,12,16,0.85) 0%, rgba(0,255,163,0.1) 100%);
}

/* 15. SAFFRON */
[data-theme='saffron'] {
    --blg-font-heading: 'Playfair Display', serif !important;
    --blg-font-body: 'Cormorant Garamond', serif !important;
    --blg-bg-color: #fffaf0;
    --blg-accent-color: #d97706;
    --blg-cover-overlay: linear-gradient(to bottom, rgba(44,24,16,0.5), rgba(217,119,6,0.1) 50%, rgba(44,24,16,0.85));
}

/* 16. SOLAR */
[data-theme='solar'] {
    --blg-font-heading: 'Montserrat', sans-serif !important;
    --blg-font-body: 'Montserrat', sans-serif !important;
    --blg-bg-color: #0d161a;
    --blg-accent-color: #fbbf24;
    --blg-cover-overlay: linear-gradient(to bottom, rgba(13,22,26,0.6), rgba(251,191,36,0.2) 50%, rgba(13,22,26,0.9));
}

/* 17. VELVET */
[data-theme='velvet'] {
    --blg-font-heading: 'Fraunces', serif !important;
    --blg-font-body: 'Fraunces', serif !important;
    --blg-bg-color: #1a0505;
    --blg-accent-color: #ff3c3c;
    --blg-cover-overlay: linear-gradient(to bottom, rgba(26,5,5,0.7), rgba(255,60,60,0.1) 50%, rgba(26,5,5,0.95));
}

/* --- FOOTER STANDARDS --- */
[data-theme='vogue'] { --blg-footer-bg: #111111; }
[data-theme='cyber'] { --blg-footer-bg: #050505; }
[data-theme='luxe'] { --blg-footer-bg: #0c0a14; }
[data-theme='zen'] { --blg-footer-bg: #2a3d31; }
[data-theme='athletic'] { --blg-footer-bg: #000000; }
[data-theme='gazette'] { --blg-footer-bg: #0d0d0d; }
[data-theme='neo'] { --blg-footer-bg: #0f172a; }
[data-theme='solar'] { --blg-footer-bg: #0d161a; }
[data-theme='velvet'] { --blg-footer-bg: #1a0505; }
[data-theme='mono'] { --blg-footer-bg: #000000; }
[data-theme='acid'] { --blg-footer-bg: #080808; }
[data-theme='royal'] { --blg-footer-bg: #001a33; }
[data-theme='copper'] { --blg-footer-bg: #1a1412; }
[data-theme='frost'] { --blg-footer-bg: #f0f7ff; }
[data-theme='noir'] { --blg-footer-bg: #000000; }
[data-theme='obsidian'] { --blg-footer-bg: #0a0c10; }
[data-theme='saffron'] { --blg-footer-bg: #2c1810; }

.blg-footer, footer#footer { background-color: var(--blg-footer-bg) !important; }

/* --- Global Standard --- */
.blg-cover-overlay { background: var(--blg-cover-overlay) !important; opacity: 1 !important; z-index: 1 !important; }
.blg-hero-main-title { letter-spacing: -0.03em !important; line-height: 1.05 !important; }

/* ====================================================
   CRITICAL: 50/50 SPLIT ENFORCEMENT (DO NOT REMOVE)
   ==================================================== */
@media (min-width: 1025px) {
  :root, body { --blg-cover-width: 50vw !important; --blg-feed-width: 50vw !important; }
  .blg-cover { width: 50vw !important; max-width: 50vw !important; flex: 0 0 50vw !important; }
  .blg-feed  { width: 50vw !important; max-width: 50vw !important; flex: 0 0 50vw !important; }
}

/* ====================================================
   COMPLETE DARK SKIN TEXT VARS (Readability Restore)
   ==================================================== */

/* 02. CYBER – full */
[data-theme='cyber'] {
    --blg-bg-alt: #0a0a0a;
    --blg-text-main: #ffffff;
    --blg-text-muted: #888888;
    --blg-border-color: #1a1a1a;
    --blg-radius-img: 0px;
}

/* 03. LUXE – full */
[data-theme='luxe'] {
    --blg-bg-alt: #12101d;
    --blg-text-main: #f0f0f0;
    --blg-text-muted: #a0a0b0;
    --blg-border-color: #252233;
    --blg-radius-img: 0px;
}

/* 05. IMPACT / athletic – full */
[data-theme='athletic'] {
    --blg-bg-alt: #1a0000;
    --blg-text-main: #ffffff;
    --blg-text-muted: #aaaaaa;
    --blg-border-color: #330000;
    --blg-radius-img: 0px;
}
[data-theme='athletic'] .blg-hero-title span,
[data-theme='athletic'] .blg-hero-brief__title,
[data-theme='athletic'] .blg-hero-main-title,
[data-theme='athletic'] .blg-edition-text-wrap { color: #ffffff !important; text-shadow: 0 4px 20px rgba(0,0,0,0.8) !important; }

/* 06. GAZETTE – full */
[data-theme='gazette'] {
    --blg-bg-alt: #ebe8e0;
    --blg-text-main: #1a1a1a;
    --blg-text-muted: #555555;
    --blg-border-color: #d1cdc3;
    --blg-radius-img: 0px;
}

/* 08. MONO – full */
[data-theme='mono'] {
    --blg-bg-alt: #f0f0f0;
    --blg-text-main: #000000;
    --blg-text-muted: #888888;
    --blg-border-color: #dddddd;
    --blg-radius-img: 0px;
}

/* 09. ACID – full */
[data-theme='acid'] {
    --blg-bg-alt: #111111;
    --blg-text-main: #ffffff;
    --blg-text-muted: #666666;
    --blg-border-color: #222222;
    --blg-radius-img: 0px;
}

/* 10. ROYAL – full */
[data-theme='royal'] {
    --blg-bg-alt: #00264d;
    --blg-text-main: #ffffff;
    --blg-text-muted: #a0aec0;
    --blg-border-color: #003366;
    --blg-radius-img: 4px;
}

/* 11. COPPER – full */
[data-theme='copper'] {
    --blg-bg-alt: #251c19;
    --blg-text-main: #e8e2e0;
    --blg-text-muted: #8a7a74;
    --blg-border-color: #332824;
    --blg-radius-img: 0px;
}

/* 12. FROST – full */
[data-theme='frost'] {
    --blg-bg-alt: #e1efff;
    --blg-text-main: #1a2a3a;
    --blg-text-muted: #5a708a;
    --blg-border-color: #d0e4ff;
    --blg-radius-img: 30px;
}

/* 13. NOIR – full */
[data-theme='noir'] {
    --blg-bg-alt: #080808;
    --blg-text-main: #ffffff;
    --blg-text-muted: #777777;
    --blg-border-color: #333333;
    --blg-radius-img: 0px;
}

/* 14. OBSIDIAN – full */
[data-theme='obsidian'] {
    --blg-bg-alt: #0d1117;
    --blg-text-main: #e6edf3;
    --blg-text-muted: #7d8590;
    --blg-border-color: #21262d;
    --blg-radius-img: 12px;
}
[data-theme='obsidian'] .blg-hero-title span,
[data-theme='obsidian'] .blg-hero-brief__title { color: #ffffff !important; }

/* 15. SAFFRON – full */
[data-theme='saffron'] {
    --blg-bg-alt: #f4ece1;
    --blg-text-main: #2c1810;
    --blg-text-muted: #8b5e3c;
    --blg-border-color: #e5d5c0;
    --blg-radius-img: 20px;
}

/* 16. SOLAR – full */
[data-theme='solar'] {
    --blg-bg-alt: #141f24;
    --blg-text-main: #ffffff;
    --blg-text-muted: #94a3b8;
    --blg-border-color: #1e293b;
    --blg-radius-img: 0px;
}

/* 17. VELVET – full */
[data-theme='velvet'] {
    --blg-bg-alt: #2d0a0a;
    --blg-text-main: #ffcccc;
    --blg-text-muted: #cc7777;
    --blg-border-color: #500000;
    --blg-radius-img: 0px;
}

/* Global utilities */
.blg-feed-nav { z-index: 10000 !important; }
.blg-smart-dropdown, .blg-dropdown-menu { z-index: 999999 !important; }
.blg-feed { position: relative; z-index: 10 !important; }
.blg-cover { z-index: 5 !important; }
.blg-layout { overflow: visible !important; }

/* ====================================================
   PREMIUM STYLE SWITCHER – DARK PANEL REDESIGN
   ==================================================== */
.tft-style-switcher {
    background: #111111 !important;
    border-radius: 16px 0 0 16px !important;
    box-shadow: -20px 0 80px rgba(0,0,0,0.4) !important;
    padding: 18px 12px !important;
    width: 230px !important;
}

.tft-style-switcher__toggle {
    background: #111111 !important;
    color: #ffffff !important;
    width: 46px !important;
    height: 46px !important;
    left: -46px !important;
    border-radius: 12px 0 0 12px !important;
}

.tft-style-switcher__header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 0 4px 14px !important;
    border-bottom: 1px solid rgba(255,255,255,0.08) !important;
    margin-bottom: 10px !important;
}

.tft-switcher-label {
    font-family: 'Inter', sans-serif !important;
    font-size: 0.7rem !important;
    font-weight: 900 !important;
    letter-spacing: 3px !important;
    color: #ffffff !important;
}

.tft-switcher-count {
    font-family: 'Space Mono', monospace !important;
    font-size: 0.55rem !important;
    color: rgba(255,255,255,0.3) !important;
}

.tft-style-switcher__grid {
    display: flex !important;
    flex-direction: column !important;
    gap: 3px !important;
    max-height: 72vh !important;
    overflow-y: auto !important;
    padding-right: 4px !important;
}

.tft-style-switcher__grid::-webkit-scrollbar { width: 3px; }
.tft-style-switcher__grid::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.1); border-radius: 10px; }

.tft-style-btn {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 9px 12px !important;
    background: rgba(255,255,255,0.04) !important;
    border: 1px solid rgba(255,255,255,0.06) !important;
    border-radius: 8px !important;
    cursor: pointer !important;
    transition: all 0.2s cubic-bezier(0.4,0,0.2,1) !important;
    width: 100% !important;
    text-align: left !important;
    color: rgba(255,255,255,0.7) !important;
}

.tft-style-btn:hover {
    background: rgba(255,255,255,0.1) !important;
    border-color: rgba(255,255,255,0.15) !important;
    color: #ffffff !important;
    transform: translateX(-2px) !important;
}

.tft-style-btn.is-active {
    background: rgba(255,255,255,0.12) !important;
    border-color: rgba(255,255,255,0.3) !important;
    color: #ffffff !important;
}

.tft-dot {
    width: 8px !important;
    height: 8px !important;
    border-radius: 50% !important;
    flex-shrink: 0 !important;
    display: inline-block !important;
    font-style: normal !important;
}

.tft-num {
    font-family: 'Space Mono', monospace !important;
    font-size: 0.55rem !important;
    color: rgba(255,255,255,0.25) !important;
    width: 20px !important;
    flex-shrink: 0 !important;
}

.tft-name {
    font-family: 'Inter', sans-serif !important;
    font-size: 0.78rem !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    flex: 1 !important;
}

.tft-style-btn:hover .tft-num,
.tft-style-btn.is-active .tft-num { color: rgba(255,255,255,0.5) !important; }

/* ====================================================
   GLOBAL DARK/LIGHT ALGORITHM
   Text colour must be readable on any skin bg
   ==================================================== */

/* DARK SKINS – force white text on cover */
[data-theme='cyber'] .blg-cover,
[data-theme='luxe'] .blg-cover,
[data-theme='noir'] .blg-cover,
[data-theme='obsidian'] .blg-cover,
[data-theme='velvet'] .blg-cover,
[data-theme='solar'] .blg-cover,
[data-theme='royal'] .blg-cover,
[data-theme='copper'] .blg-cover {
    color: #ffffff !important;
}
[data-theme='cyber'] .blg-cover *,
[data-theme='luxe'] .blg-cover *,
[data-theme='noir'] .blg-cover *,
[data-theme='obsidian'] .blg-cover *,
[data-theme='velvet'] .blg-cover *,
[data-theme='solar'] .blg-cover *,
[data-theme='royal'] .blg-cover *,
[data-theme='copper'] .blg-cover * {
    color: #ffffff !important;
}

/* LIGHT SKINS – force dark text on cover */
[data-theme='vogue'] .blg-cover *,
[data-theme='gazette'] .blg-cover *,
[data-theme='frost'] .blg-cover *,
[data-theme='saffron'] .blg-cover * {
    color: #111111 !important;
}

/* IMPACT ? LIGHT skin override */
[data-theme='athletic'] {
    --blg-bg-color: #f5f5f5 !important;
    --blg-bg-alt: #ebebeb !important;
    --blg-text-main: #000000 !important;
    --blg-text-muted: #333333 !important;
    --blg-cover-overlay: linear-gradient(to bottom, rgba(255,255,255,0.2) 0%, rgba(255,60,60,0.12) 50%, rgba(240,240,240,0.85) 100%) !important;
}
[data-theme='athletic'] .blg-cover * {
    color: #111111 !important;
}
[data-theme='athletic'] .blg-hero-main-title,
[data-theme='athletic'] .blg-title-mid { color: #000000 !important; text-shadow: none !important; }
[data-theme='athletic'] .blg-title-line3 { color: var(--blg-accent-color) !important; }

/* ZEN – bold readable hero */
[data-theme='zen'] .blg-cover * { color: #ffffff !important; }
[data-theme='zen'] {
    --blg-cover-overlay: linear-gradient(to bottom, rgba(26,36,33,0.5) 0%, rgba(61,90,69,0.2) 40%, rgba(15,25,20,0.9) 100%) !important;
}
[data-theme='zen'] .blg-hero-main-title {
    color: #ffffff !important;
    text-shadow: 0 4px 30px rgba(0,0,0,0.8) !important;
}

/* GAZETTE – 1500s Newspaper Torn-Paper */
[data-theme='gazette'] {
    --blg-bg-color: #e8dcc8 !important;
    --blg-bg-alt: #dfd3b8 !important;
    --blg-text-main: #1a1008 !important;
    --blg-text-muted: #5c4a2a !important;
    --blg-accent-color: #8b7355 !important;
    --blg-border-color: #c4b090 !important;
    --blg-font-heading: 'Abril Fatface', serif !important;
    --blg-font-body: 'Cormorant Garamond', serif !important;
    --blg-cover-overlay: linear-gradient(to bottom, rgba(30,20,10,0.55) 0%, rgba(30,20,10,0.1) 40%, rgba(30,20,10,0.75) 100%) !important;
}
[data-theme='gazette'] .blg-cover {
    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='400' height='400' filter='url(%23noise)' opacity='0.06'/%3E%3C/svg%3E") !important;
    background-size: 200px !important;
    filter: sepia(15%) !important;
}
[data-theme='gazette'] .blg-cover * { color: #ffffff !important; }
[data-theme='gazette'] .blg-hero-main-title {
    color: #ffffff !important;
    text-shadow: 2px 2px 0 rgba(0,0,0,0.9), 0 6px 30px rgba(0,0,0,0.8) !important;
    font-style: italic !important;
}
[data-theme='gazette'] .blg-brand-logo { color: #ffffff !important; }

/* MODERN (neo) – white logo + vibrant blue hero */
[data-theme='neo'] .blg-brand-logo,
[data-theme='neo'] .blg-brand-logo span,
[data-theme='neo'] .blg-brand-logo a { color: #ffffff !important; }
[data-theme='neo'] .blg-brand-logo img { filter: brightness(0) invert(1) !important; }
[data-theme='neo'] {
    --blg-cover-overlay: linear-gradient(to bottom, rgba(15,23,42,0.6) 0%, rgba(59,130,246,0.15) 50%, rgba(15,23,42,0.88) 100%) !important;
}
[data-theme='neo'] .blg-cover * { color: #ffffff !important; }
[data-theme='neo'] .blg-hero-main-title {
    text-shadow: 0 4px 40px rgba(59,130,246,0.5) !important;
}

/* ACID – lime areas = black text */
[data-theme='acid'] .blg-feed,
[data-theme='acid'] .blg-feed * { color: #ffffff !important; }
[data-theme='acid'] .blg-cover * { color: #ffffff !important; }
[data-theme='acid'] .blg-hero-main-title { color: #ffffff !important; text-shadow: 0 0 40px rgba(204,255,0,0.4) !important; }
[data-theme='acid'] .blg-title-line3 { color: #ccff00 !important; }

/* ====================================================
   SWITCHER: COMPACT HEIGHT + READABLE TEXT (OVERRIDE)
   ==================================================== */
.tft-style-switcher {
    height: auto !important;
    min-height: 0 !important;
    max-height: 80vh !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    top: 50% !important;
    transform: translateY(-50%) translateX(100%) !important;
}

.tft-style-switcher.is-open {
    transform: translateY(-50%) translateX(0) !important;
}

.tft-style-switcher__panel {
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
    height: auto !important;
    max-height: 75vh !important;
}

.tft-style-switcher__grid {
    overflow-y: auto !important;
    flex: 1 !important;
    height: auto !important;
    max-height: 65vh !important;
}

/* Bigger, readable text */
.tft-name {
    font-size: 0.9rem !important;
    font-weight: 900 !important;
    letter-spacing: 1.5px !important;
    color: rgba(255,255,255,0.9) !important;
}

.tft-num {
    font-size: 0.65rem !important;
    color: rgba(255,255,255,0.35) !important;
}

.tft-switcher-label {
    font-size: 0.8rem !important;
    letter-spacing: 3px !important;
}

.tft-style-btn {
    padding: 10px 14px !important;
    gap: 12px !important;
}

.tft-dot {
    width: 9px !important;
    height: 9px !important;
}

/* ====================================================
   SWITCHER TOGGLE FIX – Visible, Not Clipped
   ==================================================== */
.tft-style-switcher {
    overflow: visible !important;
}

.tft-style-switcher__panel {
    overflow: hidden !important;
    max-height: 75vh !important;
    display: flex !important;
    flex-direction: column !important;
}

.tft-style-switcher__toggle {
    position: absolute !important;
    left: -46px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 999999 !important;
    width: 46px !important;
    height: 46px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #111111 !important;
    color: #ffffff !important;
    cursor: pointer !important;
    border-radius: 12px 0 0 12px !important;
    box-shadow: -6px 0 20px rgba(0,0,0,0.4) !important;
}

/* DARK rename readability fix */
.tft-style-btn .tft-name {
    color: rgba(255,255,255,0.85) !important;
    font-size: 0.88rem !important;
    font-weight: 900 !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
}

.tft-style-btn:hover .tft-name,
.tft-style-btn.is-active .tft-name {
    color: #ffffff !important;
}

/* ====================================================
   GAZETTE SKIN – TORN NEWSPAPER TEXTURE (Pseudo)
   ==================================================== */
[data-theme='gazette'] .blg-cover {
    position: relative !important;
}

/* Grain/noise texture layer on top of cover image */
[data-theme='gazette'] .blg-cover::before {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 2 !important;
    pointer-events: none !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)' opacity='0.09'/%3E%3C/svg%3E") !important;
    background-size: 200px 200px !important;
    background-repeat: repeat !important;
    mix-blend-mode: multiply !important;
    opacity: 0.7 !important;
}

/* Aged sepia tint layer */
[data-theme='gazette'] .blg-cover::after {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 3 !important;
    pointer-events: none !important;
    background: linear-gradient(
        to bottom,
        rgba(40, 25, 8, 0.55) 0%,
        rgba(30, 18, 5, 0.1) 35%,
        rgba(20, 10, 0, 0.05) 60%,
        rgba(10, 5, 0, 0.8) 100%
    ) !important;
    /* Torn edge effect at bottom */
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 900'%3E%3Crect width='1200' height='880'/%3E%3Cpath d='M0,880 Q50,860 100,875 Q150,890 200,865 Q250,845 300,870 Q350,890 400,858 Q450,840 500,872 Q550,895 600,862 Q650,842 700,868 Q750,890 800,855 Q850,838 900,870 Q950,892 1000,858 Q1050,838 1100,865 Q1150,888 1200,860 L1200,900 L0,900Z' fill='white'/%3E%3C/svg%3E") !important;
    -webkit-mask-size: 100% 100% !important;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 900'%3E%3Crect width='1200' height='880'/%3E%3Cpath d='M0,880 Q50,860 100,875 Q150,890 200,865 Q250,845 300,870 Q350,890 400,858 Q450,840 500,872 Q550,895 600,862 Q650,842 700,868 Q750,890 800,855 Q850,838 900,870 Q950,892 1000,858 Q1050,838 1100,865 Q1150,888 1200,860 L1200,900 L0,900Z' fill='white'/%3E%3C/svg%3E") !important;
    mask-size: 100% 100% !important;
}

/* Make sure cover overlay and hero text sit above texture layers */
[data-theme='gazette'] .blg-cover-overlay,
[data-theme='gazette'] .blg-cover-center,
[data-theme='gazette'] .blg-cover-header,
[data-theme='gazette'] .blg-cover-footer {
    position: relative !important;
    z-index: 10 !important;
}

/* Aged parchment color filter on the entire cover section */
[data-theme='gazette'] .blg-cover img {
    filter: sepia(25%) contrast(0.9) brightness(0.85) !important;
}

/* Gazette hero title – old print style */
[data-theme='gazette'] .blg-hero-main-title {
    color: #ffffff !important;
    text-shadow: 1px 1px 0 rgba(0,0,0,0.9), 0 4px 24px rgba(0,0,0,0.85) !important;
    font-style: italic !important;
}

[data-theme='gazette'] .blg-title-line3 {
    color: #c4a97a !important;
}

/* ====================================================
   IMPACT SKIN – Bold Red Cover Overlay + White Text
   ==================================================== */
[data-theme='athletic'] {
    --blg-cover-overlay: linear-gradient(
        to bottom,
        rgba(180,10,10,0.45) 0%,
        rgba(20,0,0,0.25) 40%,
        rgba(0,0,0,0.82) 100%
    ) !important;
}

/* Cover section text = WHITE (dark red overlay provides contrast) */
[data-theme='athletic'] .blg-cover,
[data-theme='athletic'] .blg-cover * {
    color: #ffffff !important;
}

[data-theme='athletic'] .blg-hero-main-title {
    color: #ffffff !important;
    text-shadow: 0 4px 30px rgba(0,0,0,0.6) !important;
    font-weight: 900 !important;
}

/* Keep DAILY. accent in red */
[data-theme='athletic'] .blg-title-line3 {
    color: #ff3c3c !important;
}

/* Feed side stays light */
[data-theme='athletic'] .blg-feed {
    background-color: #f5f5f5 !important;
}
[data-theme='athletic'] .blg-feed * {
    color: #111111 !important;
}
[data-theme='athletic'] .blg-post-title,
[data-theme='athletic'] .blg-module-title {
    color: #000000 !important;
}

/* ====================================================
   SWITCHER HEADER – Dark bg, No White Flash
   ==================================================== */
.tft-style-switcher__header {
    background: #111111 !important;
    border-bottom: 1px solid rgba(255,255,255,0.08) !important;
    padding: 0 4px 12px !important;
    margin-bottom: 10px !important;
}

.tft-switcher-label {
    color: #ffffff !important;
    font-size: 0.78rem !important;
    font-weight: 900 !important;
    letter-spacing: 3px !important;
}

.tft-switcher-count {
    color: rgba(255,255,255,0.3) !important;
}

/* Ensure full panel is dark, no white bleed */
.tft-style-switcher,
.tft-style-switcher__panel {
    background: #111111 !important;
}

/* ====================================================
   SWITCHER – WHITE PANEL + FULL SKIN ISOLATION
   ==================================================== */

/* Override ANY skin from bleeding into the switcher */
#tft-front-switcher,
#tft-front-switcher * {
    color: #111111 !important;
    font-family: 'Inter', sans-serif !important;
    background-color: transparent !important;
}

/* White panel */
#tft-front-switcher.tft-style-switcher {
    background: #ffffff !important;
    box-shadow: -16px 0 60px rgba(0,0,0,0.12) !important;
}

#tft-front-switcher .tft-style-switcher__panel,
#tft-front-switcher .tft-style-switcher__header {
    background: #ffffff !important;
}

/* Header row */
#tft-front-switcher .tft-style-switcher__header {
    border-bottom: 1px solid rgba(0,0,0,0.08) !important;
    padding: 0 4px 12px !important;
    margin-bottom: 8px !important;
}

#tft-front-switcher .tft-switcher-label {
    color: #000000 !important;
    font-size: 0.75rem !important;
    font-weight: 900 !important;
    letter-spacing: 3px !important;
    text-transform: uppercase !important;
}

#tft-front-switcher .tft-switcher-count {
    color: rgba(0,0,0,0.3) !important;
    font-size: 0.55rem !important;
    font-family: 'Space Mono', monospace !important;
}

/* Skin buttons */
#tft-front-switcher .tft-style-btn {
    background: #f8f8f8 !important;
    border: 1px solid rgba(0,0,0,0.06) !important;
    color: #111111 !important;
}

#tft-front-switcher .tft-style-btn:hover {
    background: #000000 !important;
    border-color: #000000 !important;
    transform: translateX(-3px) !important;
}

#tft-front-switcher .tft-style-btn.is-active {
    background: #111111 !important;
    border-color: #111111 !important;
}

#tft-front-switcher .tft-num {
    color: rgba(0,0,0,0.25) !important;
    font-family: 'Space Mono', monospace !important;
    font-size: 0.6rem !important;
}

#tft-front-switcher .tft-name {
    color: #111111 !important;
    font-size: 0.88rem !important;
    font-weight: 800 !important;
    letter-spacing: 1.2px !important;
    text-transform: uppercase !important;
}

#tft-front-switcher .tft-style-btn:hover .tft-name,
#tft-front-switcher .tft-style-btn:hover .tft-num,
#tft-front-switcher .tft-style-btn.is-active .tft-name,
#tft-front-switcher .tft-style-btn.is-active .tft-num {
    color: #ffffff !important;
}

/* Toggle button stays dark always */
#tft-front-switcher .tft-style-switcher__toggle {
    background: #000000 !important;
    color: #ffffff !important;
}

/* ====================================================
   SPINNING TOGGLE ICON – Infinite Rotation
   ==================================================== */
@keyframes tft-spin {
    0%   { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.tft-spin-icon {
    display: block !important;
    width: 22px !important;
    height: 22px !important;
    border-radius: 50% !important;
    border: 2px solid rgba(255,255,255,0.2) !important;
    border-top-color: #ffffff !important;
    border-right-color: #ffffff !important;
    animation: tft-spin 1.4s linear infinite !important;
    flex-shrink: 0 !important;
    background: transparent !important;
}

/* Slow down on hover for a premium feel */
#tft-front-switcher .tft-style-switcher__toggle:hover .tft-spin-icon {
    animation-duration: 0.6s !important;
    border-top-color: #ff3c3c !important;
    border-right-color: #ff3c3c !important;
}

/* ====================================================
   GEAR ICON – Infinite Rotation (Settings/Config)
   ==================================================== */
@keyframes tft-gear-spin {
    from { transform: rotate(0deg); }
    to   { transform: rotate(360deg); }
}

.tft-gear-icon {
    animation: tft-gear-spin 4s linear infinite !important;
    display: block !important;
    flex-shrink: 0 !important;
    color: currentColor !important;
    background: transparent !important;
}

/* Speed up on hover */
#tft-front-switcher .tft-style-switcher__toggle:hover .tft-gear-icon {
    animation-duration: 1s !important;
}

/* ====================================================
   SWITCHER TOGGLE – LIGHT / WHITE SKIN
   ==================================================== */
#tft-front-switcher .tft-style-switcher__toggle {
    background: #ffffff !important;
    color: #111111 !important;
    box-shadow: -4px 0 20px rgba(0,0,0,0.12) !important;
    border-radius: 12px 0 0 12px !important;
}

#tft-front-switcher .tft-style-switcher__toggle:hover {
    background: #f0f0f0 !important;
    color: #000000 !important;
}

/* Remove old dark toggle overrides */
.tft-style-switcher__toggle {
    background: #ffffff !important;
    color: #111111 !important;
}

/* ====================================================
   DARK SKIN (noir) – Better Font Families
   ==================================================== */
[data-theme='noir'] {
    --blg-font-heading: 'Bebas Neue', cursive !important;
    --blg-font-body: 'DM Sans', sans-serif !important;
}

/* Force font families on noir hero */
[data-theme='noir'] .blg-hero-main-title,
[data-theme='noir'] .blg-hero-main-title span,
[data-theme='noir'] .blg-title-mid,
[data-theme='noir'] .blg-title-line3,
[data-theme='noir'] h1, [data-theme='noir'] h2,
[data-theme='noir'] h3, [data-theme='noir'] h4 {
    font-family: 'Bebas Neue', cursive !important;
    letter-spacing: 0.05em !important;
    color: #ffffff !important;
}

[data-theme='noir'] p,
[data-theme='noir'] .blg-post-excerpt,
[data-theme='noir'] .blg-hero-brief__label,
[data-theme='noir'] .blg-meta-slot__label {
    font-family: 'DM Sans', sans-serif !important;
    color: #cccccc !important;
}

/* DARK skin strong hero contrast */
[data-theme='noir'] .blg-cover * {
    color: #ffffff !important;
}

[data-theme='noir'] .blg-hero-main-title {
    text-shadow: 0 2px 20px rgba(255,255,255,0.05), 0 8px 40px rgba(0,0,0,0.95) !important;
}

[data-theme='noir'] .blg-title-line3 {
    color: #aaaaaa !important;
    font-style: italic !important;
}

/* ====================================================
   SWITCHER DOTS RESTORATION
   ==================================================== */
#tft-front-switcher .tft-dot {
    display: inline-block !important;
    width: 8px !important;
    height: 8px !important;
    border-radius: 50% !important;
    margin-right: 12px !important;
    flex-shrink: 0 !important;
    /* We must allow background-color for dots */
    background-color: inherit !important; 
}
/* Re-enable background-color specifically for dots since the global * reset kills it */
#tft-front-switcher .tft-style-btn .tft-dot {
    background-color: attr(style) !important; /* This won't work in CSS, we need to be more specific */
}

/* Fix: The global '*' reset was too aggressive. Let's exclude the dot. */
#tft-front-switcher *:not(.tft-dot) {
    background-color: transparent;
}

/* Redefine dot styles properly */
.tft-dot {
    width: 8px !important;
    height: 8px !important;
    border-radius: 50% !important;
    margin-right: 10px !important;
    display: inline-block !important;
}

/* ====================================================
   IMPACT SKIN (athletic) – High Contrast Adjustments
   ==================================================== */
[data-theme='athletic'] .blg-title-mid {
    background-color: #ff3c3c !important;
    color: #ffffff !important;
    padding: 0 10px !important;
    display: inline-block !important;
    margin: 5px 0 !important;
    box-shadow: 10px 0 0 #ff3c3c, -10px 0 0 #ff3c3c !important;
}

/* Footer readability for IMPACT */
[data-theme='athletic'] .blg-footer {
    background-color: #000000 !important;
}

[data-theme='athletic'] .blg-footer,
[data-theme='athletic'] .blg-footer * {
    color: #ffffff !important;
}

[data-theme='athletic'] .blg-footer__col-head,
[data-theme='athletic'] .blg-footer .widget-title {
    color: #ff3c3c !important;
}

[data-theme='athletic'] .blg-footer__nl-input {
    background: rgba(255,255,255,0.05) !important;
    border-color: rgba(255,255,255,0.1) !important;
    color: #ffffff !important;
}

/* ====================================================
   SIDE BADGE / TAB – Styling Consistency
   ==================================================== */
/* Target both a and div versions */
.blg-hero-side-tab,
.blg-side-badge-wrap .blg-hero-side-tab {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    background-color: var(--blg-accent-color, #c5a46d) !important;
    color: #ffffff !important;
    width: 42px !important;
    padding: 30px 0 !important;
    border-radius: 8px 0 0 8px !important;
    box-shadow: -5px 0 20px rgba(0, 0, 0, 0.15) !important;
    border: none !important;
    text-decoration: none !important;
    cursor: pointer !important;
}

/* Ensure vertical text */
.blg-hero-side-tab span {
    writing-mode: vertical-rl !important;
    text-orientation: mixed !important;
    text-transform: uppercase !important;
    font-family: 'Inter', sans-serif !important;
    font-weight: 800 !important;
    letter-spacing: 0.15em !important;
    font-size: 11px !important;
    margin-bottom: 15px !important;
    white-space: nowrap !important;
}

.blg-hero-side-tab svg {
    transform: rotate(90deg) !important;
}

/* ====================================================
   SIDE DRAWER – Padding Reduction
   ==================================================== */
#tft-sidebar-drawer .tft-sidebar__content {
    padding: 25px 20px !important; /* Reduced from 40px */
}

/* Also reduce widget margins in drawer */
#tft-sidebar-drawer .widget {
    margin-bottom: 35px !important;
}

/* ====================================================
   SWITCHER REFINED ISOLATION (Fixing Dots)
   ==================================================== */
/* Re-allow inline background colors for dots specifically */
#tft-front-switcher .tft-dot[style] {
    background-color: unset !important; /* Allow the inline 'background' property to work */
}

/* Ensure dots have dimensions */
#tft-front-switcher .tft-dot {
    width: 10px !important;
    height: 10px !important;
    border-radius: 50% !important;
    display: inline-block !important;
    margin-right: 12px !important;
    flex-shrink: 0 !important;
}

/* DARK skin (noir) text readability in switcher */
#tft-front-switcher .tft-style-btn[data-skin='noir'] .tft-dot {
    background: #ffffff !important;
    border: 1px solid #ddd !important;
}

/* ====================================================
   IMPACT SKIN (athletic) – Final Readability Polish
   ==================================================== */

/* Header Nav Buttons */
[data-theme='athletic'] .blg-nav-subscribe-btn {
    background-color: #000000 !important;
    color: #ffffff !important;
    border: 1px solid #ffffff !important;
}

[data-theme='athletic'] .blg-nav-icon-btn {
    color: #000000 !important;
}

/* If the header itself is dark (though screenshot shows white header with black box) */
[data-theme='athletic'] .blg-feed-nav {
    background-color: #ffffff !important;
    border-bottom: 1px solid #eeeeee !important;
}

/* Post Titles on imagery (Magazine Blocks) */
[data-theme='athletic'] .blg-mag-bold__title,
[data-theme='athletic'] .blg-mag-modern__title,
[data-theme='athletic'] .blg-mag-focus__title,
[data-theme='athletic'] .blg-hero-brief__title {
    color: #ffffff !important;
    text-shadow: 0 2px 10px rgba(0,0,0,0.5) !important;
}

/* The \"DESIGN IDEAS\" text from the screenshot */
[data-theme='athletic'] .blg-hero-main-title,
[data-theme='athletic'] .blg-hero-main-title * {
    color: #ffffff !important;
}

/* Ensure the red background on mid-title is very visible */
[data-theme='athletic'] .blg-title-mid {
    background-color: #ff3c3c !important;
    color: #ffffff !important;
    padding: 0 15px !important;
    box-shadow: 10px 0 0 #ff3c3c, -10px 0 0 #ff3c3c !important;
}

/* Footer again - scorched earth for readability */
[data-theme='athletic'] #blg-footer,
[data-theme='athletic'] .blg-footer,
[data-theme='athletic'] .blg-footer__inner,
[data-theme='athletic'] .blg-footer__widgets,
[data-theme='athletic'] .blg-footer__bottom {
    background-color: #000000 !important;
    color: #ffffff !important;
}

[data-theme='athletic'] .blg-footer a,
[data-theme='athletic'] .blg-footer p,
[data-theme='athletic'] .blg-footer span,
[data-theme='athletic'] .blg-footer div {
    color: #ffffff !important;
}

[data-theme='athletic'] .blg-footer .widget-title,
[data-theme='athletic'] .blg-footer h1,
[data-theme='athletic'] .blg-footer h2,
[data-theme='athletic'] .blg-footer h3,
[data-theme='athletic'] .blg-footer h4 {
    color: #ff3c3c !important; /* Accent Red for titles */
}

/* Sidebar Drawer Redesign for IMPACT */
[data-theme='athletic'] .tft-sidebar-drawer {
    background-color: #ffffff !important;
    color: #000000 !important;
}

[data-theme='athletic'] .tft-sidebar-drawer .widget-title {
    color: #ff3c3c !important;
}

/* Fix for the \"SUBSCRIBE\" button being a black box with black text in header */
[data-theme='athletic'] .blg-nav-subscribe-btn {
    background-color: #ff3c3c !important; /* Make it RED or BLACK but with WHITE text */
    color: #ffffff !important;
    border: none !important;
}

/* ====================================================
   FINAL STYLE SWITCHER DOTS PATCH
   ==================================================== */
#tft-front-switcher .tft-style-btn .tft-dot {
    background-color: unset !important;
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 10px !important;
    height: 10px !important;
}

/* ====================================================
   GLOBAL HERO MIDDLE-TITLE RED BAR styling
   ==================================================== */
.blg-title-mid {
    background-color: #ff3c3c !important; /* The \"Impact Red\" user loves */
    color: #ffffff !important;
    padding: 0 12px !important;
    display: inline !important; /* Use inline for proper line wrapping */
    box-decoration-break: clone !important;
    -webkit-box-decoration-break: clone !important;
    box-shadow: 8px 0 0 #ff3c3c, -8px 0 0 #ff3c3c !important;
    line-height: 1.8 !important; /* Ensure the bar has some height */
    position: relative !important;
    z-index: 1 !important;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    font-size: clamp(0.7rem, 2vw, 1.1rem) !important;
    letter-spacing: 0.1em !important;
}

/* Ensure the parent doesn't clip the box-shadow */
.blg-hero-main-title {
    overflow: visible !important;
}

/* Responsive adjustment: stack properly */
@media (max-width: 768px) {
    .blg-title-mid {
        display: inline-block !important; /* Stack better on small screens */
        margin: 15px 0 !important;
        line-height: 1.4 !important;
    }
}

/* ====================================================
   GLOBAL HERO MIDDLE-TITLE REFINEMENT
   ==================================================== */
.blg-title-mid {
    /* Use the skin's dynamic accent color instead of hardcoded red */
    background-color: var(--blg-accent-color, #ff3c3c) !important;
    color: #ffffff !important;
    padding: 0 15px !important;
    display: table !important; /* This allows it to stack but only be as wide as the text */
    margin: 15px 0 !important;
    box-decoration-break: clone !important;
    -webkit-box-decoration-break: clone !important;
    box-shadow: 10px 0 0 var(--blg-accent-color, #ff3c3c), -10px 0 0 var(--blg-accent-color, #ff3c3c) !important;
    line-height: 1.6 !important;
    position: relative !important;
    z-index: 1 !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    font-size: clamp(0.75rem, 1.5vw, 1rem) !important;
    letter-spacing: 0.2em !important;
}

/* Ensure THE PULSE and DAILY stack properly around the mid bar */
.blg-hero-main-title {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 10px !important;
}

.blg-title-line3 {
    display: block !important;
    margin-top: 5px !important;
}

/* Responsive: Ensure everything stays centered or aligned as per theme */
@media (max-width: 768px) {
    .blg-hero-main-title {
        align-items: center !important;
        text-align: center !important;
    }
    .blg-title-mid {
        margin-inline: auto !important;
    }
}

/* Color override for specific skins if they need a darker text on light accent */
[data-theme='zen'] .blg-title-mid,
[data-theme='luxe'] .blg-title-mid,
[data-theme='acid'] .blg-title-mid,
[data-theme='solar'] .blg-title-mid {
    color: #000000 !important;
}

/* ====================================================
   GAZETTE SKIN (gazette) – 1500s Grungy Newspaper
   ==================================================== */
[data-theme='gazette'] {
    --blg-bg-color: #fdfaf5 !important;
    --blg-bg-alt: #f2eee6 !important;
    --blg-text-main: #2b2b2b !important;
    --blg-text-muted: #5a5a5a !important;
    --blg-accent-color: #8b7355 !important;
    --blg-border-color: rgba(139, 115, 85, 0.15) !important;
    background-image: url('torn_paper_edge_1778623422464.png'), url('old_parchment_bg_1778623448779.png') !important;
    background-repeat: repeat-x, repeat !important;
    background-position: top center, top left !important;
    background-size: 100% 12px, 800px auto !important;
}

/* Grungy Typography for Gazette */
[data-theme='gazette'] h1, 
[data-theme='gazette'] h2, 
[data-theme='gazette'] h3, 
[data-theme='gazette'] h4, 
[data-theme='gazette'] h5, 
[data-theme='gazette'] h6 {
    font-family: 'Cormorant Garamond', serif !important;
    font-weight: 700 !important;
    letter-spacing: -0.02em !important;
    filter: sepia(0.2) contrast(1.1) !important; /* Grungy feel */
}

[data-theme='gazette'] .blg-hero-main-title {
    text-transform: none !important;
    font-style: italic !important;
}

/* Torn paper dividers for Gazette */
[data-theme='gazette'] hr,
[data-theme='gazette'] .blg-footer__sep,
[data-theme='gazette'] .blg-nav-links::after {
    height: 12px !important;
    background: url('torn_paper_edge_1778623422464.png') repeat-x !important;
    border: none !important;
    opacity: 0.6 !important;
}

/* ====================================================
   DARK SKIN (noir) – Contrast & Readability Fix
   ==================================================== */
[data-theme='noir'] {
    --blg-bg-color: #0a0a0a !important;
    --blg-bg-alt: #161616 !important;
    --blg-text-main: #eeeeee !important;
    --blg-text-muted: #aaaaaa !important;
    --blg-border-color: rgba(255,255,255,0.08) !important;
}

/* Ensure all meta and muted text is readable in NOIR */
[data-theme='noir'] .blg-post-meta,
[data-theme='noir'] .blg-footer__col-text,
[data-theme='noir'] .tft-profile-bio,
[data-theme='noir'] .textwidget,
[data-theme='noir'] .rss-date {
    color: #bbbbbb !important;
    opacity: 1 !important;
}

[data-theme='noir'] .blg-footer__hero-tagline {
    color: #ffffff !important;
}

/* Fix the header buttons in NOIR */
[data-theme='noir'] .blg-nav-icon-btn,
[data-theme='noir'] .blg-nav-subscribe-btn {
    color: #ffffff !important;
}

[data-theme='noir'] .blg-nav-subscribe-btn {
    border-color: rgba(255,255,255,0.2) !important;
}

/* High contrast for Noir category page */
[data-theme='noir'] .blg-cat-cover-title__main {
    color: var(--blg-accent-color, #ffffff) !important;
}

/* ====================================================
   SWITCHER DOTS - SCORCHED EARTH FIX
   ==================================================== */
/* We MUST exclude .tft-dot from the global transparent reset */
#tft-front-switcher .tft-style-btn .tft-dot {
    display: inline-block !important;
    width: 12px !important;
    height: 12px !important;
    border-radius: 50% !important;
    margin-right: 12px !important;
    flex-shrink: 0 !important;
    visibility: visible !important;
    opacity: 1 !important;
    /* This allows the inline 'background' attribute in HTML to work */
    background-color: unset !important; 
}

/* Ensure the parent button doesn't hide them */
.tft-style-btn {
    display: flex !important;
    align-items: center !important;
    padding-left: 15px !important;
}

/* ====================================================
   GAZETTE SKIN – Deep Grunge & Textures
   ==================================================== */
[data-theme='gazette'] .blg-hero-main-title {
    font-family: 'Cormorant Garamond', serif !important;
    text-transform: none !important;
    font-weight: 900 !important;
    font-size: clamp(3rem, 10vw, 8rem) !important;
    line-height: 0.85 !important;
    letter-spacing: -2px !important;
    color: #1a1a1a !important;
    text-shadow: 1px 1px 0 rgba(255,255,255,0.5) !important;
}

[data-theme='gazette'] .blg-title-mid {
    background-color: transparent !important;
    color: #1a1a1a !important;
    border-top: 2px solid #8b7355 !important;
    border-bottom: 2px solid #8b7355 !important;
    padding: 10px 0 !important;
    box-shadow: none !important;
    font-style: italic !important;
    margin-top: 20px !important;
}

/* Grungy grain overlay for Gazette */
[data-theme='gazette']::after {
    content: '' !important;
    position: fixed !important;
    inset: 0 !important;
    background-image: url('https://www.transparenttextures.com/patterns/p6.png') !important;
    opacity: 0.15 !important;
    pointer-events: none !important;
    z-index: 9999 !important;
}

/* Torn edges on images for Gazette */
[data-theme='gazette'] img {
    filter: sepia(0.2) contrast(1.1) !important;
}

/* ====================================================
   GAZETTE SKIN – Path Fix & Refinement
   ==================================================== */
[data-theme='gazette'] {
    background-image: url('assets/img/torn_paper_edge.png'), url('assets/img/old_parchment_bg.png') !important;
}

[data-theme='gazette'] hr,
[data-theme='gazette'] .blg-footer__sep {
    background: url('assets/img/torn_paper_edge.png') repeat-x !important;
}

/* NOIR Skin - More Contrast Fixes */
[data-theme='noir'] .blg-nav-link {
    color: #ffffff !important;
    opacity: 0.8 !important;
}

[data-theme='noir'] .blg-nav-link:hover {
    opacity: 1 !important;
    color: var(--blg-accent-color) !important;
}

[data-theme='noir'] .blg-mag-bold__content,
[data-theme='noir'] .blg-mag-modern__content {
    background: rgba(0,0,0,0.6) !important;
    backdrop-filter: blur(5px) !important;
}

/* ====================================================
   SWITCHER - SURGICAL REPAIR (Dots Visibility)
   ==================================================== */
/* 1. Remove the aggressive global reset if it exists or override it specifically */
#tft-front-switcher .tft-dot {
    all: unset !important; /* Reset everything for the dot */
    display: inline-block !important;
    width: 10px !important;
    height: 10px !important;
    border-radius: 50% !important;
    margin-right: 12px !important;
    flex-shrink: 0 !important;
    /* Force the inline style background to be the ONLY background */
    background-color: inherit !important; 
    border: 1px solid rgba(0,0,0,0.1) !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* 2. Fix the name and number colors specifically */
#tft-front-switcher .tft-name,
#tft-front-switcher .tft-num {
    color: #111111 !important;
    background: none !important;
}

/* 3. Active state fix (Ensure dots remain visible) */
#tft-front-switcher .tft-style-btn.is-active .tft-dot {
    border-color: #ffffff !important;
}

/* ====================================================
   SUBSCRIBE BUTTON HOVER FIX
   ==================================================== */
.blg-nav-subscribe-btn,
#blg-subscribe-trigger-nav,
#blg-subscribe-nav-link {
    transition: all 0.3s ease !important;
}

.blg-nav-subscribe-btn:hover,
#blg-subscribe-trigger-nav:hover,
#blg-subscribe-nav-link:hover {
    color: #ffffff !important;
    background-color: var(--blg-accent-color, #111) !important;
    opacity: 1 !important;
}

/* Ensure white text in dark skins specifically */
[data-theme='noir'] .blg-nav-subscribe-btn,
[data-theme='athletic'] .blg-nav-subscribe-btn,
[data-theme='obsidian'] .blg-nav-subscribe-btn {
    color: #ffffff !important;
}

/* Final, absolute fix for the dots */
#tft-front-switcher i.tft-dot[style] {
    background-color: transparent !important; /* This might seem counter-intuitive, but let's try allowing the inline 'background' to shine through */
    background-image: none !important;
}

/* Actually, the most reliable way to show the inline color is to NOT have any !important background-color on it */
/* But since I already added it, I must override it */
#tft-front-switcher .tft-style-btn i.tft-dot {
    background-color: unset !important;
    background-clip: padding-box !important;
}

/* ====================================================
   SWITCHER - BULLETPROOF COLOR DOTS
   ==================================================== */
/* Force individual colors for each dot to bypass any global resets */
#tft-front-switcher .tft-style-btn[data-skin='vogue'] .tft-dot { background-color: #c5a059 !important; }
#tft-front-switcher .tft-style-btn[data-skin='cyber'] .tft-dot { background-color: #ff0055 !important; }
#tft-front-switcher .tft-style-btn[data-skin='luxe'] .tft-dot { background-color: #f1c40f !important; }
#tft-front-switcher .tft-style-btn[data-skin='zen'] .tft-dot { background-color: #3d5a45 !important; }
#tft-front-switcher .tft-style-btn[data-skin='athletic'] .tft-dot { background-color: #ff3c3c !important; }
#tft-front-switcher .tft-style-btn[data-skin='gazette'] .tft-dot { background-color: #8b7355 !important; }
#tft-front-switcher .tft-style-btn[data-skin='neo'] .tft-dot { background-color: #3b82f6 !important; }
#tft-front-switcher .tft-style-btn[data-skin='acid'] .tft-dot { background-color: #ccff00 !important; }
#tft-front-switcher .tft-style-btn[data-skin='royal'] .tft-dot { background-color: #d4af37 !important; }
#tft-front-switcher .tft-style-btn[data-skin='copper'] .tft-dot { background-color: #b87333 !important; }
#tft-front-switcher .tft-style-btn[data-skin='frost'] .tft-dot { background-color: #0077ff !important; }
#tft-front-switcher .tft-style-btn[data-skin='noir'] .tft-dot { background-color: #ffffff !important; border: 1px solid #ddd !important; }
#tft-front-switcher .tft-style-btn[data-skin='obsidian'] .tft-dot { background-color: #00ffa3 !important; }
#tft-front-switcher .tft-style-btn[data-skin='saffron'] .tft-dot { background-color: #d97706 !important; }
#tft-front-switcher .tft-style-btn[data-skin='solar'] .tft-dot { background-color: #fbbf24 !important; }
#tft-front-switcher .tft-style-btn[data-skin='velvet'] .tft-dot { background-color: #ff3c3c !important; }

/* Ensure they are circles and visible */
#tft-front-switcher .tft-dot {
    display: inline-block !important;
    width: 14px !important;
    height: 14px !important;
    border-radius: 50% !important;
    margin-right: 12px !important;
    flex-shrink: 0 !important;
    visibility: visible !important;
    opacity: 1 !important;
    box-shadow: 0 0 0 2px rgba(0,0,0,0.05) !important;
}

/* ====================================================
   HOME 2 - MAGAZINE MODERN THUMBNAIL FIX
   ==================================================== */
.blg-mag-modern__thumb-wrap {
    width: 120px !important; /* Slightly larger */
    height: 120px !important;
    border: none !important; /* Remove the inner border */
    box-shadow: 0 0 0 4px var(--blg-accent-color, rgba(255,255,255,0.1)) !important; /* Thinner accent ring */
    margin-right: 15px !important;
}

.blg-mag-modern__thumb-wrap img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
}

/* Ensure the content aligns well with the larger thumb */
.blg-mag-modern {
    align-items: center !important;
    gap: 20px !important;
}

/* ====================================================
   EDITORIAL STUDIES - GLASS ARCHIVE RESTORATION
   ==================================================== */
.blg-glass-archive-card__blur {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    background: rgba(255, 255, 255, 0.05) !important;
    backdrop-filter: blur(15px) saturate(1.5) !important;
    -webkit-backdrop-filter: blur(15px) saturate(1.5) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    bottom: 0 !important;
    top: auto !important;
    height: 40% !important; /* Move to bottom like in screenshot */
}

.blg-glass-archive-card__content {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    justify-content: flex-end !important;
    padding: 30px !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
}

.blg-glass-archive-card__title,
.blg-glass-archive-card__title a {
    color: #ffffff !important;
    font-weight: 900 !important;
    text-shadow: 0 2px 10px rgba(0,0,0,0.3) !important;
    display: block !important;
    opacity: 1 !important;
}

.blg-glass-archive-card__meta {
    color: var(--blg-accent-color, #fff) !important;
    font-size: 0.6rem !important;
    letter-spacing: 3px !important;
    text-transform: uppercase !important;
    margin-bottom: 10px !important;
    display: block !important;
    opacity: 1 !important;
}

/* ====================================================
   SINGLE POST HERO - SCHEME-AWARE GRADIENT OVERLAY
   ==================================================== */
.tft-single-hero__overlay {
    background: linear-gradient(to bottom, 
        rgba(0,0,0,0.2) 0%, 
        rgba(0,0,0,0.1) 40%, 
        var(--blg-accent-color) 100%) !important;
    mix-blend-mode: multiply !important; /* Makes the gradient blend nicely with the image */
    opacity: 0.8 !important;
}

/* Force specific colors for different skins if needed, but var() should work */
[data-theme='cyber'] .tft-single-hero__overlay {
    background: linear-gradient(to bottom, transparent 0%, rgba(255, 0, 85, 0.4) 100%) !important;
}

/* ====================================================
   AUTHOR META - PERMANENT VISIBILITY
   ==================================================== */
.tft-single-hero__author-name {
    color: #ffffff !important;
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
    transform: none !important;
}

.tft-single-hero__author {
    opacity: 1 !important;
}

/* Ensure the 'admin' text in the author box is also visible */
.blg-author-box .blg-author-name {
    color: var(--blg-text-main) !important;
    opacity: 1 !important;
}

/* Additional Author Meta Visibility Fixes */
.blg-meta-author, 
.blg-meta-author a,
.blg-author-link {
    color: inherit !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* Fix for single post hero subtitle/author tagline visibility */
.tft-single-hero__author-tagline {
    color: rgba(255, 255, 255, 0.7) !important;
    opacity: 1 !important;
}

/* ====================================================
   ACID SKIN & HIGH-CONTRAST LEGIBILITY
   ==================================================== */
/* 1. Reset aggressive white-text forcing in ACID skin */
[data-theme='acid'] .blg-feed,
[data-theme='acid'] .blg-feed *,
[data-theme='acid'] .blg-cover,
[data-theme='acid'] .blg-cover * { 
    color: inherit !important; 
}

/* 2. Force Black Text on Neon/Light Accents (Critical for Legibility) */
[data-theme='acid'] .tft-single-hero__category,
[data-theme='acid'] .blg-nav-subscribe-btn,
[data-theme='acid'] .blg-nav-subscribe-btn:hover,
[data-theme='acid'] .blg-hero-brief__label,
[data-theme='acid'] .blg-brief-cta-link,
[data-theme='solar'] .tft-single-hero__category,
[data-theme='saffron'] .tft-single-hero__category {
    color: #000000 !important;
}

/* 3. Darkened Scheme-Aware Hero Gradients */
/* Creates a deep, high-contrast base for single post heroes using color-mix */
.tft-single-hero__overlay {
    background: linear-gradient(to bottom, 
        rgba(0,0,0,0.1) 0%, 
        rgba(0,0,0,0.3) 50%, 
        color-mix(in srgb, var(--blg-accent-color), #000 70%) 100%) !important;
    mix-blend-mode: normal !important; /* Changed from multiply to ensure the dark base is solid */
    opacity: 0.9 !important;
}

/* 4. White Author Box Text Correction */
/* Ensures text is black inside the white author info containers */
.blg-author-box,
.tft-author-box,
[class*='author-box'] {
    background: #ffffff !important;
    color: #111111 !important;
}

.blg-author-box *,
.tft-author-box *,
[class*='author-box'] * {
    color: #111111 !important;
}

/* 5. Author Meta Visibility (Hero Area) */
[data-theme='acid'] .tft-single-hero__author-name,
[data-theme='acid'] .tft-single-hero__author-tagline {
    color: #ffffff !important; /* Keep white on the dark hero background */
    text-shadow: 0 1px 4px rgba(0,0,0,0.5) !important;
}

/* Fix for the missing 'admin' in the specific author box from screenshot */
.blg-author-name, 
.tft-author__name {
    color: #000000 !important;
    font-weight: 800 !important;
    display: inline-block !important;
}

/* General ACID Contrast Rule for Accent Backgrounds */
[data-theme='acid'] [style*='background-color: var(--blg-accent-color)'],
[data-theme='acid'] [style*='background: var(--blg-accent-color)'],
[data-theme='acid'] .blg-accent-bg {
    color: #000000 !important;
}

/* Fix for the sticky/side badges */
[data-theme='acid'] .blg-read-now-badge,
[data-theme='acid'] .tft-side-badge {
    background-color: var(--blg-accent-color) !important;
    color: #000000 !important;
}

/* ====================================================
   BACK TO TOP - DARK SKIN CONTRAST
   ==================================================== */
[data-theme='dark'] .tft-back-to-top,
[data-theme='dark'] #tft-back-to-top {
    background: #ffffff !important;
    border: 1px solid rgba(0,0,0,0.1) !important;
}

[data-theme='dark'] .tft-back-to-top svg,
[data-theme='dark'] .tft-back-to-top i,
[data-theme='dark'] .tft-back-to-top__label,
[data-theme='dark'] #tft-back-to-top i {
    color: #000000 !important;
}

/* ====================================================
   HOME 2 WIDGET TITLE RESTORATION (FORCE VISIBILITY)
   ==================================================== */

/* Mosaic Grid & Horizontal Gallery Title Enforcements */
.blg-mc-card h3,
.blg-mc-card .blg-mc-card__title,
.blg-hg-card h4,
.blg-hg-card .blg-hg-title,
.blg-mc-card span,
.blg-hg-card span {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    transform: none !important;
    color: #ffffff !important; /* Titles on image overlays must be white */
    text-shadow: 0 2px 15px rgba(0,0,0,0.4) !important;
}

/* Force show the containers that wrap these titles */
.blg-mc-card > div[style*="position:absolute"],
.blg-hg-caption,
.blg-hg-card .blg-hg-caption {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    transform: translateY(0) !important; /* Cancel any hover-only transforms */
    pointer-events: auto !important;
}

/* Ensure glassmorphism is active on these restored captions */
.blg-hg-caption {
    background: rgba(0, 0, 0, 0.25) !important;
    backdrop-filter: blur(15px) saturate(150%) !important;
    -webkit-backdrop-filter: blur(15px) saturate(150%) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

/* Fix for the general post title invisibility in widgets */
.blg-post-title, 
.blg-widget-post-title {
    opacity: 1 !important;
    visibility: visible !important;
}

/* ====================================================
   BACK TO TOP - DARK SKIN - BLACK ICON FIX
   ==================================================== */
[data-theme='dark'] .tft-back-to-top,
[data-theme='dark'] #tft-back-to-top {
    background-color: #ffffff !important;
}

[data-theme='dark'] .tft-back-to-top svg,
[data-theme='dark'] #tft-back-to-top svg,
[data-theme='dark'] .tft-back-to-top__label {
    stroke: #000000 !important;
    color: #000000 !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* ====================================================
   HOME 2 WIDGETS - NUCLEAR TEXT RESTORATION
   ==================================================== */

/* 1. Mosaic Grid (Hot Places & Spaces) */
article.blg-mc-card > div[style*="position:absolute"] {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    transform: none !important;
    z-index: 50 !important;
}

article.blg-mc-card h3,
article.blg-mc-card span {
    color: #ffffff !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    transform: none !important;
}

/* 2. Horizontal Gallery (Carousel) */
div.blg-hg-card .blg-hg-caption {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    transform: none !important;
    background: rgba(0, 0, 0, 0.3) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    z-index: 50 !important;
}

div.blg-hg-card h4,
div.blg-hg-card span {
    color: #ffffff !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    transform: none !important;
}

/* Global sanity check for widget visibility */
.elementor-widget-blg-magazine-4col-mosaic *,
.elementor-widget-blg-horizontal-gallery * {
    visibility: visible !important;
}

/* ====================================================
   ULTRA-SPECIFIC WIDGET TITLE RESTORATION
   ==================================================== */

/* Force all absolute-positioned text overlays to be visible in Mosaic & Gallery */
.blg-mc-grid div[style*="position:absolute"],
.blg-hg-track div[style*="position:absolute"],
.blg-mc-card div[style*="position:absolute"],
.blg-hg-card div[style*="position:absolute"],
.blg-hg-caption {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    transform: none !important;
    z-index: 99 !important;
    pointer-events: auto !important;
}

/* Ensure headings inside these overlays are white and visible */
.blg-mc-grid h3,
.blg-mc-grid span,
.blg-hg-track h4,
.blg-hg-track span,
.blg-mc-card h3,
.blg-hg-card h4 {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    color: #ffffff !important;
    transform: none !important;
}

/* ====================================================
   RUNWAY SPOTLIGHT STACKING FIX
   ==================================================== */
.blg-editorial-t1, .blg-editorial-t2 {
    position: relative !important;
    display: block !important;
    line-height: 1 !important;
}

.blg-editorial-t2 {
    margin-top: 10px !important; /* Push it down so it doesn't overlap T1 */
    z-index: 1 !important;
}

/* ====================================================
   DARK SKIN - BACK TO TOP ICON FIX
   ==================================================== */
[data-theme='dark'] .tft-back-to-top svg,
[data-theme='dark'] #tft-back-to-top svg {
    stroke: #000000 !important;
    fill: none !important;
}

/* ====================================================
   ACID SKIN - FINAL CONTRAST POLISH
   ==================================================== */
[data-theme='acid'] .tft-single-hero__category,
[data-theme='acid'] .blg-nav-subscribe-btn {
    color: #000000 !important;
    background-color: var(--blg-accent-color) !important;
}

/* Darken the overlay even more for ACID to ensure white text pops */
[data-theme='acid'] .tft-single-hero__overlay {
    background: linear-gradient(to bottom, 
        rgba(0,0,0,0.1) 0%, 
        rgba(0,0,0,0.5) 50%, 
        #000000 100%) !important;
    opacity: 0.95 !important;
}

/* ====================================================
   1. MOSAIC HIGHLIGHT WIDGET — PREMIUM HOVER EFFECTS
   ==================================================== */

/* Base transition for all grid cells */
.blg-mh-grid > div {
    transition: box-shadow 0.5s cubic-bezier(0.19,1,0.22,1),
                transform 0.5s cubic-bezier(0.19,1,0.22,1);
    overflow: hidden;
}

/* Image zoom + dim on hover */
.blg-mh-grid > div .blg-mh-img,
.blg-mh-grid > div img {
    transition: transform 0.9s cubic-bezier(0.19,1,0.22,1),
                filter 0.8s ease !important;
    will-change: transform;
}

.blg-mh-grid > div:hover img,
.blg-mh-grid > div:hover .blg-mh-img {
    transform: scale(1.07) !important;
    filter: brightness(0.82) !important;
}

/* Card lift + deeper shadow */
.blg-mh-grid > div:hover {
    box-shadow: 0 30px 70px rgba(0,0,0,0.18) !important;
    transform: translateY(-3px);
}

/* The big overlay text card (Robotics Divide) - overlay darkens */
.blg-mh-grid > div > div[style*="align-items:center"] {
    transition: background 0.5s ease;
}

.blg-mh-grid > div:hover > div[style*="align-items:center"] {
    background: rgba(0,0,0,0.6) !important;
}

/* Title inside the image-overlay darkens: accent underline sweep */
.blg-mh-grid > div > div[style*="align-items:center"] h3 {
    transition: letter-spacing 0.4s ease, transform 0.4s ease;
}

.blg-mh-grid > div:hover > div[style*="align-items:center"] h3 {
    letter-spacing: -1px !important;
    transform: scale(1.02);
}

/* Text feature card (Design Ideas) — highlight accent on hover */
.blg-mh-grid > div[style*="flex-direction:column"]:hover,
.blg-mh-grid > div[style*="flex-direction: column"]:hover {
    background: var(--blg-bg-alt, var(--blg-bg-color)) !important;
    box-shadow: inset 3px 0 0 var(--blg-accent-color), 0 20px 50px rgba(0,0,0,0.08) !important;
}

.blg-mh-grid > div[style*="flex-direction"] a {
    transition: color 0.3s ease;
}

.blg-mh-grid > div[style*="flex-direction"]:hover h5 a {
    color: var(--blg-accent-color) !important;
}

.blg-mh-grid > div[style*="flex-direction"] span[style*="accent-color"] {
    transition: letter-spacing 0.3s ease;
}

.blg-mh-grid > div[style*="flex-direction"]:hover span[style*="accent-color"] {
    letter-spacing: 3px !important;
}

/* Border accent highlight on all cells */
.blg-mh-grid > div {
    border-color: var(--blg-border-color) !important;
    transition: border-color 0.4s ease,
                box-shadow 0.5s cubic-bezier(0.19,1,0.22,1),
                transform 0.5s cubic-bezier(0.19,1,0.22,1);
}

.blg-mh-grid > div:hover {
    border-color: var(--blg-accent-color) !important;
}

/* ====================================================
   2. HERO TITLE TEXT-SHADOW — REDUCE BY 75%
   ==================================================== */
.blg-hero-main-title {
    text-shadow: 0 2.5px 10px rgba(0, 0, 0, 0.075) !important;
}

/* ====================================================
   3. CYBER SKIN — SINGLE POST HERO IMPROVEMENTS
   ==================================================== */

/* 3a. Better font for CYBER hero - replace Space Grotesk with Inter for readability */
[data-theme='cyber'] .tft-single-hero__title,
[data-theme='cyber'] .tft-single-hero h1,
[data-theme='cyber'] .tft-single-hero h2,
[data-theme='cyber'] .blg-hero-main-title {
    font-family: 'Inter', sans-serif !important;
    font-weight: 900 !important;
    letter-spacing: -2px !important;
    text-shadow: 0 4px 30px rgba(0, 0, 0, 0.6) !important;
}

/* 3b. Much darker overlay for CYBER single post hero */
[data-theme='cyber'] .tft-single-hero__overlay {
    background: linear-gradient(
        to bottom,
        rgba(0,0,0,0.25) 0%,
        rgba(0,0,0,0.55) 40%,
        rgba(0,0,0,0.88) 100%
    ) !important;
    mix-blend-mode: normal !important;
    opacity: 1 !important;
}

/* 3c. Ensure white text in CYBER hero regardless of accent */
[data-theme='cyber'] .tft-single-hero__title,
[data-theme='cyber'] .tft-single-hero h1,
[data-theme='cyber'] .tft-single-hero .blg-hero-main-title,
[data-theme='cyber'] .tft-single-hero__category {
    color: #ffffff !important;
}

[data-theme='cyber'] .tft-single-hero__category {
    background-color: var(--blg-accent-color) !important;
    color: #ffffff !important;
}

/* ====================================================
   4. EXTENDED META BAR — DARK BG FOR CYBER (& ALL DARK SKINS)
   ==================================================== */
[data-theme='cyber'] .blg-extended-meta,
[data-theme='dark'] .blg-extended-meta,
[data-theme='obsidian'] .blg-extended-meta,
[data-theme='noir'] .blg-extended-meta {
    background: rgba(10, 10, 15, 0.92) !important;
    border-color: rgba(255,255,255,0.08) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
}

[data-theme='cyber'] .blg-extended-meta *,
[data-theme='dark'] .blg-extended-meta *,
[data-theme='obsidian'] .blg-extended-meta *,
[data-theme='noir'] .blg-extended-meta * {
    color: #ffffff !important;
}

[data-theme='cyber'] .blg-extended-meta .blg-meta-item-label,
[data-theme='dark'] .blg-extended-meta .blg-meta-item-label,
[data-theme='obsidian'] .blg-extended-meta .blg-meta-item-label,
[data-theme='noir'] .blg-extended-meta .blg-meta-item-label {
    color: var(--blg-accent-color) !important;
    opacity: 1 !important;
}

[data-theme='cyber'] .blg-meta-divider {
    background: rgba(255,255,255,0.15) !important;
}

/* ====================================================
   EXTENDED META BAR — DARK BG FOR ALL DARK SKINS
   ==================================================== */
[data-theme='cyber'] .blg-extended-meta,
[data-theme='luxe'] .blg-extended-meta,
[data-theme='athletic'] .blg-extended-meta,
[data-theme='acid'] .blg-extended-meta,
[data-theme='royal'] .blg-extended-meta,
[data-theme='copper'] .blg-extended-meta,
[data-theme='noir'] .blg-extended-meta,
[data-theme='obsidian'] .blg-extended-meta,
[data-theme='solar'] .blg-extended-meta,
[data-theme='velvet'] .blg-extended-meta,
[data-theme='neo'] .blg-extended-meta,
[data-theme='mono'] .blg-extended-meta,
[data-theme='dark'] .blg-extended-meta {
    background: rgba(8, 8, 12, 0.92) !important;
    border-color: rgba(255,255,255,0.07) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
}

[data-theme='cyber'] .blg-extended-meta *,
[data-theme='luxe'] .blg-extended-meta *,
[data-theme='athletic'] .blg-extended-meta *,
[data-theme='acid'] .blg-extended-meta *,
[data-theme='royal'] .blg-extended-meta *,
[data-theme='copper'] .blg-extended-meta *,
[data-theme='noir'] .blg-extended-meta *,
[data-theme='obsidian'] .blg-extended-meta *,
[data-theme='solar'] .blg-extended-meta *,
[data-theme='velvet'] .blg-extended-meta *,
[data-theme='neo'] .blg-extended-meta *,
[data-theme='mono'] .blg-extended-meta *,
[data-theme='dark'] .blg-extended-meta * {
    color: rgba(255,255,255,0.9) !important;
}

/* Accent-colored labels in each dark skin */
[data-theme='cyber'] .blg-extended-meta .blg-meta-item-label,
[data-theme='luxe'] .blg-extended-meta .blg-meta-item-label,
[data-theme='athletic'] .blg-extended-meta .blg-meta-item-label,
[data-theme='acid'] .blg-extended-meta .blg-meta-item-label,
[data-theme='royal'] .blg-extended-meta .blg-meta-item-label,
[data-theme='copper'] .blg-extended-meta .blg-meta-item-label,
[data-theme='noir'] .blg-extended-meta .blg-meta-item-label,
[data-theme='obsidian'] .blg-extended-meta .blg-meta-item-label,
[data-theme='solar'] .blg-extended-meta .blg-meta-item-label,
[data-theme='velvet'] .blg-extended-meta .blg-meta-item-label,
[data-theme='neo'] .blg-extended-meta .blg-meta-item-label,
[data-theme='mono'] .blg-extended-meta .blg-meta-item-label,
[data-theme='dark'] .blg-extended-meta .blg-meta-item-label {
    color: var(--blg-accent-color) !important;
    opacity: 1 !important;
}

/* Divider line */
[data-theme='cyber'] .blg-meta-divider,
[data-theme='luxe'] .blg-meta-divider,
[data-theme='athletic'] .blg-meta-divider,
[data-theme='acid'] .blg-meta-divider,
[data-theme='royal'] .blg-meta-divider,
[data-theme='copper'] .blg-meta-divider,
[data-theme='noir'] .blg-meta-divider,
[data-theme='obsidian'] .blg-meta-divider,
[data-theme='solar'] .blg-meta-divider,
[data-theme='velvet'] .blg-meta-divider,
[data-theme='neo'] .blg-meta-divider,
[data-theme='mono'] .blg-meta-divider,
[data-theme='dark'] .blg-meta-divider {
    background: rgba(255,255,255,0.12) !important;
}

/* ====================================================
   FEATURED POST WIDGET — OVERLAY & HOVER SYSTEM
   ==================================================== */

/* Base image transition */
.blg-featured-post-widget.blg-fp-style-overlay a img {
    transition: transform 1s cubic-bezier(0.19,1,0.22,1),
                filter 0.8s ease !important;
    will-change: transform;
}

.blg-featured-post-widget.blg-fp-style-overlay a:hover img {
    transform: scale(1.06) !important;
    filter: brightness(0.75) !important;
}

/* Content slide-up on hover */
.blg-featured-post-widget.blg-fp-style-overlay a > div[style*="inset-block-end"] {
    transition: transform 0.6s cubic-bezier(0.19,1,0.22,1),
                opacity 0.4s ease !important;
    transform: translateY(10px);
    opacity: 0.92;
}

.blg-featured-post-widget.blg-fp-style-overlay a:hover > div[style*="inset-block-end"] {
    transform: translateY(0) !important;
    opacity: 1 !important;
}

/* Title underline accent sweep */
.blg-featured-post-widget .blg-fp-title {
    background-image: linear-gradient(var(--blg-accent-color), var(--blg-accent-color));
    background-size: 0% 3px;
    background-repeat: no-repeat;
    background-position: 0 100%;
    padding-block-end: 4px;
    transition: background-size 0.5s cubic-bezier(0.19,1,0.22,1) !important;
    text-shadow: 0 2px 20px rgba(0,0,0,0.6) !important;
}

.blg-featured-post-widget.blg-fp-style-overlay a:hover .blg-fp-title {
    background-size: 50% 3px !important;
}

/* Category label spacing breath */
.blg-featured-post-widget.blg-fp-style-overlay span[style*="accent-color"] {
    transition: letter-spacing 0.4s ease;
}

.blg-featured-post-widget.blg-fp-style-overlay a:hover span[style*="accent-color"] {
    letter-spacing: 5px !important;
}

/* ====================================================
   IMPACT SKIN — RUNWAY SPOTLIGHT STRONGER OVERLAY
   ==================================================== */

/* Force a much darker dual-layer gradient over the bright image */
[data-theme='impact'] .blg-featured-post-widget.blg-fp-style-overlay a > div[style*="inset-block:0"],
[data-theme='impact'] .blg-fp-style-overlay a > div[style*="inset-block:0"] {
    background: linear-gradient(
        to top,
        rgba(0,0,0,0.95) 0%,
        rgba(0,0,0,0.60) 40%,
        rgba(0,0,0,0.25) 70%,
        rgba(0,0,0,0.10) 100%
    ) !important;
}

/* Also add a top-to-bottom dim for the upper bright area */
[data-theme='impact'] .blg-featured-post-widget.blg-fp-style-overlay a::before {
    content: '';
    position: absolute;
    inset-block: 0;
    inset-inline: 0;
    background: linear-gradient(to bottom, rgba(0,0,0,0.3) 0%, transparent 50%);
    z-index: 1;
    pointer-events: none;
}

/* Force text to pure white with strong shadow */
[data-theme='impact'] .blg-featured-post-widget .blg-fp-title,
[data-theme='impact'] .blg-featured-post-widget a > div[style*="inset-block-end"] *  {
    color: #ffffff !important;
    text-shadow: 0 2px 15px rgba(0,0,0,0.8) !important;
}

/* Also apply for any other skin with a bright photo — general improvement */
.blg-featured-post-widget.blg-fp-style-overlay a > div[style*="inset-block:0"] {
    background: linear-gradient(
        to top,
        rgba(0,0,0,0.90) 0%,
        rgba(0,0,0,0.50) 45%,
        rgba(0,0,0,0.05) 100%
    ) !important;
}

/* Section header link hover */
.blg-featured-header .blg-section-link {
    transition: color 0.3s ease, letter-spacing 0.3s ease;
}

.blg-featured-header .blg-section-link:hover {
    color: var(--blg-accent-color) !important;
    letter-spacing: 2px !important;
}

/* ====================================================
   IMPACT SKIN — FEATURED POST: FORCE WHITE TEXT
   ==================================================== */
[data-theme='impact'] .blg-featured-post-widget .blg-fp-title,
[data-theme='impact'] .blg-featured-post-widget h2,
[data-theme='impact'] .blg-featured-post-widget h3,
[data-theme='impact'] .blg-fp-style-overlay a div span,
[data-theme='impact'] .blg-fp-style-overlay a div div,
[data-theme='impact'] .blg-fp-style-overlay * {
    color: #ffffff !important;
}

/* ====================================================
   ATHLETIC (IMPACT) SKIN — FEATURED POST WHITE TEXT
   ====================================================
   NOTE: The IMPACT skin uses data-theme='athletic'
   ==================================================== */
[data-theme='athletic'] .blg-featured-post-widget .blg-fp-title,
[data-theme='athletic'] .blg-featured-post-widget h2.blg-fp-title,
[data-theme='athletic'] .blg-fp-style-overlay *,
[data-theme='athletic'] .blg-featured-post-widget a > div span,
[data-theme='athletic'] .blg-featured-post-widget a > div div,
[data-theme='athletic'] .blg-featured-post-widget a > div h2 {
    color: #ffffff !important;
    text-shadow: 0 2px 12px rgba(0,0,0,0.7) !important;
}

/* ATHLETIC (IMPACT) skin was missing from extended meta dark bg fix */
[data-theme='athletic'] .blg-extended-meta {
    background: rgba(8, 8, 12, 0.92) !important;
    border-color: rgba(255,255,255,0.07) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
}
[data-theme='athletic'] .blg-extended-meta * {
    color: rgba(255,255,255,0.9) !important;
}
[data-theme='athletic'] .blg-extended-meta .blg-meta-item-label {
    color: var(--blg-accent-color) !important;
    opacity: 1 !important;
}
[data-theme='athletic'] .blg-meta-divider {
    background: rgba(255,255,255,0.12) !important;
}

/* ====================================================
   ZEN SKIN — COMPLETE HERO READABILITY OVERHAUL
   ==================================================== */

/* 1. Deeper, richer cover overlay — current one is too light */
[data-theme='zen'] {
    --blg-cover-overlay: linear-gradient(
        to bottom,
        rgba(15,25,18,0.55) 0%,
        rgba(15,25,18,0.30) 35%,
        rgba(15,25,18,0.85) 75%,
        rgba(10,18,13,0.97) 100%
    ) !important;
}

/* 2. Force ALL cover text to pure white */
[data-theme='zen'] .blg-cover,
[data-theme='zen'] .blg-cover *:not(.blg-title-mid) {
    color: #ffffff !important;
}

/* 3. THE PULSE / Main title — crisp white, strong shadow */
[data-theme='zen'] .blg-hero-main-title {
    color: #ffffff !important;
    text-shadow: 0 3px 25px rgba(0,0,0,0.75) !important;
}

/* 4. "OF WHAT MATTERS" bar — dark forest green bg, white text */
[data-theme='zen'] .blg-title-mid {
    background-color: #2a3d2f !important;
    color: #ffffff !important;
    box-shadow: 10px 0 0 #2a3d2f, -10px 0 0 #2a3d2f !important;
    text-shadow: none !important;
}

/* 5. "DAILY." — accent but lighter, legible version */
[data-theme='zen'] .blg-title-line3 {
    color: #a8c5b0 !important; /* Lighter sage green — readable on dark overlay */
    text-shadow: 0 2px 20px rgba(0,0,0,0.6) !important;
    opacity: 1 !important;
}

/* 6. Hero briefs (bottom post cards) — solid readable white */
[data-theme='zen'] .blg-hero-brief__title,
[data-theme='zen'] .blg-hero-brief h4,
[data-theme='zen'] .blg-hero-brief h3 {
    color: #ffffff !important;
    text-shadow: 0 2px 12px rgba(0,0,0,0.6) !important;
}

[data-theme='zen'] .blg-hero-brief__label,
[data-theme='zen'] .blg-hero-brief span {
    color: #a8c5b0 !important; /* sage accent for labels */
    opacity: 1 !important;
}

/* 7. Hero briefs — hover contrast fix */
[data-theme='zen'] .blg-hero-brief {
    transition: background 0.4s ease, transform 0.4s cubic-bezier(0.19,1,0.22,1) !important;
    border-color: rgba(168,197,176,0.2) !important;
}

[data-theme='zen'] .blg-hero-brief:hover {
    background: rgba(42,61,47,0.55) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    transform: translateY(-6px) !important;
    border-color: rgba(168,197,176,0.5) !important;
}

[data-theme='zen'] .blg-hero-brief:hover .blg-hero-brief__title,
[data-theme='zen'] .blg-hero-brief:hover h4,
[data-theme='zen'] .blg-hero-brief:hover h3 {
    color: #ffffff !important;
}

/* 8. Hero sidebar articles readability */
[data-theme='zen'] .blg-hero-sidebar article h4 {
    color: #ffffff !important;
    text-shadow: 0 2px 10px rgba(0,0,0,0.5) !important;
}

[data-theme='zen'] .blg-hero-sidebar article:hover h4 {
    color: #a8c5b0 !important;
}

/* 9. Edition label / date text */
[data-theme='zen'] .blg-edition-text-wrap,
[data-theme='zen'] .blg-cover-meta,
[data-theme='zen'] .blg-cover-meta * {
    color: rgba(255,255,255,0.75) !important;
}

/* 10. "PERSPECTIVE / 04" style labels */
[data-theme='zen'] .blg-hero-brief__num,
[data-theme='zen'] [class*="perspective"],
[data-theme='zen'] .blg-hero-brief__index {
    color: #a8c5b0 !important;
    opacity: 1 !important;
}

/* ====================================================
   ZEN SKIN — BRIEF HOVER: GRADIENT FADE INSTEAD OF SOLID BG
   ==================================================== */
[data-theme='zen'] .blg-hero-brief:hover {
    background: linear-gradient(
        to top,
        rgba(26,42,31,0.88) 0%,
        rgba(26,42,31,0.45) 55%,
        transparent 100%
    ) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border-color: transparent !important;
}

/* ====================================================
   AUTHOR BOX — WHITE TEXT FOR ALL DARK SKINS
   ==================================================== */
[data-theme='cyber'] .blg-author-box,
[data-theme='luxe'] .blg-author-box,
[data-theme='athletic'] .blg-author-box,
[data-theme='acid'] .blg-author-box,
[data-theme='royal'] .blg-author-box,
[data-theme='copper'] .blg-author-box,
[data-theme='noir'] .blg-author-box,
[data-theme='obsidian'] .blg-author-box,
[data-theme='solar'] .blg-author-box,
[data-theme='velvet'] .blg-author-box,
[data-theme='neo'] .blg-author-box,
[data-theme='mono'] .blg-author-box,
[data-theme='dark'] .blg-author-box {
    background: rgba(255,255,255,0.04) !important;
    border-color: rgba(255,255,255,0.08) !important;
}

[data-theme='cyber'] .blg-author-box .blg-author-name,
[data-theme='cyber'] .blg-author-box .blg-author-name a,
[data-theme='cyber'] .blg-author-box .blg-author-bio,
[data-theme='cyber'] .blg-author-box .blg-author-label,
[data-theme='cyber'] .blg-author-box .blg-author-count,
[data-theme='luxe'] .blg-author-box .blg-author-name,
[data-theme='luxe'] .blg-author-box .blg-author-name a,
[data-theme='luxe'] .blg-author-box .blg-author-bio,
[data-theme='luxe'] .blg-author-box .blg-author-label,
[data-theme='luxe'] .blg-author-box .blg-author-count,
[data-theme='athletic'] .blg-author-box .blg-author-name,
[data-theme='athletic'] .blg-author-box .blg-author-name a,
[data-theme='athletic'] .blg-author-box .blg-author-bio,
[data-theme='athletic'] .blg-author-box .blg-author-label,
[data-theme='athletic'] .blg-author-box .blg-author-count,
[data-theme='acid'] .blg-author-box .blg-author-name,
[data-theme='acid'] .blg-author-box .blg-author-name a,
[data-theme='acid'] .blg-author-box .blg-author-bio,
[data-theme='acid'] .blg-author-box .blg-author-label,
[data-theme='acid'] .blg-author-box .blg-author-count,
[data-theme='royal'] .blg-author-box .blg-author-name,
[data-theme='royal'] .blg-author-box .blg-author-name a,
[data-theme='royal'] .blg-author-box .blg-author-bio,
[data-theme='royal'] .blg-author-box .blg-author-label,
[data-theme='royal'] .blg-author-box .blg-author-count,
[data-theme='copper'] .blg-author-box .blg-author-name,
[data-theme='copper'] .blg-author-box .blg-author-name a,
[data-theme='copper'] .blg-author-box .blg-author-bio,
[data-theme='copper'] .blg-author-box .blg-author-label,
[data-theme='copper'] .blg-author-box .blg-author-count,
[data-theme='noir'] .blg-author-box .blg-author-name,
[data-theme='noir'] .blg-author-box .blg-author-name a,
[data-theme='noir'] .blg-author-box .blg-author-bio,
[data-theme='noir'] .blg-author-box .blg-author-label,
[data-theme='noir'] .blg-author-box .blg-author-count,
[data-theme='obsidian'] .blg-author-box .blg-author-name,
[data-theme='obsidian'] .blg-author-box .blg-author-name a,
[data-theme='obsidian'] .blg-author-box .blg-author-bio,
[data-theme='obsidian'] .blg-author-box .blg-author-label,
[data-theme='obsidian'] .blg-author-box .blg-author-count,
[data-theme='solar'] .blg-author-box .blg-author-name,
[data-theme='solar'] .blg-author-box .blg-author-name a,
[data-theme='solar'] .blg-author-box .blg-author-bio,
[data-theme='solar'] .blg-author-box .blg-author-label,
[data-theme='solar'] .blg-author-box .blg-author-count,
[data-theme='velvet'] .blg-author-box .blg-author-name,
[data-theme='velvet'] .blg-author-box .blg-author-name a,
[data-theme='velvet'] .blg-author-box .blg-author-bio,
[data-theme='velvet'] .blg-author-box .blg-author-label,
[data-theme='velvet'] .blg-author-box .blg-author-count,
[data-theme='neo'] .blg-author-box .blg-author-name,
[data-theme='neo'] .blg-author-box .blg-author-name a,
[data-theme='neo'] .blg-author-box .blg-author-bio,
[data-theme='neo'] .blg-author-box .blg-author-label,
[data-theme='neo'] .blg-author-box .blg-author-count,
[data-theme='mono'] .blg-author-box .blg-author-name,
[data-theme='mono'] .blg-author-box .blg-author-name a,
[data-theme='mono'] .blg-author-box .blg-author-bio,
[data-theme='mono'] .blg-author-box .blg-author-label,
[data-theme='mono'] .blg-author-box .blg-author-count,
[data-theme='dark'] .blg-author-box .blg-author-name,
[data-theme='dark'] .blg-author-box .blg-author-name a,
[data-theme='dark'] .blg-author-box .blg-author-bio,
[data-theme='dark'] .blg-author-box .blg-author-label,
[data-theme='dark'] .blg-author-box .blg-author-count {
    color: #ffffff !important;
}

/* Labels slightly dimmed, accent-colored CTA */
[data-theme='cyber'] .blg-author-box .blg-author-label,
[data-theme='luxe'] .blg-author-box .blg-author-label,
[data-theme='athletic'] .blg-author-box .blg-author-label,
[data-theme='acid'] .blg-author-box .blg-author-label,
[data-theme='royal'] .blg-author-box .blg-author-label,
[data-theme='copper'] .blg-author-box .blg-author-label,
[data-theme='noir'] .blg-author-box .blg-author-label,
[data-theme='obsidian'] .blg-author-box .blg-author-label,
[data-theme='solar'] .blg-author-box .blg-author-label,
[data-theme='velvet'] .blg-author-box .blg-author-label,
[data-theme='neo'] .blg-author-box .blg-author-label,
[data-theme='mono'] .blg-author-box .blg-author-label,
[data-theme='dark'] .blg-author-box .blg-author-label {
    color: var(--blg-accent-color) !important;
    opacity: 1 !important;
}

[data-theme='cyber'] .blg-author-box .blg-author-bio,
[data-theme='luxe'] .blg-author-box .blg-author-bio,
[data-theme='athletic'] .blg-author-box .blg-author-bio,
[data-theme='acid'] .blg-author-box .blg-author-bio,
[data-theme='royal'] .blg-author-box .blg-author-bio,
[data-theme='copper'] .blg-author-box .blg-author-bio,
[data-theme='noir'] .blg-author-box .blg-author-bio,
[data-theme='obsidian'] .blg-author-box .blg-author-bio,
[data-theme='solar'] .blg-author-box .blg-author-bio,
[data-theme='velvet'] .blg-author-box .blg-author-bio,
[data-theme='neo'] .blg-author-box .blg-author-bio,
[data-theme='mono'] .blg-author-box .blg-author-bio,
[data-theme='dark'] .blg-author-box .blg-author-bio {
    color: rgba(255,255,255,0.7) !important;
}

/* ====================================================
   AUTHOR BOX — REVERT LIGHT SKINS INCORRECTLY LISTED AS DARK
   athletic = IMPACT (bg: #f5f5f5 light)
   neo = MODERN (bg: #ffffff light)
   mono = MONO (bg: #ffffff light)
   ==================================================== */
[data-theme='athletic'] .blg-author-box,
[data-theme='neo'] .blg-author-box,
[data-theme='mono'] .blg-author-box {
    background: transparent !important;
    border-color: var(--blg-border-color) !important;
}

[data-theme='athletic'] .blg-author-box .blg-author-name,
[data-theme='athletic'] .blg-author-box .blg-author-name a,
[data-theme='athletic'] .blg-author-box .blg-author-bio,
[data-theme='athletic'] .blg-author-box .blg-author-count,
[data-theme='neo'] .blg-author-box .blg-author-name,
[data-theme='neo'] .blg-author-box .blg-author-name a,
[data-theme='neo'] .blg-author-box .blg-author-bio,
[data-theme='neo'] .blg-author-box .blg-author-count,
[data-theme='mono'] .blg-author-box .blg-author-name,
[data-theme='mono'] .blg-author-box .blg-author-name a,
[data-theme='mono'] .blg-author-box .blg-author-bio,
[data-theme='mono'] .blg-author-box .blg-author-count {
    color: var(--blg-text-main) !important;
    text-shadow: none !important;
}

[data-theme='athletic'] .blg-author-box .blg-author-label,
[data-theme='neo'] .blg-author-box .blg-author-label,
[data-theme='mono'] .blg-author-box .blg-author-label {
    color: var(--blg-accent-color) !important;
    opacity: 1 !important;
}

[data-theme='athletic'] .blg-author-box .blg-author-bio,
[data-theme='neo'] .blg-author-box .blg-author-bio,
[data-theme='mono'] .blg-author-box .blg-author-bio {
    color: var(--blg-text-muted, rgba(0,0,0,0.6)) !important;
}

/* ====================================================
   HOME 2 — BOTTOM POSTS (blg-cover-spread-grid) HOVER SYSTEM
   ==================================================== */

/* Shared card base */
.blg-h2-post {
    position: relative;
    transition: transform 0.45s cubic-bezier(0.19,1,0.22,1) !important;
}

/* Card lift on hover */
.blg-h2-post:hover {
    transform: translateY(-4px) !important;
}

/* ---- POST 1: blg-mag-bold ---- */

/* Thumbnail zoom */
.blg-mag-bold__thumb-wrap {
    overflow: hidden;
    transition: box-shadow 0.4s ease;
}

.blg-mag-bold__thumb-wrap img {
    transition: transform 0.7s cubic-bezier(0.19,1,0.22,1),
                filter 0.6s ease !important;
    will-change: transform;
}

.blg-h2-post:hover .blg-mag-bold__thumb-wrap img {
    transform: scale(1.1) !important;
    filter: brightness(0.85) !important;
}

/* Overlay brightens on hover */
.blg-mag-bold__overlay {
    transition: background 0.4s ease;
}

.blg-h2-post:hover .blg-mag-bold__overlay {
    background: rgba(0,0,0,0.25) !important;
}

/* Category line extends */
.blg-mag-bold__cat-line {
    transition: width 0.4s cubic-bezier(0.19,1,0.22,1),
                background 0.3s ease;
    display: inline-block;
}

.blg-h2-post:hover .blg-mag-bold__cat-line {
    width: 40px !important;
    background: var(--blg-accent-color) !important;
}

/* Category label accent */
.blg-mag-bold__cat {
    transition: color 0.3s ease, letter-spacing 0.3s ease;
}

.blg-h2-post:hover .blg-mag-bold__cat {
    color: var(--blg-accent-color) !important;
    letter-spacing: 3px !important;
}

/* Title underline sweep */
.blg-mag-bold__title {
    background-image: linear-gradient(var(--blg-accent-color), var(--blg-accent-color));
    background-size: 0% 2px;
    background-repeat: no-repeat;
    background-position: 0 100%;
    padding-block-end: 2px;
    transition: background-size 0.4s cubic-bezier(0.19,1,0.22,1) !important;
}

.blg-h2-post:hover .blg-mag-bold__title {
    background-size: 60% 2px !important;
}

/* ---- POST 2: blg-mag-modern ---- */

/* Thumbnail circle glow */
.blg-mag-modern__thumb-wrap {
    transition: box-shadow 0.4s ease,
                transform 0.5s cubic-bezier(0.19,1,0.22,1);
}

.blg-h2-post:hover .blg-mag-modern__thumb-wrap {
    transform: scale(1.06) !important;
    box-shadow: 0 0 0 3px var(--blg-accent-color) !important;
}

/* Label spacing */
.blg-mag-modern__label {
    transition: letter-spacing 0.4s ease, opacity 0.3s ease;
}

.blg-h2-post:hover .blg-mag-modern__label {
    letter-spacing: 4px !important;
    opacity: 1 !important;
}

/* Title accent underline */
.blg-mag-modern__title {
    background-image: linear-gradient(var(--blg-accent-color), var(--blg-accent-color));
    background-size: 0% 2px;
    background-repeat: no-repeat;
    background-position: 0 100%;
    padding-block-end: 2px;
    transition: background-size 0.4s cubic-bezier(0.19,1,0.22,1) !important;
}

.blg-h2-post:hover .blg-mag-modern__title {
    background-size: 50% 2px !important;
}

/* Author name accent */
.blg-mag-modern__author {
    transition: color 0.3s ease;
}

.blg-h2-post:hover .blg-mag-modern__author {
    color: var(--blg-accent-color) !important;
}

/* Full card link cursor */
.blg-h2-post__link {
    cursor: pointer !important;
}

/* FIX: Remove scale on modern thumb wrap — causes cut-off on circular img */
.blg-h2-post:hover .blg-mag-modern__thumb-wrap {
    transform: none !important;
    box-shadow: 0 0 0 3px var(--blg-accent-color) !important;
}

/* ====================================================
   HOME 2 — FIX MODERN THUMB RING CLIPPING
   The box-shadow ring extends past layout box, needs margin clearance
   ==================================================== */
.blg-mag-modern__thumb-wrap {
    margin-inline-end: 12px !important; /* Breathing room for the 10px ring shadow */
    overflow: visible !important;
}

.blg-h2-post {
    overflow: visible !important; /* Don't clip child box-shadows */
}

/* ====================================================
   HOME 2 — MODERN THUMB: RESTORE CIRCLE CLIP
   overflow:visible was breaking the circular crop
   ==================================================== */
.blg-mag-modern__thumb-wrap {
    overflow: hidden !important; /* Clips image to the 50% border-radius circle */
    margin-inline-end: 0 !important; /* Reset bad margin */
}

.blg-mag-modern__thumb-wrap img {
    border-radius: 50% !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
}

.blg-h2-post {
    overflow: visible !important; /* Parent stays visible so the shadow ring shows */
}

/* ====================================================
   GLASS FOCUS CARD — CONTRAST FIX ACROSS ALL SKINS
   Original had no background-color on the glass panel,
   making it unreadable on bright images.
   ==================================================== */

/* Strong dark glass base — works on all skin backgrounds */
.blg-glass-focus-card__content {
    background: rgba(0, 0, 0, 0.52) !important;
    border: 1px solid rgba(255,255,255,0.10) !important;
    backdrop-filter: blur(18px) saturate(1.4) !important;
    -webkit-backdrop-filter: blur(18px) saturate(1.4) !important;
    box-shadow: 0 8px 40px rgba(0,0,0,0.3) !important;
}

/* Force all text inside to white — always readable */
.blg-glass-focus-card__content,
.blg-glass-focus-card__title,
.blg-glass-focus-card__title a,
.blg-glass-focus-card__author,
.blg-glass-focus-card__btn {
    color: #ffffff !important;
}

/* VIEW CASE btn — accent underline on hover */
.blg-glass-focus-card__btn {
    position: relative;
    transition: letter-spacing 0.3s ease, opacity 0.3s ease !important;
}

.blg-glass-focus-card__btn:hover {
    letter-spacing: 4px !important;
    opacity: 0.85 !important;
}

/* ---- Premium hover for the whole card ---- */
.blg-glass-focus-card {
    transition: transform 0.55s cubic-bezier(0.19,1,0.22,1),
                box-shadow 0.55s cubic-bezier(0.19,1,0.22,1) !important;
}

.blg-glass-focus-card:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 30px 70px rgba(0,0,0,0.25) !important;
}

/* Image zoom on hover */
.blg-glass-focus-card__visual img {
    transition: transform 0.9s cubic-bezier(0.19,1,0.22,1),
                filter 0.7s ease !important;
    will-change: transform;
}

.blg-glass-focus-card:hover .blg-glass-focus-card__visual img {
    transform: scale(1.07) !important;
    filter: brightness(0.82) !important;
}

/* Glass panel lifts slightly on hover */
.blg-glass-focus-card:hover .blg-glass-focus-card__content {
    background: rgba(0, 0, 0, 0.65) !important;
}

/* Title underline sweep */
.blg-glass-focus-card__title a {
    background-image: linear-gradient(var(--blg-accent-color), var(--blg-accent-color));
    background-size: 0% 2px;
    background-repeat: no-repeat;
    background-position: 0 100%;
    padding-block-end: 3px;
    transition: background-size 0.4s cubic-bezier(0.19,1,0.22,1) !important;
}

.blg-glass-focus-card:hover .blg-glass-focus-card__title a {
    background-size: 55% 2px !important;
}

/* ====================================================
   HOME 2 MODERN THUMB — RIGHT MARGIN FOR SHADOW RING
   The box-shadow ring (10px) overflows the card edge.
   Add right margin to pull thumb away from card boundary.
   (overflow: hidden stays on thumb wrap for circle clip)
   ==================================================== */
.blg-mag-modern__thumb-wrap {
    margin-inline-end: 16px !important;
}

/* Shrink the default ring slightly so it needs less space */
.blg-mag-modern__thumb-wrap {
    box-shadow: 0 0 0 6px var(--blg-white-trans-05) !important;
}

/* ====================================================
   HOME 2 — FIX: page-template rule was forcing 80px width
   + rotate(-2deg) + border-radius:2px on ALL thumbnails,
   breaking the blg-mag-modern circular thumb.
   ==================================================== */
.page-template-page-home-2 .blg-mag-modern__thumb-wrap .attachment-thumbnail {
    width: 100% !important;
    height: 100% !important;
    border-radius: 50% !important;
    transform: none !important;
    object-fit: cover !important;
    display: block !important;
}

/* ====================================================
   1. SOCIAL SHARE BUTTONS — SVG ICON VISIBILITY ON HOVER
   bg swaps to --blg-text-main but SVG must follow color
   ==================================================== */

/* Universal: ensure SVG inherits color on hover */
.blg-share-btn:hover svg,
.blg-share-btn:hover svg path,
.blg-share-btn:hover svg rect,
.blg-share-btn:hover svg circle,
.blg-share-btn:hover svg line,
.blg-share-btn:hover svg polyline {
    stroke: currentColor !important;
    fill: none !important;
    color: inherit !important;
}

/* IMPACT (athletic) — swap to accent + white icon instead of dark fill */
[data-theme='athletic'] .blg-share-btn:hover {
    background: var(--blg-accent-color) !important;
    color: #ffffff !important;
    border-color: var(--blg-accent-color) !important;
}

[data-theme='athletic'] .blg-share-btn:hover svg,
[data-theme='athletic'] .blg-share-btn:hover svg * {
    stroke: #ffffff !important;
    color: #ffffff !important;
}

/* ====================================================
   2. DARK SKIN — TARGETED FIXES
   ==================================================== */

/* "OF WHAT MATTERS" bar — keep dark bg, white text */
[data-theme='dark'] .blg-title-mid {
    background-color: rgba(255,255,255,0.12) !important;
    color: #ffffff !important;
    box-shadow: 10px 0 0 rgba(255,255,255,0.12),
                -10px 0 0 rgba(255,255,255,0.12) !important;
}

/* "READ NOW / WORTH READING" vertical CTA button */
[data-theme='dark'] .blg-cover-cta,
[data-theme='dark'] [class*="cta"],
[data-theme='dark'] .blg-hero-cta {
    background: var(--blg-accent-color) !important;
    color: #ffffff !important;
}

/* Hero brief title/meta in dark skin */
[data-theme='dark'] .blg-hero-brief__title,
[data-theme='dark'] .blg-hero-brief h4,
[data-theme='dark'] .blg-hero-brief__label,
[data-theme='dark'] .blg-hero-brief span {
    color: #ffffff !important;
}

/* Social share in dark skin — use accent on hover */
[data-theme='dark'] .blg-share-btn:hover {
    background: var(--blg-accent-color) !important;
    color: #ffffff !important;
    border-color: var(--blg-accent-color) !important;
}

[data-theme='dark'] .blg-share-btn:hover svg,
[data-theme='dark'] .blg-share-btn:hover svg * {
    stroke: #ffffff !important;
}

/* Dark skin: force section headers to white */
[data-theme='dark'] .blg-section-header h2,
[data-theme='dark'] .blg-featured-header h2,
[data-theme='dark'] .blg-featured-header .blg-section-link {
    color: #ffffff !important;
}

/* ====================================================
   HERO INLINE ELEMENTS — META PILL + TITLE MID + SIDE TAB
   ==================================================== */

/* 1. CATEGORY META PILL — accent pill with white text */
.tft-single-hero__meta-pill {
    display: inline-block !important;
    background: var(--blg-accent-color) !important;
    color: #ffffff !important;
    font-size: 0.55rem !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 3px !important;
    padding: 5px 14px !important;
    border-radius: 3px !important;
    margin-block-end: 12px !important;
    opacity: 1 !important;
}

/* 2. "OF WHAT MATTERS" BAR — universal dark contrast fix */
.blg-title-mid {
    background-color: var(--blg-accent-color) !important;
    color: #ffffff !important;
    padding-inline: 14px !important;
    padding-block: 4px !important;
    box-shadow: 14px 0 0 var(--blg-accent-color),
                -14px 0 0 var(--blg-accent-color) !important;
    opacity: 1 !important;
    mix-blend-mode: normal !important;
}

/* Override for ZEN (dark forest green, not red) */
[data-theme='zen'] .blg-title-mid {
    background-color: #2a3d2f !important;
    box-shadow: 14px 0 0 #2a3d2f, -14px 0 0 #2a3d2f !important;
    color: #ffffff !important;
}

/* Override for dark skin (semi-transparent white glass) */
[data-theme='dark'] .blg-title-mid,
[data-theme='noir'] .blg-title-mid,
[data-theme='obsidian'] .blg-title-mid,
[data-theme='cyber'] .blg-title-mid {
    background-color: var(--blg-accent-color) !important;
    box-shadow: 14px 0 0 var(--blg-accent-color),
                -14px 0 0 var(--blg-accent-color) !important;
    color: #ffffff !important;
}

/* 3. HERO SIDE TAB — "Contact us" vertical button */
.blg-hero-side-tab {
    color: #ffffff !important;
    text-decoration: none !important;
    transition: opacity 0.3s ease, transform 0.4s cubic-bezier(0.19,1,0.22,1) !important;
}

.blg-hero-side-tab span {
    color: #ffffff !important;
}

.blg-hero-side-tab svg {
    stroke: #ffffff !important;
    color: #ffffff !important;
}

.blg-hero-side-tab:hover {
    opacity: 0.8 !important;
}

/* Side tab on LIGHT skins — use dark text */
[data-theme='vogue'] .blg-hero-side-tab,
[data-theme='zen'] .blg-hero-side-tab,
[data-theme='gazette'] .blg-hero-side-tab,
[data-theme='frost'] .blg-hero-side-tab,
[data-theme='saffron'] .blg-hero-side-tab,
[data-theme='athletic'] .blg-hero-side-tab,
[data-theme='neo'] .blg-hero-side-tab,
[data-theme='mono'] .blg-hero-side-tab {
    color: var(--blg-bg-color) !important;
}

[data-theme='vogue'] .blg-hero-side-tab span,
[data-theme='zen'] .blg-hero-side-tab span,
[data-theme='gazette'] .blg-hero-side-tab span,
[data-theme='frost'] .blg-hero-side-tab span,
[data-theme='saffron'] .blg-hero-side-tab span,
[data-theme='athletic'] .blg-hero-side-tab span,
[data-theme='neo'] .blg-hero-side-tab span,
[data-theme='mono'] .blg-hero-side-tab span {
    color: inherit !important;
}

[data-theme='vogue'] .blg-hero-side-tab svg,
[data-theme='zen'] .blg-hero-side-tab svg,
[data-theme='gazette'] .blg-hero-side-tab svg,
[data-theme='frost'] .blg-hero-side-tab svg,
[data-theme='saffron'] .blg-hero-side-tab svg,
[data-theme='athletic'] .blg-hero-side-tab svg,
[data-theme='neo'] .blg-hero-side-tab svg,
[data-theme='mono'] .blg-hero-side-tab svg {
    stroke: var(--blg-bg-color) !important;
}

/* ====================================================
   TITLE MID + SIDE TAB — BLACK TEXT ON LIGHT SKINS
   ==================================================== */
[data-theme='vogue'] .blg-title-mid,
[data-theme='gazette'] .blg-title-mid,
[data-theme='zen'] .blg-title-mid,
[data-theme='frost'] .blg-title-mid,
[data-theme='saffron'] .blg-title-mid,
[data-theme='athletic'] .blg-title-mid,
[data-theme='neo'] .blg-title-mid,
[data-theme='mono'] .blg-title-mid {
    color: #000000 !important;
    background-color: var(--blg-accent-color) !important;
    box-shadow: 14px 0 0 var(--blg-accent-color),
                -14px 0 0 var(--blg-accent-color) !important;
}

/* Side tab text — black on light skins */
[data-theme='vogue'] .blg-side-badge-wrap a.blg-hero-side-tab span,
[data-theme='gazette'] .blg-side-badge-wrap a.blg-hero-side-tab span,
[data-theme='zen'] .blg-side-badge-wrap a.blg-hero-side-tab span,
[data-theme='frost'] .blg-side-badge-wrap a.blg-hero-side-tab span,
[data-theme='saffron'] .blg-side-badge-wrap a.blg-hero-side-tab span,
[data-theme='athletic'] .blg-side-badge-wrap a.blg-hero-side-tab span,
[data-theme='neo'] .blg-side-badge-wrap a.blg-hero-side-tab span,
[data-theme='mono'] .blg-side-badge-wrap a.blg-hero-side-tab span {
    color: #000000 !important;
}

[data-theme='vogue'] .blg-side-badge-wrap a.blg-hero-side-tab svg,
[data-theme='gazette'] .blg-side-badge-wrap a.blg-hero-side-tab svg,
[data-theme='zen'] .blg-side-badge-wrap a.blg-hero-side-tab svg,
[data-theme='frost'] .blg-side-badge-wrap a.blg-hero-side-tab svg,
[data-theme='saffron'] .blg-side-badge-wrap a.blg-hero-side-tab svg,
[data-theme='athletic'] .blg-side-badge-wrap a.blg-hero-side-tab svg,
[data-theme='neo'] .blg-side-badge-wrap a.blg-hero-side-tab svg,
[data-theme='mono'] .blg-side-badge-wrap a.blg-hero-side-tab svg {
    stroke: #000000 !important;
}

/* ====================================================
   NUCLEAR RESET: blg-title-mid + blg-hero-side-tab
   Default = BLACK for all skins (safe for light bgs)
   Then explicitly white ONLY for confirmed dark skins
   ==================================================== */
.blg-title-mid {
    color: #000000 !important;
}

.blg-hero-side-tab,
.blg-hero-side-tab span {
    color: #000000 !important;
}

.blg-hero-side-tab svg,
.blg-hero-side-tab svg path {
    stroke: #000000 !important;
}

/* Dark skins — override back to white */
[data-theme='cyber'] .blg-title-mid,
[data-theme='luxe'] .blg-title-mid,
[data-theme='acid'] .blg-title-mid,
[data-theme='royal'] .blg-title-mid,
[data-theme='copper'] .blg-title-mid,
[data-theme='noir'] .blg-title-mid,
[data-theme='obsidian'] .blg-title-mid,
[data-theme='solar'] .blg-title-mid,
[data-theme='velvet'] .blg-title-mid,
[data-theme='dark'] .blg-title-mid {
    color: #ffffff !important;
}

[data-theme='cyber'] .blg-hero-side-tab span,
[data-theme='luxe'] .blg-hero-side-tab span,
[data-theme='acid'] .blg-hero-side-tab span,
[data-theme='royal'] .blg-hero-side-tab span,
[data-theme='copper'] .blg-hero-side-tab span,
[data-theme='noir'] .blg-hero-side-tab span,
[data-theme='obsidian'] .blg-hero-side-tab span,
[data-theme='solar'] .blg-hero-side-tab span,
[data-theme='velvet'] .blg-hero-side-tab span,
[data-theme='dark'] .blg-hero-side-tab span {
    color: #ffffff !important;
}

[data-theme='cyber'] .blg-hero-side-tab svg,
[data-theme='luxe'] .blg-hero-side-tab svg,
[data-theme='acid'] .blg-hero-side-tab svg,
[data-theme='royal'] .blg-hero-side-tab svg,
[data-theme='copper'] .blg-hero-side-tab svg,
[data-theme='noir'] .blg-hero-side-tab svg,
[data-theme='obsidian'] .blg-hero-side-tab svg,
[data-theme='solar'] .blg-hero-side-tab svg,
[data-theme='velvet'] .blg-hero-side-tab svg,
[data-theme='dark'] .blg-hero-side-tab svg {
    stroke: #ffffff !important;
}

/* ====================================================
   NULLIFY ALL PREVIOUS DARK SKIN OVERRIDES
   (dark skin uses its own variables — no custom rules needed)
   ==================================================== */
[data-theme='dark'] .blg-author-box,
[data-theme='dark'] .blg-extended-meta,
[data-theme='dark'] .blg-section-header h2,
[data-theme='dark'] .blg-featured-header h2,
[data-theme='dark'] .blg-featured-header .blg-section-link,
[data-theme='dark'] .blg-hero-brief__title,
[data-theme='dark'] .blg-hero-brief h4,
[data-theme='dark'] .blg-hero-brief__label,
[data-theme='dark'] .blg-hero-brief span,
[data-theme='dark'] .blg-title-mid,
[data-theme='dark'] .blg-cover-cta,
[data-theme='dark'] .blg-hero-cta,
[data-theme='dark'] .blg-author-box .blg-author-name,
[data-theme='dark'] .blg-author-box .blg-author-name a,
[data-theme='dark'] .blg-author-box .blg-author-bio,
[data-theme='dark'] .blg-author-box .blg-author-label,
[data-theme='dark'] .blg-author-box .blg-author-count,
[data-theme='dark'] .blg-meta-divider,
[data-theme='dark'] .blg-extended-meta * {
    all: revert !important;
}

[data-theme='dark'] .blg-share-btn:hover,
[data-theme='dark'] .blg-share-btn:hover svg,
[data-theme='dark'] .blg-share-btn:hover svg * {
    all: revert !important;
}

/* ====================================================
   ZEN SKIN — SIDE TAB + "OF WHAT MATTERS" WHITE TEXT
   ==================================================== */

/* "OF WHAT MATTERS" bar: white text on dark forest green */
[data-theme='zen'] .blg-title-mid {
    color: #ffffff !important;
    text-shadow: none !important;
}

/* Side "CONTACT US" tab — force white text + arrow */
[data-theme='zen'] .blg-hero-side-tab {
    color: #ffffff !important;
}

[data-theme='zen'] .blg-hero-side-tab span {
    color: #ffffff !important;
}

[data-theme='zen'] .blg-hero-side-tab svg {
    stroke: #ffffff !important;
    color: #ffffff !important;
}

/* ====================================================
   SIDE TAB ARROW — ALWAYS MATCH TEXT COLOR (ALL SKINS)
   The SVG uses stroke="currentColor" but some skins
   override it. Force it to inherit parent text color.
   ==================================================== */
.blg-hero-side-tab svg {
    stroke: currentColor !important;
    color: inherit !important;
}

.blg-hero-side-tab svg path {
    stroke: currentColor !important;
}

/* ====================================================
   ZEN SKIN — SIDE TAB: NUCLEAR WHITE TEXT + ARROW
   bg = dark forest green #3d5a45 ? text must be white
   ==================================================== */
[data-theme='zen'] .blg-side-badge-wrap a.blg-hero-side-tab,
[data-theme='zen'] .blg-side-badge-wrap a.blg-hero-side-tab span,
[data-theme='zen'] .blg-hero-side-tab,
[data-theme='zen'] .blg-hero-side-tab span {
    color: #ffffff !important;
}

[data-theme='zen'] .blg-side-badge-wrap a.blg-hero-side-tab svg,
[data-theme='zen'] .blg-side-badge-wrap a.blg-hero-side-tab svg path,
[data-theme='zen'] .blg-hero-side-tab svg,
[data-theme='zen'] .blg-hero-side-tab svg path {
    stroke: #ffffff !important;
    color: #ffffff !important;
}

/* ====================================================
   ACID SKIN — COMPLETE OVERHAUL
   bg = #080808, accent = #ccff00 (neon lime)
   ==================================================== */

/* 1. Font: Space Grotesk for aggressive editorial feel */
[data-theme='acid'] {
    --blg-font-heading: 'Space Grotesk', sans-serif !important;
}

/* 2. Side tab: neon bg ? DARK text + dark arrow */
[data-theme='acid'] .blg-side-badge-wrap a.blg-hero-side-tab,
[data-theme='acid'] .blg-side-badge-wrap a.blg-hero-side-tab span,
[data-theme='acid'] .blg-hero-side-tab,
[data-theme='acid'] .blg-hero-side-tab span {
    color: #0a0a0a !important;
}

[data-theme='acid'] .blg-side-badge-wrap a.blg-hero-side-tab svg,
[data-theme='acid'] .blg-side-badge-wrap a.blg-hero-side-tab svg path,
[data-theme='acid'] .blg-hero-side-tab svg,
[data-theme='acid'] .blg-hero-side-tab svg path {
    stroke: #0a0a0a !important;
    color: #0a0a0a !important;
}

/* 3. "OF WHAT MATTERS" bar: neon bg ? dark text, no shadow */
[data-theme='acid'] .blg-title-mid {
    color: #0a0a0a !important;
    text-shadow: none !important;
    box-shadow: 10px 0 0 var(--blg-accent-color),
                -10px 0 0 var(--blg-accent-color) !important;
}

/* 4. Hero brief post titles: on dark photo ? white */
[data-theme='acid'] .blg-hero-brief__title,
[data-theme='acid'] .blg-hero-brief h4,
[data-theme='acid'] .blg-hero-brief h3,
[data-theme='acid'] .blg-hero-brief a {
    color: #ffffff !important;
    text-shadow: none !important;
}

/* 5. Hero brief labels (TREND/01, CULTURE/02 etc.) ? white */
[data-theme='acid'] .blg-hero-brief__label,
[data-theme='acid'] .blg-hero-brief__index,
[data-theme='acid'] .blg-hero-brief span:not(.blg-hero-brief__title) {
    color: rgba(255,255,255,0.6) !important;
}

/* 6. Hero main title — no text shadow on acid */
[data-theme='acid'] .blg-hero-main-title,
[data-theme='acid'] .blg-cover-header .blg-hero-main-title {
    text-shadow: none !important;
}

/* 7. Card titles in modules use Space Grotesk via --blg-font-heading */
[data-theme='acid'] h1,
[data-theme='acid'] h2,
[data-theme='acid'] h3,
[data-theme='acid'] h4 {
    font-family: var(--blg-font-heading) !important;
}

/* ====================================================
   ACID SKIN — 3 TARGETED FIXES
   ==================================================== */

/* 1. Meta pill ("ART" tag) — black text on neon bg */
[data-theme='acid'] .tft-single-hero__meta-pill {
    color: #0a0a0a !important;
}

/* 2. Share buttons — black icon on hover (not neon) */
[data-theme='acid'] .blg-share-btn:hover {
    background: var(--blg-accent-color) !important;
    color: #0a0a0a !important;
    border-color: var(--blg-accent-color) !important;
}

[data-theme='acid'] .blg-share-btn:hover svg,
[data-theme='acid'] .blg-share-btn:hover svg path,
[data-theme='acid'] .blg-share-btn:hover svg * {
    stroke: #0a0a0a !important;
    color: #0a0a0a !important;
}

/* 3. Footer deco word "Blogum" — near-invisible, 10% opacity */
[data-theme='acid'] .blg-footer__deco-word {
    opacity: 0.08 !important;
}

/* ACID — back-to-top button: black arrow on neon bg */
[data-theme='acid'] #tft-back-to-top {
    color: #0a0a0a !important;
}

[data-theme='acid'] #tft-back-to-top svg,
[data-theme='acid'] #tft-back-to-top svg polyline {
    stroke: #0a0a0a !important;
}

/* ====================================================
   VOGUE (DEFAULT) SKIN — WHITE TEXT ON SIDE TAB + TITLE MID
   ==================================================== */
[data-theme='vogue'] .blg-side-badge-wrap a.blg-hero-side-tab,
[data-theme='vogue'] .blg-side-badge-wrap a.blg-hero-side-tab span,
[data-theme='vogue'] .blg-hero-side-tab,
[data-theme='vogue'] .blg-hero-side-tab span {
    color: #ffffff !important;
}

[data-theme='vogue'] .blg-side-badge-wrap a.blg-hero-side-tab svg,
[data-theme='vogue'] .blg-side-badge-wrap a.blg-hero-side-tab svg path,
[data-theme='vogue'] .blg-hero-side-tab svg,
[data-theme='vogue'] .blg-hero-side-tab svg path {
    stroke: #ffffff !important;
}

[data-theme='vogue'] .blg-title-mid {
    color: #ffffff !important;
}

/* ====================================================
   PREMIUM INTERACTION SYSTEM — ALL WIDGETS
   Works skin-agnostically via CSS variables
   ==================================================== */

/* -----------------------------------------------------
   1. TRENDING NOW (.blg-pl-item)
   Horizontal list: image zoom + title sweep + lift
   ----------------------------------------------------- */
.blg-pl-item {
    transition: transform 0.45s cubic-bezier(0.19,1,0.22,1),
                opacity 0.35s ease !important;
    position: relative;
}

.blg-pl-item:hover {
    transform: translateX(6px) !important;
}

/* Thumbnail zoom */
.blg-pl-item a[style*="overflow:hidden"] img,
.blg-pl-item a[style*="overflow: hidden"] img {
    transition: transform 0.8s cubic-bezier(0.19,1,0.22,1),
                filter 0.6s ease !important;
    will-change: transform;
}

.blg-pl-item:hover a[style*="overflow:hidden"] img,
.blg-pl-item:hover a[style*="overflow: hidden"] img {
    transform: scale(1.1) !important;
    filter: brightness(0.88) !important;
}

/* Category label letter-space breathe */
.blg-pl-item span[style*="accent-color"] {
    transition: letter-spacing 0.4s ease !important;
}
.blg-pl-item:hover span[style*="accent-color"] {
    letter-spacing: 4px !important;
}

/* Title underline accent sweep */
.blg-pl-item h3 a {
    background-image: linear-gradient(var(--blg-accent-color), var(--blg-accent-color));
    background-size: 0% 2px;
    background-repeat: no-repeat;
    background-position: 0 100%;
    padding-block-end: 2px;
    transition: background-size 0.45s cubic-bezier(0.19,1,0.22,1),
                color 0.3s ease !important;
}
.blg-pl-item:hover h3 a {
    background-size: 70% 2px !important;
    color: var(--blg-accent-color) !important;
}

/* -----------------------------------------------------
   2. MIXED POSTS & LATEST STORIES (.blg-post-card)
   Card lift + image zoom + "View Story" reveal
   ----------------------------------------------------- */
.blg-post-card {
    transition: transform 0.5s cubic-bezier(0.19,1,0.22,1) !important;
}
.blg-post-card:hover {
    transform: translateY(-8px) !important;
}

/* Image zoom for condensed grid */
.blg-post-card a[style*="overflow:hidden"] img,
.blg-post-card a[style*="overflow: hidden"] img,
.blg-post-card div[style*="overflow:hidden"] img,
.blg-post-card div[style*="overflow: hidden"] img {
    transition: transform 0.9s cubic-bezier(0.19,1,0.22,1),
                filter 0.6s ease !important;
}
.blg-post-card:hover a[style*="overflow:hidden"] img,
.blg-post-card:hover a[style*="overflow: hidden"] img,
.blg-post-card:hover div[style*="overflow:hidden"] img,
.blg-post-card:hover div[style*="overflow: hidden"] img {
    transform: scale(1.08) !important;
    filter: brightness(0.85) !important;
}

/* "View Story ?" reveal on hover */
.blg-card-content a[style*="opacity: 0.5"],
.blg-card-content a[style*="opacity:0.5"] {
    transition: opacity 0.3s ease,
                letter-spacing 0.4s ease,
                color 0.3s ease !important;
}
.blg-post-card:hover .blg-card-content a[style*="opacity: 0.5"],
.blg-post-card:hover .blg-card-content a[style*="opacity:0.5"] {
    opacity: 1 !important;
    letter-spacing: 4px !important;
    color: var(--blg-accent-color) !important;
}

/* h3 title accent sweep for condensed cards */
.blg-post-card .blg-card-content h3 a,
.blg-pg-card h3 {
    transition: color 0.3s ease !important;
}
.blg-post-card:hover .blg-card-content h3 a,
.blg-pg-card:hover h3 {
    color: var(--blg-accent-color) !important;
}

/* -----------------------------------------------------
   3. FUN FACTS BAR (.blg-bottom-bar__item)
   Arrow slides in + accent border highlight
   ----------------------------------------------------- */
.blg-bottom-bar__item {
    transition: background 0.4s ease,
                border-color 0.4s ease !important;
    border-block-start: 1px solid var(--blg-border-color);
    position: relative;
}

.blg-bottom-bar__item:hover {
    background: rgba(var(--blg-accent-rgb, 180,120,60), 0.04) !important;
    border-block-start-color: var(--blg-accent-color) !important;
}

/* h4 title hover accent */
.blg-bottom-bar__item h4 {
    transition: color 0.3s ease, transform 0.4s cubic-bezier(0.19,1,0.22,1) !important;
}
.blg-bottom-bar__item:hover h4 {
    color: var(--blg-accent-color) !important;
    transform: translateX(4px) !important;
}

/* Arrow reveal */
.blg-bb-hover-arrow {
    transition: opacity 0.4s ease,
                transform 0.5s cubic-bezier(0.19,1,0.22,1) !important;
    opacity: 0 !important;
    transform: translateX(-12px) !important;
}
.blg-bottom-bar__item:hover .blg-bb-hover-arrow {
    opacity: 1 !important;
    transform: translateX(0) !important;
}

/* -----------------------------------------------------
   4. TABS SECTION (.blg-tabs-section)
   Enhanced tab image zoom + article title accent
   ----------------------------------------------------- */
.blg-tab-image {
    transition: box-shadow 0.4s ease,
                transform 0.5s cubic-bezier(0.19,1,0.22,1) !important;
}
.blg-tab-article:hover .blg-tab-image {
    box-shadow: 0 0 0 3px var(--blg-accent-color) !important;
    transform: scale(1.04) !important;
}

.blg-tab-image img {
    transition: transform 0.8s cubic-bezier(0.19,1,0.22,1) !important;
}
.blg-tab-article:hover .blg-tab-image img {
    transform: scale(1.1) !important;
}

.blg-tab-title a {
    background-image: linear-gradient(var(--blg-accent-color), var(--blg-accent-color));
    background-size: 0% 2px;
    background-repeat: no-repeat;
    background-position: 0 100%;
    padding-block-end: 3px;
    transition: background-size 0.45s cubic-bezier(0.19,1,0.22,1) !important;
}
.blg-tab-article:hover .blg-tab-title a {
    background-size: 60% 2px !important;
}

.blg-tab-excerpt {
    transition: opacity 0.4s ease !important;
}
.blg-tab-article:hover .blg-tab-excerpt {
    opacity: 0.85 !important;
}

/* -----------------------------------------------------
   5. EDITORIAL ROW (.blg-editorial-row)
   Content label + title drift + CTA reveal
   ----------------------------------------------------- */
.blg-editorial-row {
    transition: transform 0.5s cubic-bezier(0.19,1,0.22,1) !important;
    display: flex;
    gap: clamp(30px, 5vw, 80px);
    align-items: center;
}

.blg-editorial-row__img {
    transition: box-shadow 0.5s ease !important;
}
.blg-editorial-row:hover .blg-editorial-row__img {
    box-shadow: 0 30px 70px rgba(0,0,0,0.2) !important;
}

.blg-editorial-row__img img {
    transition: transform 0.9s cubic-bezier(0.19,1,0.22,1),
                filter 0.7s ease !important;
}
.blg-editorial-row:hover .blg-editorial-row__img img {
    transform: scale(1.06) !important;
    filter: brightness(0.88) !important;
}

/* CTA "Read Article ?" border-sweep on hover */
.blg-editorial-row__content a {
    transition: letter-spacing 0.4s ease,
                color 0.3s ease,
                border-color 0.3s ease !important;
}
.blg-editorial-row:hover .blg-editorial-row__content a {
    letter-spacing: 4px !important;
    color: var(--blg-accent-color) !important;
}

/* -----------------------------------------------------
   6. FOOTER — WORDMARK + HERO POST
   ----------------------------------------------------- */
.blg-footer__wordmark {
    transition: letter-spacing 0.5s cubic-bezier(0.19,1,0.22,1),
                opacity 0.3s ease !important;
    display: inline-block;
}
.blg-footer__wordmark:hover {
    letter-spacing: 6px !important;
    opacity: 0.7 !important;
}

.blg-footer__hero-post {
    transition: transform 0.4s cubic-bezier(0.19,1,0.22,1) !important;
}
.blg-footer__hero-post:hover {
    transform: translateX(8px) !important;
}

.blg-footer__hero-title a {
    transition: color 0.3s ease !important;
}
.blg-footer__hero-title a:hover {
    color: var(--blg-accent-color) !important;
}

/* -----------------------------------------------------
   7. FOOTER — THE PULSE popular items (.tft-popular-item)
   Lift + thumb reveal + title accent
   ----------------------------------------------------- */
.tft-popular-item {
    transition: transform 0.45s cubic-bezier(0.19,1,0.22,1),
                opacity 0.35s ease !important;
}
.tft-popular-item:hover {
    transform: translateX(6px) !important;
}

.tft-popular-thumb {
    transition: box-shadow 0.4s ease !important;
}
.tft-popular-item:hover .tft-popular-thumb {
    box-shadow: 0 0 0 2px var(--blg-accent-color) !important;
}

.tft-popular-thumb img {
    transition: opacity 0.5s ease, transform 0.7s cubic-bezier(0.19,1,0.22,1) !important;
}
.tft-popular-item:hover .tft-popular-thumb img {
    opacity: 1 !important;
    transform: scale(1.12) !important;
}

.tft-popular-item h4 {
    transition: color 0.3s ease !important;
}
.tft-popular-item:hover h4 {
    color: var(--blg-accent-color) !important;
}

/* -----------------------------------------------------
   8. FOOTER — SOCIAL MATRIX (.tft-matrix-link)
   Already has hover but add smooth transition
   ----------------------------------------------------- */
.tft-matrix-link {
    transition: background 0.35s ease,
                color 0.35s ease,
                transform 0.4s cubic-bezier(0.19,1,0.22,1),
                letter-spacing 0.4s ease !important;
}
.tft-matrix-link:hover {
    letter-spacing: 2px !important;
}

/* ====================================================
   STAT VALUE — 38px (overrides Elementor 60px inline)
   ==================================================== */
.blg-stat-value,
[class*='elementor-element'] .blg-stat-value {
    font-size: 38px !important;
    letter-spacing: -1.5px !important;
}

/* ====================================================
   ABOUT PAGE — EDITORIAL PRINCIPLES: POLISHED LAYOUT
   ==================================================== */

/* Principles numbered list: accent number + hover lift */
.blg-principles-list,
[class*='blg-editorial-principles'] {
    counter-reset: principle;
}

/* Numbered item row interactive */
.page-id-about .blg-tab-article,
.post-type-page .blg-pl-item,
.page-template-page-about .blg-pl-item {
    position: relative;
}

/* About stats section — tighter, more editorial */
.blg-stats-elite {
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)) !important;
}

.blg-stat-item-elite {
    padding: clamp(20px, 3.5vw, 40px) !important;
    position: relative;
    overflow: hidden;
}

.blg-stat-item-elite::before {
    content: '';
    position: absolute;
    inset-block-end: 0;
    inset-inline-start: 0;
    width: 0;
    height: 2px;
    background: var(--blg-accent-color);
    transition: width 0.5s cubic-bezier(0.19,1,0.22,1);
}

.blg-stat-item-elite:hover::before {
    width: 100%;
}

/* ====================================================
   CONTACT FORM 7 — PREMIUM REDESIGN
   Clean editorial floating-label aesthetic
   ==================================================== */

/* Form wrapper */
.wpcf7-form {
    position: relative;
}

/* Field group — floating label container */
.wpcf7-form .tft-field-group,
.wpcf7-form p {
    position: relative !important;
    margin-block-end: 0 !important;
    padding-block-end: 0 !important;
}

/* All inputs + textarea */
.wpcf7-form .wpcf7-text,
.wpcf7-form .wpcf7-email,
.wpcf7-form .wpcf7-textarea,
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form textarea {
    width: 100% !important;
    background: transparent !important;
    border: none !important;
    border-block-end: 1.5px solid var(--blg-border-color) !important;
    border-radius: 0 !important;
    padding: 18px 0 10px !important;
    font-family: var(--blg-font-heading) !important;
    font-size: clamp(1rem, 1.3vw, 1.25rem) !important;
    font-weight: 700 !important;
    color: var(--blg-text-main) !important;
    outline: none !important;
    box-shadow: none !important;
    transition: border-color 0.4s cubic-bezier(0.19,1,0.22,1) !important;
    letter-spacing: -0.3px !important;
    caret-color: var(--blg-accent-color) !important;
}

.wpcf7-form .wpcf7-text:focus,
.wpcf7-form .wpcf7-email:focus,
.wpcf7-form .wpcf7-textarea:focus,
.wpcf7-form input:focus,
.wpcf7-form textarea:focus {
    border-block-end-color: var(--blg-accent-color) !important;
}

/* Label: small, uppercase, tracked */
.wpcf7-form label {
    font-family: var(--blg-font-body) !important;
    font-size: 0.58rem !important;
    font-weight: 900 !important;
    letter-spacing: 3px !important;
    text-transform: uppercase !important;
    color: var(--blg-accent-color) !important;
    margin-block-end: 0 !important;
    margin-block-start: 48px !important;
    display: block !important;
    transition: letter-spacing 0.3s ease !important;
}

/* Textarea */
.wpcf7-form .wpcf7-textarea,
.wpcf7-form textarea {
    min-height: 120px !important;
    resize: none !important;
    line-height: 1.6 !important;
}

/* Submit button — full-width, editorial slab */
.wpcf7-form .wpcf7-submit,
.wpcf7-form input[type="submit"] {
    margin-block-start: 52px !important;
    width: 100% !important;
    padding: 22px 40px !important;
    background: var(--blg-text-main) !important;
    color: var(--blg-bg-color) !important;
    font-family: var(--blg-font-body) !important;
    font-size: 0.72rem !important;
    font-weight: 900 !important;
    letter-spacing: 4px !important;
    text-transform: uppercase !important;
    border: 2px solid var(--blg-text-main) !important;
    border-radius: 0 !important;
    cursor: pointer !important;
    transition: background 0.4s cubic-bezier(0.19,1,0.22,1),
                color 0.4s ease,
                letter-spacing 0.4s ease,
                transform 0.3s ease !important;
    position: relative !important;
    overflow: hidden !important;
}

.wpcf7-form .wpcf7-submit:hover,
.wpcf7-form input[type="submit"]:hover {
    background: var(--blg-accent-color) !important;
    border-color: var(--blg-accent-color) !important;
    color: #ffffff !important;
    letter-spacing: 6px !important;
    transform: translateY(-2px) !important;
}

/* Response output */
.wpcf7-response-output {
    margin-block-start: 30px !important;
    padding: 18px 24px !important;
    font-family: var(--blg-font-body) !important;
    font-size: 0.8rem !important;
    font-weight: 700 !important;
    border: 1.5px solid var(--blg-accent-color) !important;
    border-radius: 0 !important;
    background: transparent !important;
    letter-spacing: 0.5px !important;
}

/* ====================================================
   CONTACT PAGE — HQ LOCATIONS / CONNECT / INQUIRIES
   Premium section layout improvements
   ==================================================== */

/* HQ section heading — add vertical accent bar */
.blg-contact-section-title,
.page-contact .elementor-heading-title,
.page-template-page-contact .elementor-heading-title {
    position: relative;
}

/* Office addresses — staggered editorial style */
.blg-contact-address,
.page-template-page-contact p strong,
.contact-address-item {
    border-block-start: 1px solid var(--blg-border-color);
    padding-block: 16px;
    transition: padding-inline-start 0.4s cubic-bezier(0.19,1,0.22,1),
                color 0.3s ease;
    display: block;
    cursor: default;
}

.blg-contact-address:hover {
    padding-inline-start: 12px;
    color: var(--blg-accent-color);
    border-block-start-color: var(--blg-accent-color);
}

/* Social links (FACEBOOK, INSTAGRAM, TWITTER) */
.blg-contact-social a,
.page-template-page-contact .elementor-widget a[href*="facebook"],
.page-template-page-contact .elementor-widget a[href*="instagram"],
.page-template-page-contact .elementor-widget a[href*="twitter"] {
    display: inline-block;
    font-family: var(--blg-font-body) !important;
    font-size: 0.65rem !important;
    font-weight: 900 !important;
    letter-spacing: 3px !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    border-block-end: 1.5px solid var(--blg-text-main) !important;
    padding-block-end: 3px !important;
    margin-inline-end: 30px !important;
    transition: border-color 0.3s ease,
                color 0.3s ease,
                letter-spacing 0.4s ease !important;
}

.blg-contact-social a:hover,
.page-template-page-contact .elementor-widget a[href*="facebook"]:hover,
.page-template-page-contact .elementor-widget a[href*="instagram"]:hover,
.page-template-page-contact .elementor-widget a[href*="twitter"]:hover {
    color: var(--blg-accent-color) !important;
    border-block-end-color: var(--blg-accent-color) !important;
    letter-spacing: 5px !important;
}

/* Email links */
.page-template-page-contact a[href*="mailto"] {
    font-family: var(--blg-font-heading) !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    color: var(--blg-text-main) !important;
    position: relative !important;
    display: inline-block !important;
    transition: color 0.3s ease, transform 0.4s ease !important;
}

.page-template-page-contact a[href*="mailto"]::after {
    content: '';
    position: absolute;
    inset-block-end: -2px;
    inset-inline-start: 0;
    width: 0;
    height: 1.5px;
    background: var(--blg-accent-color);
    transition: width 0.5s cubic-bezier(0.19,1,0.22,1);
}

.page-template-page-contact a[href*="mailto"]:hover {
    color: var(--blg-accent-color) !important;
}

.page-template-page-contact a[href*="mailto"]:hover::after {
    width: 100%;
}

/* ====================================================

/* ====================================================
   MODERN SKIN (NEO) — ACCENT CONTRAST FIXES
   ==================================================== */

[data-theme="neo"] .blg-title-mid {
    color: #ffffff !important;
}

[data-theme="neo"] .blg-hero-side-tab {
    color: #ffffff !important;
}

[data-theme="neo"] .blg-hero-side-tab span,
[data-theme="neo"] .blg-hero-side-tab svg {
    color: #ffffff !important;
}

/* ====================================================
   MODERN SKIN (NEO) — COMPLETE READABILITY OVERHAUL
   ==================================================== */

/* Whiten the blue-bar title */
[data-theme="neo"] .blg-title-mid,
[data-theme="neo"] .blg-title-mid {
    color: #ffffff !important;
}

/* Whiten the side tab */
[data-theme="neo"] .blg-hero-side-tab,
[data-theme="neo"] .blg-hero-side-tab span,
[data-theme="neo"] .blg-hero-side-tab svg,
[data-theme="neo"] .blg-hero-side-tab span,
[data-theme="neo"] .blg-hero-side-tab svg {
    color: #ffffff !important;
}

/* Fix Hero Labels (Trend / 01 etc) */
[data-theme="neo"] .blg-hero-brief__label,
[data-theme="neo"] .blg-hero-brief__label {
    color: var(--blg-accent-color) !important;
    font-weight: 800 !important;
    opacity: 1 !important;
}

/* ====================================================

/* ====================================================
   BOTTOM BAR — HOVER ARROW (THEME AWARE)
   ==================================================== */
.blg-bottom-bar__link:hover .blg-bb-hover-arrow {
    opacity: 1 !important;
    transform: translateInline(0) !important;
}

/* Global: Use theme accent */
.blg-bottom-bar__link:hover .blg-bb-hover-arrow svg {
    color: var(--blg-accent-color) !important;
    stroke: var(--blg-accent-color) !important;
}

/* Impact Override: Ensure deep red */
[data-theme="athletic"] .blg-bottom-bar__link:hover .blg-bb-hover-arrow svg {
    color: #ff3c3c !important;
    stroke: #ff3c3c !important;
}

/* ====================================================
   IMPACT SKIN — FOOTER REFINEMENT
   ==================================================== */
[data-theme="athletic"] .blg-footer {
    border-block-start: 10px solid #ff3c3c !important;
    background: #0a0a0a !important;
    padding-block: 100px !important;
}

[data-theme="athletic"] .blg-footer__deco-word {
    font-size: clamp(10rem, 25vw, 40rem) !important;
    line-height: 0.7 !important;
    letter-spacing: -0.05em !important;
    opacity: 0.03 !important;
    color: #ffffff !important;
}

[data-theme="athletic"] .blg-footer__inner {
    border-inline-start: 2px solid #ff3c3c;
    padding-inline-start: 40px;
}

/* ====================================================
   SAFFRON SKIN — READABILITY FIXES
   ==================================================== */
[data-theme="saffron"] .blg-title-mid,
[data-theme="saffron"] .blg-title-mid {
    color: #ffffff !important;
}

[data-theme="saffron"] .blg-hero-side-tab,
[data-theme="saffron"] .blg-hero-side-tab span,
[data-theme="saffron"] .blg-hero-side-tab svg,
[data-theme="saffron"] .blg-hero-side-tab span,
[data-theme="saffron"] .blg-hero-side-tab svg {
    color: #ffffff !important;
}

/* ====================================================
   IMPACT SKIN — SIDE TAB VISIBILITY FIX
   ==================================================== */
[data-theme="athletic"] .blg-hero-side-tab {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    right: 0 !important;
    z-index: 9999 !important;
}

/* ====================================================
   CYBER SKIN — FOOTER REFINEMENT
   ==================================================== */
[data-theme="cyber"] .blg-footer {
    border-block-start: 2px solid #ff0055 !important;
    background: #050505 !important;
}

[data-theme="cyber"] .blg-footer__deco-word {
    font-size: clamp(8rem, 20vw, 30rem) !important;
    line-height: 0.8 !important;
    opacity: 0.05 !important;
    color: #ff0055 !important;
}

[data-theme="cyber"] .blg-footer__inner {
    border-inline-start: 1.5px solid #ff0055;
    padding-inline-start: 35px;
}

/* ====================================================
   IMPACT SKIN — SIDE TAB ARROW DARK FIX
   ==================================================== */
[data-theme="athletic"] .blg-hero-side-tab svg,
[data-theme="athletic"] .blg-side-badge-wrap a.blg-hero-side-tab svg,
[data-theme="athletic"] .blg-hero-side-tab svg {
    stroke: #000000 !important;
    color: #000000 !important;
}

/* ====================================================
   MODERN SKIN (NEO) — COMPLETE REFINEMENT
   ==================================================== */

/* 1. Whiten Side Tab */
[data-theme="neo"] .blg-hero-side-tab,
[data-theme="neo"] .blg-hero-side-tab span,
[data-theme="neo"] .blg-hero-side-tab svg,
[data-theme="neo"] .blg-hero-side-tab span,
[data-theme="neo"] .blg-hero-side-tab svg {
    color: #ffffff !important;
}

/* 2. Footer Overhaul */
[data-theme="neo"] .blg-footer {
    border-block-start: 1.5px solid #3b82f6 !important;
    background: #0d1117 !important; /* GitHub-style Dark */
}

[data-theme="neo"] .blg-footer__deco-word {
    font-size: clamp(6rem, 15vw, 22rem) !important;
    line-height: 0.9 !important;
    font-family: 'Inter', sans-serif !important; /* Premium Modern Font */
    font-weight: 900 !important;
    text-transform: uppercase !important;
    letter-spacing: -0.05em !important;
    opacity: 0.04 !important;
    color: #3b82f6 !important;
}

[data-theme="neo"] .blg-footer__inner {
    border-inline-start: 2px solid #3b82f6;
    padding-inline-start: 40px;
}

/* 3. Sub-menu Cut-off Fix */
.blg-header,
.blg-nav-wrap,
.blg-header-inner,
.blg-header-bottom {
    overflow: visible !important;
}

.blg-nav-wrap {
    z-index: 9999 !important;
}

.sub-menu {
    z-index: 10000 !important;
    box-shadow: 0 15px 35px rgba(0,0,0,0.2) !important;
}

/* 4. Bold Modern Typography for Neo */
[data-theme="neo"] h1,
[data-theme="neo"] h2,
[data-theme="neo"] .blg-hero-main-title {
    font-family: 'Inter', sans-serif !important;
    font-weight: 900 !important;
    letter-spacing: -0.04em !important;
}

/* ====================================================
   MODERN SKIN (NEO) — DARK OVERLAY & SIDE TAB FIX
   ==================================================== */

/* Darken Single Post Hero Overlay */
[data-theme="neo"] .blg-hero-single__visual::after,
[data-theme="neo"] .blg-hero-single::after {
    background: linear-gradient(to bottom, rgba(13, 17, 23, 0.4), rgba(13, 17, 23, 0.95)) !important;
}

/* Whiten Side Tab Text/Arrow */
[data-theme="neo"] .blg-hero-side-tab,
[data-theme="neo"] .blg-hero-side-tab span,
[data-theme="neo"] .blg-hero-side-tab svg,
[data-theme="neo"] .blg-side-badge-wrap a.blg-hero-side-tab span,
[data-theme="neo"] .blg-side-badge-wrap a.blg-hero-side-tab svg {
    color: #ffffff !important;
    stroke: #ffffff !important;
}

/* Footer Wordmark Scaling — Ultra Refined */
[data-theme="neo"] .tft-footer-monolith .blg-footer__wordmark {
    font-size: clamp(2rem, 5vw, 2.8rem) !important;
    letter-spacing: 2px !important;
    opacity: 0.8 !important;
    margin-block-end: 20px !important;
}

[data-theme="neo"] .blg-footer__deco-word {
    font-size: clamp(3rem, 6vw, 2.5rem) !important;
}

/* ====================================================
   MODERN SKIN (NEO) — HIGH-FIDELITY READABILITY
   ==================================================== */

/* 1. Darken Top Overlay (Single Post) */
[data-theme="neo"] .blg-hero-single__visual::after,
[data-theme="neo"] .blg-hero-single::after {
    background: linear-gradient(to bottom, 
        rgba(13, 17, 23, 0.75) 0%, 
        rgba(13, 17, 23, 0.6) 30%, 
        rgba(13, 17, 23, 0.98) 100%
    ) !important;
}

/* 2. Nuclear Override for White Contact Text (Neo) */
html [data-theme="neo"] .blg-hero-side-tab,
html [data-theme="neo"] .blg-hero-side-tab span,
html [data-theme="neo"] .blg-hero-side-tab svg,
html [data-theme="neo"] .blg-side-badge-wrap .blg-hero-side-tab span,
html [data-theme="neo"] .blg-side-badge-wrap .blg-hero-side-tab svg {
    color: #ffffff !important;
    stroke: #ffffff !important;
}

/* 3. Re-enforce Saffron White Text */
html [data-theme="saffron"] .blg-hero-side-tab,
html [data-theme="saffron"] .blg-hero-side-tab span,
html [data-theme="saffron"] .blg-hero-side-tab svg,
html [data-theme="saffron"] .blg-side-badge-wrap .blg-hero-side-tab span,
html [data-theme="saffron"] .blg-side-badge-wrap .blg-hero-side-tab svg {
    color: #ffffff !important;
    stroke: #ffffff !important;
}

/* ====================================================
   STRICT TYPOGRAPHY ENFORCEMENT — THE 13 EDITIONS
   ==================================================== */

/* VOGUE (Default) */
[data-theme='vogue'] {
    --blg-font-heading: 'Playfair Display', serif !important;
    --blg-font-body: 'Source Sans Pro', sans-serif !important;
}

/* CYBER */
[data-theme='cyber'] {
    --blg-font-heading: 'Space Grotesk', sans-serif !important;
    --blg-font-body: 'Inter', sans-serif !important;
}

/* LUXE */
[data-theme='luxe'], [data-theme='noir'] {
    --blg-font-heading: 'Cormorant Garamond', serif !important;
    --blg-font-body: 'Montserrat', sans-serif !important;
}

/* ZEN */
[data-theme='zen'] {
    --blg-font-heading: 'Noto Serif', serif !important;
    --blg-font-body: 'Outfit', sans-serif !important;
}

/* IMPACT */
[data-theme='athletic'] {
    --blg-font-heading: 'Anton', sans-serif !important;
    --blg-font-body: 'Roboto', sans-serif !important;
}

/* MODERN */
[data-theme='neo'] {
    --blg-font-heading: 'Syne', sans-serif !important;
    --blg-font-body: 'Work Sans', sans-serif !important;
}

/* ACID */
[data-theme='acid'] {
    --blg-font-heading: 'Space Mono', monospace !important;
    --blg-font-body: 'JetBrains Mono', monospace !important;
}

/* ROYAL */
[data-theme='royal'], [data-theme='gazette'] {
    --blg-font-heading: 'Cinzel', serif !important;
    --blg-font-body: 'Spectral', serif !important;
}

/* COPPER */
[data-theme='copper'] {
    --blg-font-heading: 'Staatliches', sans-serif !important;
    --blg-font-body: 'Barlow', sans-serif !important;
}

/* OBSIDIAN */
[data-theme='obsidian'] {
    --blg-font-heading: 'Fira Code', monospace !important;
    --blg-font-body: 'DM Sans', sans-serif !important;
}

/* SAFFRON */
[data-theme='saffron'] {
    --blg-font-heading: 'Fraunces', serif !important;
    --blg-font-body: 'Mulish', sans-serif !important;
}

/* SOLAR */
[data-theme='solar'] {
    --blg-font-heading: 'Archivo Black', sans-serif !important;
    --blg-font-body: 'Plus Jakarta Sans', sans-serif !important;
}

/* VELVET */
[data-theme='velvet'] {
    --blg-font-heading: 'Libre Caslon Display', serif !important;
    --blg-font-body: 'Lora', serif !important;
}

/* THE NUCLEAR FONT ENFORCER (Including Hero Sections) */
[data-theme] h1, [data-theme] h2, [data-theme] h3, [data-theme] h4, [data-theme] h5, [data-theme] h6,
[data-theme] .blg-hero-main-title, [data-theme] .blg-hero-main-title *,
[data-theme] .blg-hero-brief__item-title, [data-theme] .blg-hero-brief__item-title *,
[data-theme] .blg-hero-brief__content, [data-theme] .blg-hero-brief__content *,
[data-theme] .blg-title-mid, [data-theme] .blg-title-line3,
[data-theme] .blg-module-title, [data-theme] .blg-post-title,
[data-theme] .blg-overlay-menu .tft-menu-link, [data-theme] .blg-overlay-nav-list a {
    font-family: var(--blg-font-heading) !important;
}

[data-theme] body, [data-theme] p, [data-theme] .blg-post-excerpt, [data-theme] .blg-nav-link {
    font-family: var(--blg-font-body) !important;
}

/* Re-fixing Light Skin Text Visibility (Inherited from Restoration) */
[data-theme='vogue'], [data-theme='neo'], [data-theme='zen'], [data-theme='royal'], 
[data-theme='gazette'], [data-theme='saffron'], [data-theme='solar'], [data-theme='copper'] {
    --blg-text-main: #000000 !important;
    color: #000000 !important;
}

[data-theme='vogue'] .blg-post-title, [data-theme='neo'] .blg-post-title, 
[data-theme='zen'] .blg-post-title, [data-theme='royal'] .blg-post-title {
    color: #000000 !important;
}

/* ====================================================
   ULTIMATE COLOR PICKER & TYPOGRAPHY RESTORATION
   ==================================================== */

/* 1. COLOR PICKER UI (Frontend Switcher) */
.tft-color-picker-wrap {
    margin-top: 15px !important;
    padding-top: 15px !important;
    border-top: 1px solid #eee !important;
    text-align: center !important;
}

.tft-color-label {
    font-size: 0.6rem !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    color: #999 !important;
    display: block !important;
    margin-bottom: 8px !important;
}

.tft-color-input {
    width: 100% !important;
    height: 30px !important;
    border: none !important;
    background: transparent !important;
    cursor: pointer !important;
}

/* 2. NUCLEAR TYPOGRAPHY RE-ENFORCEMENT (PER-SKIN) */
/* We target the root [data-theme] to ensure variables are global */

[data-theme='vogue'] { --blg-font-heading: 'Playfair Display', serif !important; --blg-font-body: 'Source Sans Pro', sans-serif !important; }
[data-theme='cyber'] { --blg-font-heading: 'Space Grotesk', sans-serif !important; --blg-font-body: 'Inter', sans-serif !important; }
[data-theme='luxe'], [data-theme='noir'] { --blg-font-heading: 'Cormorant Garamond', serif !important; --blg-font-body: 'Montserrat', sans-serif !important; }
[data-theme='zen'] { --blg-font-heading: 'Noto Serif', serif !important; --blg-font-body: 'Outfit', sans-serif !important; }
[data-theme='athletic'] { --blg-font-heading: 'Anton', sans-serif !important; --blg-font-body: 'Roboto', sans-serif !important; }
[data-theme='neo'] { --blg-font-heading: 'Syne', sans-serif !important; --blg-font-body: 'Work Sans', sans-serif !important; }
[data-theme='acid'] { --blg-font-heading: 'Space Mono', monospace !important; --blg-font-body: 'JetBrains Mono', monospace !important; }
[data-theme='royal'], [data-theme='gazette'] { --blg-font-heading: 'Cinzel', serif !important; --blg-font-body: 'Spectral', serif !important; }
[data-theme='copper'] { --blg-font-heading: 'Staatliches', sans-serif !important; --blg-font-body: 'Barlow', sans-serif !important; }
[data-theme='obsidian'] { --blg-font-heading: 'Fira Code', monospace !important; --blg-font-body: 'DM Sans', sans-serif !important; }
[data-theme='saffron'] { --blg-font-heading: 'Fraunces', serif !important; --blg-font-body: 'Mulish', sans-serif !important; }
[data-theme='solar'] { --blg-font-heading: 'Archivo Black', sans-serif !important; --blg-font-body: 'Plus Jakarta Sans', sans-serif !important; }
[data-theme='velvet'] { --blg-font-heading: 'Libre Caslon Display', serif !important; --blg-font-body: 'Lora', serif !important; }

/* Apply Font Variables to Elements */
[data-theme] h1, [data-theme] h2, [data-theme] h3, [data-theme] h4, [data-theme] h5, [data-theme] h6,
[data-theme] .blg-hero-main-title, [data-theme] .blg-hero-brief__item-title,
[data-theme] .blg-module-title, [data-theme] .blg-post-title,
[data-theme] .tft-menu-link {
    font-family: var(--blg-font-heading) !important;
}

[data-theme] body, [data-theme] p, [data-theme] .blg-post-excerpt, [data-theme] .blg-nav-link {
    font-family: var(--blg-font-body) !important;
}

/* ====================================================
   FIX FOR DARK SKIN READABILITY — RESTORE WHITE TEXT
   ==================================================== */

/* These skins are DARK. They MUST have WHITE text. 
   Neutralizing the previous bad cleanup. */

[data-theme='cyber'], [data-theme='athletic'], [data-theme='acid'], 
[data-theme='obsidian'], [data-theme='velvet'], [data-theme='luxe'], 
[data-theme='noir'], [data-theme='solar'] {
    --blg-text-main: #ffffff !important;
    --blg-text-muted: rgba(255,255,255,0.7) !important;
    color: #ffffff !important;
}

[data-theme='cyber'] h1, [data-theme='cyber'] h2, [data-theme='cyber'] .blg-post-title,
[data-theme='athletic'] h1, [data-theme='athletic'] h2, [data-theme='athletic'] .blg-post-title,
[data-theme='acid'] h1, [data-theme='acid'] h2, [data-theme='acid'] .blg-post-title,
[data-theme='obsidian'] h1, [data-theme='obsidian'] h2, [data-theme='obsidian'] .blg-post-title,
[data-theme='velvet'] h1, [data-theme='velvet'] h2, [data-theme='velvet'] .blg-post-title,
[data-theme='luxe'] h1, [data-theme='luxe'] h2, [data-theme='luxe'] .blg-post-title,
[data-theme='noir'] h1, [data-theme='noir'] h2, [data-theme='noir'] .blg-post-title,
[data-theme='solar'] h1, [data-theme='solar'] h2, [data-theme='solar'] .blg-post-title {
    color: #ffffff !important;
}

/* Ensure Light Skins stay Light (Vogue, Zen, Modern, etc.) */
[data-theme='vogue'], [data-theme='neo'], [data-theme='zen'], [data-theme='royal'], 
[data-theme='gazette'], [data-theme='saffron'], [data-theme='copper'] {
    --blg-text-main: #000000 !important;
    color: #000000 !important;
}

/* ====================================================
   DARK SKIN ULTIMATE READABILITY — RESTORING WHITE TEXT
   ==================================================== */

/* We target both body and html data-theme attributes for maximum coverage.
   These skins are DARK and MUST have WHITE text. */

[data-theme='cyber'], [data-theme='athletic'], [data-theme='acid'], 
[data-theme='obsidian'], [data-theme='velvet'], [data-theme='luxe'], 
[data-theme='noir'], [data-theme='solar'] {
    --blg-text-main: #ffffff !important;
    --blg-text-muted: rgba(255,255,255,0.7) !important;
    color: #ffffff !important;
}

/* Force White Text on all key typography elements for Dark Skins */
[data-theme='cyber'] h1, [data-theme='cyber'] h2, [data-theme='cyber'] h3, [data-theme='cyber'] h4,
[data-theme='cyber'] .blg-post-title, [data-theme='cyber'] .blg-hero-main-title, [data-theme='cyber'] p,
[data-theme='athletic'] h1, [data-theme='athletic'] h2, [data-theme='athletic'] h3, [data-theme='athletic'] h4,
[data-theme='athletic'] .blg-post-title, [data-theme='athletic'] .blg-hero-main-title, [data-theme='athletic'] p,
[data-theme='acid'] h1, [data-theme='acid'] h2, [data-theme='acid'] h3, [data-theme='acid'] h4,
[data-theme='acid'] .blg-post-title, [data-theme='acid'] .blg-hero-main-title, [data-theme='acid'] p,
[data-theme='obsidian'] h1, [data-theme='obsidian'] h2, [data-theme='obsidian'] h3, [data-theme='obsidian'] h4,
[data-theme='obsidian'] .blg-post-title, [data-theme='obsidian'] .blg-hero-main-title, [data-theme='obsidian'] p,
[data-theme='velvet'] h1, [data-theme='velvet'] h2, [data-theme='velvet'] h3, [data-theme='velvet'] h4,
[data-theme='velvet'] .blg-post-title, [data-theme='velvet'] .blg-hero-main-title, [data-theme='velvet'] p,
[data-theme='luxe'] h1, [data-theme='luxe'] h2, [data-theme='luxe'] h3, [data-theme='luxe'] h4,
[data-theme='luxe'] .blg-post-title, [data-theme='luxe'] .blg-hero-main-title, [data-theme='luxe'] p,
[data-theme='noir'] h1, [data-theme='noir'] h2, [data-theme='noir'] h3, [data-theme='noir'] h4,
[data-theme='noir'] .blg-post-title, [data-theme='noir'] .blg-hero-main-title, [data-theme='noir'] p,
[data-theme='solar'] h1, [data-theme='solar'] h2, [data-theme='solar'] h3, [data-theme='solar'] h4,
[data-theme='solar'] .blg-post-title, [data-theme='solar'] .blg-hero-main-title, [data-theme='solar'] p {
    color: #ffffff !important;
}

/* Fix for the Runway Spotlight title seen in screenshot */
[data-theme='cyber'] .blg-feed-title,
[data-theme='athletic'] .blg-feed-title,
[data-theme='acid'] .blg-feed-title,
[data-theme='obsidian'] .blg-feed-title,
[data-theme='velvet'] .blg-feed-title,
[data-theme='luxe'] .blg-feed-title,
[data-theme='noir'] .blg-feed-title,
[data-theme='solar'] .blg-feed-title {
    color: #ffffff !important;
}

/* ====================================================
   ROYAL & COPPER — DARK MODE TEXT FIX
   ==================================================== */

/* Moving Royal and Copper to the Dark Mode list 
   as they are rendering with dark backgrounds in single posts. */

[data-theme='royal'], [data-theme='gazette'], [data-theme='copper'] {
    --blg-text-main: #ffffff !important;
    --blg-text-muted: rgba(255,255,255,0.7) !important;
    color: #ffffff !important;
}

[data-theme='royal'] h1, [data-theme='royal'] h2, [data-theme='royal'] p, [data-theme='royal'] li, [data-theme='royal'] .entry-content *,
[data-theme='gazette'] h1, [data-theme='gazette'] h2, [data-theme='gazette'] p, [data-theme='gazette'] li, [data-theme='gazette'] .entry-content *,
[data-theme='copper'] h1, [data-theme='copper'] h2, [data-theme='copper'] p, [data-theme='copper'] li, [data-theme='copper'] .entry-content * {
    color: #ffffff !important;
}

/* Specific fix for the Table of Contents seen in screenshot */
[data-theme='royal'] .tft-toc-wrap, [data-theme='royal'] .tft-toc-title, [data-theme='royal'] .tft-toc-list a,
[data-theme='copper'] .tft-toc-wrap, [data-theme='copper'] .tft-toc-title, [data-theme='copper'] .tft-toc-list a {
    color: #ffffff !important;
}

/* Remove them from the Light Skin black text force */
[data-theme='vogue'], [data-theme='neo'], [data-theme='zen'], [data-theme='saffron'], [data-theme='solar'] {
    --blg-text-main: #000000 !important;
}

/* ====================================================
   THE NUCLEAR TYPOGRAPHY MANIFESTO — 13 UNIQUE EDITIONS
   ==================================================== */

/* Global reset to ensure no inheritance leaks */
[data-theme] {
    --blg-font-heading: inherit;
    --blg-font-body: inherit;
}

/* 01 VOGUE — Fashion Editorial */
[data-theme='vogue'] {
    --blg-font-heading: 'Playfair Display', serif !important;
    --blg-font-body: 'Source Sans Pro', sans-serif !important;
}

/* 02 CYBER — Neon Tech */
[data-theme='cyber'] {
    --blg-font-heading: 'Space Grotesk', sans-serif !important;
    --blg-font-body: 'Inter', sans-serif !important;
}

/* 03 LUXE — Royal Elegance */
[data-theme='luxe'] {
    --blg-font-heading: 'Cormorant Garamond', serif !important;
    --blg-font-body: 'Montserrat', sans-serif !important;
}

/* 04 ZEN — Botanical Minimal */
[data-theme='zen'] {
    --blg-font-heading: 'Noto Serif', serif !important;
    --blg-font-body: 'Outfit', sans-serif !important;
}

/* 05 IMPACT — Bold Power */
[data-theme='athletic'], [data-theme='impact'] {
    --blg-font-heading: 'Anton', sans-serif !important;
    --blg-font-body: 'Roboto', sans-serif !important;
}

/* 06 MODERN — Sleek Minimal */
[data-theme='neo'], [data-theme='modern'] {
    --blg-font-heading: 'Syne', sans-serif !important;
    --blg-font-body: 'Work Sans', sans-serif !important;
}

/* 07 ACID — Tech Brutalist */
[data-theme='acid'] {
    --blg-font-heading: 'Space Mono', monospace !important;
    --blg-font-body: 'JetBrains Mono', monospace !important;
}

/* 08 ROYAL — Classical Heritage */
[data-theme='royal'], [data-theme='gazette'] {
    --blg-font-heading: 'Cinzel', serif !important;
    --blg-font-body: 'Spectral', serif !important;
}

/* 09 COPPER — Industrial Gear */
[data-theme='copper'] {
    --blg-font-heading: 'Staatliches', sans-serif !important;
    --blg-font-body: 'Barlow', sans-serif !important;
}

/* 10 OBSIDIAN — Matrix Deep */
[data-theme='obsidian'] {
    --blg-font-heading: 'Fira Code', monospace !important;
    --blg-font-body: 'DM Sans', sans-serif !important;
}

/* 11 SAFFRON — Warm Earth */
[data-theme='saffron'] {
    --blg-font-heading: 'Fraunces', serif !important;
    --blg-font-body: 'Mulish', sans-serif !important;
}

/* 12 SOLAR — Golden Hour */
[data-theme='solar'] {
    --blg-font-heading: 'Archivo Black', sans-serif !important;
    --blg-font-body: 'Plus Jakarta Sans', sans-serif !important;
}

/* 13 VELVET — Burgundy Luxe */
[data-theme='velvet'] {
    --blg-font-heading: 'Libre Caslon Display', serif !important;
    --blg-font-body: 'Lora', serif !important;
}

/* ---------- THE ULTIMATE ENFORCER ---------- */

/* HEADINGS & DISPLAY */
[data-theme] h1, [data-theme] h2, [data-theme] h3, [data-theme] h4, [data-theme] h5, [data-theme] h6,
[data-theme] .blg-hero-main-title, [data-theme] .blg-hero-main-title *,
[data-theme] .blg-hero-brief__item-title, [data-theme] .blg-hero-brief__item-title *,
[data-theme] .blg-feed-title, [data-theme] .blg-feed-title *,
[data-theme] .blg-module-title, [data-theme] .blg-post-title,
[data-theme] .blg-title-mid, [data-theme] .blg-title-line3,
[data-theme] .blg-overlay-menu .tft-menu-link, [data-theme] .blg-overlay-nav-list a,
[data-theme] .blg-footer__wordmark, [data-theme] .blg-footer__hero-title,
[data-theme] .tft-toc-title {
    font-family: var(--blg-font-heading) !important;
}

/* BODY & UI */
[data-theme] body, [data-theme] p, [data-theme] .blg-post-excerpt, 
[data-theme] .blg-nav-link, [data-theme] .blg-meta-item,
[data-theme] .blg-category-label, [data-theme] .entry-content,
[data-theme] .entry-content p, [data-theme] .entry-content li,
[data-theme] .blg-footer__tagline, [data-theme] .tft-toc-list a {
    font-family: var(--blg-font-body) !important;
}

/* Fix for Button Typography */
[data-theme] .blg-button, [data-theme] .blg-btn, [data-theme] button {
    font-family: var(--blg-font-body) !important;
}

/* ====================================================
   ULTIMATE TYPOGRAPHY BRUTE-FORCE — DIRECT INJECTION
   ==================================================== */

/* 02 CYBER */
[data-theme='cyber'] h1, [data-theme='cyber'] h2, [data-theme='cyber'] h3, [data-theme='cyber'] h4, [data-theme='cyber'] h5, [data-theme='cyber'] h6,
[data-theme='cyber'] .blg-hero-main-title, [data-theme='cyber'] .blg-hero-brief__item-title,
[data-theme='cyber'] .blg-feed-title, [data-theme='cyber'] .blg-module-title,
[data-theme='cyber'] .blg-post-title, [data-theme='cyber'] .blg-overlay-menu .tft-menu-link,
[data-theme='cyber'] .blg-title-mid, [data-theme='cyber'] .blg-title-line3 {
    font-family: 'Space Grotesk', sans-serif !important;
}
[data-theme='cyber'] body, [data-theme='cyber'] p, [data-theme='cyber'] .blg-post-excerpt, [data-theme='cyber'] .entry-content, [data-theme='cyber'] .entry-content * {
    font-family: 'Inter', sans-serif !important;
}

/* 03 LUXE */
[data-theme='luxe'] h1, [data-theme='luxe'] h2, [data-theme='luxe'] h3, [data-theme='luxe'] h4, [data-theme='luxe'] h5, [data-theme='luxe'] h6,
[data-theme='luxe'] .blg-hero-main-title, [data-theme='luxe'] .blg-hero-brief__item-title,
[data-theme='luxe'] .blg-feed-title, [data-theme='luxe'] .blg-module-title,
[data-theme='luxe'] .blg-post-title, [data-theme='luxe'] .tft-menu-link {
    font-family: 'Cormorant Garamond', serif !important;
}
[data-theme='luxe'] body, [data-theme='luxe'] p, [data-theme='luxe'] .blg-post-excerpt, [data-theme='luxe'] .entry-content, [data-theme='luxe'] .entry-content * {
    font-family: 'Montserrat', sans-serif !important;
}

/* 04 ZEN */
[data-theme='zen'] h1, [data-theme='zen'] h2, [data-theme='zen'] h3, [data-theme='zen'] h4, [data-theme='zen'] h5, [data-theme='zen'] h6,
[data-theme='zen'] .blg-hero-main-title, [data-theme='zen'] .blg-hero-brief__item-title,
[data-theme='zen'] .blg-feed-title, [data-theme='zen'] .blg-module-title,
[data-theme='zen'] .blg-post-title, [data-theme='zen'] .tft-menu-link {
    font-family: 'Noto Serif', serif !important;
}
[data-theme='zen'] body, [data-theme='zen'] p, [data-theme='zen'] .blg-post-excerpt, [data-theme='zen'] .entry-content, [data-theme='zen'] .entry-content * {
    font-family: 'Outfit', sans-serif !important;
}

/* 05 IMPACT */
[data-theme='athletic'] h1, [data-theme='athletic'] h2, [data-theme='athletic'] h3, [data-theme='athletic'] h4, [data-theme='athletic'] h5, [data-theme='athletic'] h6,
[data-theme='athletic'] .blg-hero-main-title, [data-theme='athletic'] .blg-hero-brief__item-title,
[data-theme='athletic'] .blg-feed-title, [data-theme='athletic'] .blg-module-title,
[data-theme='athletic'] .blg-post-title, [data-theme='athletic'] .tft-menu-link {
    font-family: 'Anton', sans-serif !important;
}
[data-theme='athletic'] body, [data-theme='athletic'] p, [data-theme='athletic'] .blg-post-excerpt, [data-theme='athletic'] .entry-content, [data-theme='athletic'] .entry-content * {
    font-family: 'Roboto', sans-serif !important;
}

/* 06 MODERN */
[data-theme='neo'] h1, [data-theme='neo'] h2, [data-theme='neo'] h3, [data-theme='neo'] h4, [data-theme='neo'] h5, [data-theme='neo'] h6,
[data-theme='neo'] .blg-hero-main-title, [data-theme='neo'] .blg-hero-brief__item-title,
[data-theme='neo'] .blg-feed-title, [data-theme='neo'] .blg-module-title,
[data-theme='neo'] .blg-post-title, [data-theme='neo'] .tft-menu-link {
    font-family: 'Syne', sans-serif !important;
}
[data-theme='neo'] body, [data-theme='neo'] p, [data-theme='neo'] .blg-post-excerpt, [data-theme='neo'] .entry-content, [data-theme='neo'] .entry-content * {
    font-family: 'Work Sans', sans-serif !important;
}

/* 07 ACID */
[data-theme='acid'] h1, [data-theme='acid'] h2, [data-theme='acid'] h3, [data-theme='acid'] h4, [data-theme='acid'] h5, [data-theme='acid'] h6,
[data-theme='acid'] .blg-hero-main-title, [data-theme='acid'] .blg-hero-brief__item-title,
[data-theme='acid'] .blg-feed-title, [data-theme='acid'] .blg-module-title,
[data-theme='acid'] .blg-post-title, [data-theme='acid'] .tft-menu-link {
    font-family: 'Space Mono', monospace !important;
}
[data-theme='acid'] body, [data-theme='acid'] p, [data-theme='acid'] .blg-post-excerpt, [data-theme='acid'] .entry-content, [data-theme='acid'] .entry-content * {
    font-family: 'JetBrains Mono', monospace !important;
}

/* 08 ROYAL */
[data-theme='royal'] h1, [data-theme='royal'] h2, [data-theme='royal'] h3, [data-theme='royal'] h4, [data-theme='royal'] h5, [data-theme='royal'] h6,
[data-theme='royal'] .blg-hero-main-title, [data-theme='royal'] .blg-hero-brief__item-title,
[data-theme='royal'] .blg-feed-title, [data-theme='royal'] .blg-module-title,
[data-theme='royal'] .blg-post-title, [data-theme='royal'] .tft-menu-link {
    font-family: 'Cinzel', serif !important;
}
[data-theme='royal'] body, [data-theme='royal'] p, [data-theme='royal'] .blg-post-excerpt, [data-theme='royal'] .entry-content, [data-theme='royal'] .entry-content * {
    font-family: 'Spectral', serif !important;
}

/* 09 COPPER */
[data-theme='copper'] h1, [data-theme='copper'] h2, [data-theme='copper'] h3, [data-theme='copper'] h4, [data-theme='copper'] h5, [data-theme='copper'] h6,
[data-theme='copper'] .blg-hero-main-title, [data-theme='copper'] .blg-hero-brief__item-title,
[data-theme='copper'] .blg-feed-title, [data-theme='copper'] .blg-module-title,
[data-theme='copper'] .blg-post-title, [data-theme='copper'] .tft-menu-link {
    font-family: 'Staatliches', sans-serif !important;
}
[data-theme='copper'] body, [data-theme='copper'] p, [data-theme='copper'] .blg-post-excerpt, [data-theme='copper'] .entry-content, [data-theme='copper'] .entry-content * {
    font-family: 'Barlow', sans-serif !important;
}

/* 10 OBSIDIAN */
[data-theme='obsidian'] h1, [data-theme='obsidian'] h2, [data-theme='obsidian'] h3, [data-theme='obsidian'] h4, [data-theme='obsidian'] h5, [data-theme='obsidian'] h6,
[data-theme='obsidian'] .blg-hero-main-title, [data-theme='obsidian'] .blg-hero-brief__item-title,
[data-theme='obsidian'] .blg-feed-title, [data-theme='obsidian'] .blg-module-title,
[data-theme='obsidian'] .blg-post-title, [data-theme='obsidian'] .tft-menu-link {
    font-family: 'Fira Code', monospace !important;
}
[data-theme='obsidian'] body, [data-theme='obsidian'] p, [data-theme='obsidian'] .blg-post-excerpt, [data-theme='obsidian'] .entry-content, [data-theme='obsidian'] .entry-content * {
    font-family: 'DM Sans', sans-serif !important;
}

/* 11 SAFFRON */
[data-theme='saffron'] h1, [data-theme='saffron'] h2, [data-theme='saffron'] h3, [data-theme='saffron'] h4, [data-theme='saffron'] h5, [data-theme='saffron'] h6,
[data-theme='saffron'] .blg-hero-main-title, [data-theme='saffron'] .blg-hero-brief__item-title,
[data-theme='saffron'] .blg-feed-title, [data-theme='saffron'] .blg-module-title,
[data-theme='saffron'] .blg-post-title, [data-theme='saffron'] .tft-menu-link {
    font-family: 'Fraunces', serif !important;
}
[data-theme='saffron'] body, [data-theme='saffron'] p, [data-theme='saffron'] .blg-post-excerpt, [data-theme='saffron'] .entry-content, [data-theme='saffron'] .entry-content * {
    font-family: 'Mulish', sans-serif !important;
}

/* 12 SOLAR */
[data-theme='solar'] h1, [data-theme='solar'] h2, [data-theme='solar'] h3, [data-theme='solar'] h4, [data-theme='solar'] h5, [data-theme='solar'] h6,
[data-theme='solar'] .blg-hero-main-title, [data-theme='solar'] .blg-hero-brief__item-title,
[data-theme='solar'] .blg-feed-title, [data-theme='solar'] .blg-module-title,
[data-theme='solar'] .blg-post-title, [data-theme='solar'] .tft-menu-link {
    font-family: 'Archivo Black', sans-serif !important;
}
[data-theme='solar'] body, [data-theme='solar'] p, [data-theme='solar'] .blg-post-excerpt, [data-theme='solar'] .entry-content, [data-theme='solar'] .entry-content * {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
}

/* 13 VELVET */
[data-theme='velvet'] h1, [data-theme='velvet'] h2, [data-theme='velvet'] h3, [data-theme='velvet'] h4, [data-theme='velvet'] h5, [data-theme='velvet'] h6,
[data-theme='velvet'] .blg-hero-main-title, [data-theme='velvet'] .blg-hero-brief__item-title,
[data-theme='velvet'] .blg-feed-title, [data-theme='velvet'] .blg-module-title,
[data-theme='velvet'] .blg-post-title, [data-theme='velvet'] .tft-menu-link {
    font-family: 'Libre Caslon Display', serif !important;
}
[data-theme='velvet'] body, [data-theme='velvet'] p, [data-theme='velvet'] .blg-post-excerpt, [data-theme='velvet'] .entry-content, [data-theme='velvet'] .entry-content * {
    font-family: 'Lora', serif !important;
}

/* ====================================================
   IMPACT SKIN OVERHAUL & HERO TYPOGRAPHY FORCE
   ==================================================== */

/* NEW AGGRESSIVE IMPACT PAIRING (Bebas Neue + Space Grotesk) */
[data-theme='athletic'], [data-theme='impact'] {
    --blg-font-heading: 'Bebas Neue', sans-serif !important;
    --blg-font-body: 'Space Grotesk', sans-serif !important;
}

/* THE ULTIMATE HERO FORCE — Targeting every specific hero class */
[data-theme] .blg-hero-main-title, 
[data-theme] .blg-hero-main-title *,
[data-theme] .blg-title-mid,
[data-theme] .blg-title-line3,
[data-theme] .blg-hero-brief__title,
[data-theme] .blg-hero-brief__label,
[data-theme] .blg-hero-brief__title *,
[data-theme] .blg-brief-cta-link,
[data-theme] .blg-edition-text-wrap,
[data-theme] .blg-brand-logo,
[data-theme] .blg-feed-title,
[data-theme] .blg-feed-title *,
[data-theme] .blg-post-title,
[data-theme] .blg-post-title * {
    font-family: var(--blg-font-heading) !important;
    font-style: normal !important; /* Killing the Vogue italics force */
}

/* Ensure the 'DAILY.' and 'OF WHAT MATTERS' parts are also forced */
[data-theme] .blg-title-mid,
[data-theme] .blg-title-line3 {
    font-family: var(--blg-font-heading) !important;
    letter-spacing: 0px !important;
}

/* Force Body Font on excerpts and meta in Hero */
[data-theme] .blg-hero-brief__content,
[data-theme] .blg-hero-brief__label,
[data-theme] .blg-hero-brief__item-cat {
    font-family: var(--blg-font-body) !important;
}

/* RE-ENFORCING ALL 13 SKINS (Double Force for Hero) */
[data-theme='cyber'] { --blg-font-heading: 'Space Grotesk', sans-serif !important; --blg-font-body: 'Inter', sans-serif !important; }
[data-theme='luxe'] { --blg-font-heading: 'Cormorant Garamond', serif !important; --blg-font-body: 'Montserrat', sans-serif !important; }
[data-theme='zen'] { --blg-font-heading: 'Noto Serif', serif !important; --blg-font-body: 'Outfit', sans-serif !important; }
[data-theme='neo'] { --blg-font-heading: 'Syne', sans-serif !important; --blg-font-body: 'Work Sans', sans-serif !important; }
[data-theme='acid'] { --blg-font-heading: 'Space Mono', monospace !important; --blg-font-body: 'JetBrains Mono', monospace !important; }
[data-theme='royal'] { --blg-font-heading: 'Cinzel', serif !important; --blg-font-body: 'Spectral', serif !important; }
[data-theme='copper'] { --blg-font-heading: 'Staatliches', sans-serif !important; --blg-font-body: 'Barlow', sans-serif !important; }
[data-theme='obsidian'] { --blg-font-heading: 'Fira Code', monospace !important; --blg-font-body: 'DM Sans', sans-serif !important; }
[data-theme='saffron'] { --blg-font-heading: 'Fraunces', serif !important; --blg-font-body: 'Mulish', sans-serif !important; }
[data-theme='solar'] { --blg-font-heading: 'Archivo Black', sans-serif !important; --blg-font-body: 'Plus Jakarta Sans', sans-serif !important; }
[data-theme='velvet'] { --blg-font-heading: 'Libre Caslon Display', serif !important; --blg-font-body: 'Lora', serif !important; }

/* ====================================================
   MODERN SKIN COMPACT OVERHAUL & TYPOGRAPHY CLEANUP
   ==================================================== */

/* NEW COMPACT MODERN PAIRING (Plus Jakarta Sans + Inter) */
[data-theme='neo'], [data-theme='modern'] {
    --blg-font-heading: 'Plus Jakarta Sans', sans-serif !important;
    --blg-font-body: 'Inter', sans-serif !important;
}

/* RE-ENFORCING ALL HERO ELEMENTS (No more leaks) */
[data-theme] .blg-hero-main-title, 
[data-theme] .blg-hero-main-title *,
[data-theme] .blg-title-mid,
[data-theme] .blg-title-line3,
[data-theme] .blg-hero-brief__title,
[data-theme] .blg-hero-brief__title *,
[data-theme] .blg-feed-title,
[data-theme] .blg-feed-title *,
[data-theme] .blg-post-title,
[data-theme] .blg-post-title a,
[data-theme] .widget-title,
[data-theme] .widgettitle {
    font-family: var(--blg-font-heading) !important;
    font-style: normal !important;
}

[data-theme] p, [data-theme] .blg-post-excerpt, [data-theme] .entry-content p {
    font-family: var(--blg-font-body) !important;
}

/* Specific fix for the 'Playfair' blocks found in widgets.css (redundancy) */
[data-theme] h1, [data-theme] h2, [data-theme] h3, [data-theme] h4, [data-theme] h5, [data-theme] h6 {
    font-family: var(--blg-font-heading) !important;
}

/* ====================================================
   FINAL MASTER CONSOLIDATION: ACCENT COLOR & IMPACT FIX
   ==================================================== */

/* 1. UNIVERSAL ACCENT COLOR ENGINE */
:root {
    --blg-accent-color: #c5a46d; /* Fallback */
}

/* Force accent color on all primary UI elements */
[data-theme] .blg-accent-color,
[data-theme] .blg-accent-text,
[data-theme] a:hover,
[data-theme] .blg-nav-link:hover,
[data-theme] .blg-feed-title:hover a,
[data-theme] .blg-post-title:hover a,
[data-theme] .tft-menu-link:hover,
[data-theme] .blg-footer__nav-list a:hover {
    color: var(--blg-accent-color) !important;
}

[data-theme] .blg-accent-bg,
[data-theme] .blg-button,
[data-theme] .blg-btn,
[data-theme] .tft-dot,
[data-theme] .blg-post-category,
[data-theme] .blg-mag-bold__cat-line,
[data-theme] .blg-mag-focus__cat-line,
[data-theme] .blg-header-divider,
[data-theme] .tft-style-switcher__toggle,
[data-theme] .blg-side-badge-wrap .blg-hero-side-tab {
    background-color: var(--blg-accent-color) !important;
}

[data-theme] .blg-button,
[data-theme] .blg-btn,
[data-theme] .tft-tag-link:hover,
[data-theme] .blg-hero-side-tab {
    border-color: var(--blg-accent-color) !important;
}

/* 2. IMPACT SKIN: AGGRESSIVE SIZE & PAIRING */
[data-theme='athletic'], [data-theme='impact'] {
    --blg-font-heading: 'Anton', sans-serif !important;
    --blg-font-body: 'Roboto', sans-serif !important;
}

/* Force massive sizes for IMPACT to make it 'Not Boring' */
[data-theme='athletic'] .blg-hero-main-title {
    font-size: clamp(4rem, 12vw, 15rem) !important;
    line-height: 0.85 !important;
    letter-spacing: -5px !important;
    text-transform: uppercase !important;
}

[data-theme='athletic'] .blg-hero-brief__title {
    font-size: clamp(2rem, 4vw, 4.5rem) !important;
    line-height: 0.9 !important;
    font-weight: 900 !important;
}

[data-theme='athletic'] .blg-title-mid {
    font-size: clamp(1rem, 2vw, 2.5rem) !important;
    letter-spacing: 5px !important;
}

/* 3. MODERN SKIN: COMPACT RE-FORCE */
[data-theme='neo'], [data-theme='modern'] {
    --blg-font-heading: 'Plus Jakarta Sans', sans-serif !important;
    --blg-font-body: 'Outfit', sans-serif !important;
}

[data-theme='neo'] .blg-hero-main-title {
    font-size: clamp(3rem, 10vw, 12rem) !important;
    letter-spacing: -2px !important;
    font-weight: 800 !important;
}

/* Final cleanup for the 'Inter' zombies in hero briefs */
[data-theme] .blg-hero-brief a h4 {
    font-family: var(--blg-font-heading) !important;
}

/* ====================================================
   ADVANCED CINEMATIC HERO FX (V2.0)
   ==================================================== */

/* 1. REVEAL & ZOOM: Soft entry + slow expansion */
.blg-cover-bg--reveal-zoom {
    animation: blgRevealZoom 20s cubic-bezier(0.4, 0, 0.2, 1) infinite alternate;
    opacity: 0;
}
@keyframes blgRevealZoom {
    0% { opacity: 0; transform: scale(1.1); }
    5% { opacity: 1; }
    100% { opacity: 1; transform: scale(1.3); }
}

/* 2. LIQUID DRIFT: Multi-axis floating */
.blg-cover-bg--liquid-drift {
    animation: blgLiquidDrift 25s ease-in-out infinite alternate;
}
@keyframes blgLiquidDrift {
    0% { transform: scale(1.1) translate(0, 0) rotate(0deg); }
    33% { transform: scale(1.15) translate(2%, 1%) rotate(1deg); }
    66% { transform: scale(1.12) translate(-1%, 3%) rotate(-1deg); }
    100% { transform: scale(1.2) translate(1%, -2%) rotate(0.5deg); }
}

/* 3. GRAINY CINEMATIC: Drifting + Visual Noise overlay */
.blg-cover-bg--grainy-cinema {
    animation: blgSlowZoom 30s linear infinite alternate;
}
.blg-cover-bg--grainy-cinema::after {
    content: '';
    position: absolute;
    inset: -100%;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
    opacity: 0.08;
    pointer-events: none;
    animation: blgGrainDrift 0.5s steps(2) infinite;
}
@keyframes blgGrainDrift {
    0% { transform: translate(0, 0); }
    50% { transform: translate(-5%, -5%); }
    100% { transform: translate(5%, 5%); }
}

/* 4. DUO-TONE DRIFT: Shifting color moods */
.blg-cover-bg--duotone-drift {
    animation: blgSlowZoom 25s linear infinite alternate;
    filter: sepia(0.5) saturate(1.5) hue-rotate(0deg);
}
[data-theme] .blg-cover-bg--duotone-drift {
    animation: blgDuotone 20s ease-in-out infinite alternate;
}
@keyframes blgDuotone {
    0% { filter: sepia(0.3) saturate(1.2) hue-rotate(0deg); transform: scale(1.1); }
    50% { filter: sepia(0.6) saturate(1.8) hue-rotate(15deg); transform: scale(1.15); }
    100% { filter: sepia(0.4) saturate(1.4) hue-rotate(-10deg); transform: scale(1.2); }
}

/* 5. SUPER GLITCH: High-end digital distortion */
.blg-cover-bg--glitch {
    animation: blgGlitchMain 4s step-end infinite;
}
@keyframes blgGlitchMain {
    0%, 90%, 100% { transform: scale(1.1); filter: none; }
    91% { transform: scale(1.12) translate(5px, -2px); filter: hue-rotate(90deg) contrast(1.5); }
    92% { transform: scale(1.1) translate(-5px, 2px); filter: invert(0.1); }
    93% { transform: scale(1.15); filter: brightness(1.5); }
}

/* RE-ENFORCING ACCENT COLOR FOR ALL UI (Double Check) */
body[style*='--blg-accent-color'] .tft-dot,
body[style*='--blg-accent-color'] .blg-accent-bg,
body[style*='--blg-accent-color'] .blg-button,
body[style*='--blg-accent-color'] .blg-btn {
    background-color: var(--blg-accent-color) !important;
}

/* ====================================================
   SCALING BACK FONT SIZES (REASONABLE EDITORIAL)
   ==================================================== */

/* Resetting Impact and Modern to standard sizing */
[data-theme='athletic'], [data-theme='neo'], [data-theme='modern'] {
    --blg-font-heading: 'Plus Jakarta Sans', sans-serif !important;
}

[data-theme='athletic'] .blg-hero-main-title,
[data-theme='neo'] .blg-hero-main-title {
    font-size: clamp(2.5rem, 8vw, 6rem) !important; /* Scaled back to normal */
    line-height: 1.1 !important;
    letter-spacing: -0.02em !important;
}

[data-theme='athletic'] .blg-hero-brief__title,
[data-theme='neo'] .blg-hero-brief__title {
    font-size: clamp(1.2rem, 3vw, 2.2rem) !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
}

[data-theme='athletic'] .blg-title-mid,
[data-theme='neo'] .blg-title-mid {
    font-size: 0.8rem !important;
    letter-spacing: 2px !important;
}

/* Impact Specific Pairing - More 'Sober' */
[data-theme='athletic'] {
    --blg-font-heading: 'Bebas Neue', sans-serif !important;
    --blg-font-body: 'Inter', sans-serif !important;
}

/* ====================================================
   SOLAR SKIN CONTRAST REPAIR (DARK MODE FORCE)
   ==================================================== */

/* Solar is a DARK skin with a deep blue background. It MUST have white text. */
[data-theme='solar'] {
    --blg-text-main: #ffffff !important;
    --blg-text-muted: rgba(255,255,255,0.7) !important;
    color: #ffffff !important;
}

[data-theme='solar'] h1, [data-theme='solar'] h2, [data-theme='solar'] h3, [data-theme='solar'] h4,
[data-theme='solar'] .blg-post-title, [data-theme='solar'] .blg-hero-main-title,
[data-theme='solar'] p, [data-theme='solar'] span, [data-theme='solar'] a,
[data-theme='solar'] .tft-toc-title, [data-theme='solar'] .tft-toc-list a {
    color: #ffffff !important;
}

/* Remove it from any previous Light Skin force blocks */
[data-theme='solar'] .blg-post-title {
    color: #ffffff !important;
}

/* ====================================================
   ULTIMATE RESPONSIVE FIX (HOME 1 & HOME 2)
   ==================================================== */

@media (max-width: 1024px) {
    /* Home 1 Clearance */
    .blg-hero-main-wrap {
        margin-top: clamp(120px, 15vh, 180px) !important;
    }

    /* Home 2 (Manifesto Style) Fix */
    .blg-editorial-hero-wrap {
        padding-top: 140px !important; /* Extra clearance for Burger/Logo */
        padding-inline: 20px !important;
    }

    .blg-editorial-title {
        font-size: clamp(2.5rem, 15vw, 4.5rem) !important;
        line-height: 0.9 !important;
        margin-top: 10px !important;
    }

    .blg-editorial-t1 {
        font-size: 0.7em !important;
        display: block !important;
    }

    .blg-editorial-t2 {
        font-size: 1.1em !important;
        display: block !important;
        margin-top: -10px !important;
    }

    .blg-editorial-ghost {
        display: none !important; /* Kill the background clutter on small screens */
    }

    .blg-editorial-quote-wrap {
        margin-top: 30px !important;
        padding-inline: 0 !important;
    }

    .blg-editorial-quote {
        font-size: 0.9rem !important;
        line-height: 1.5 !important;
        max-width: 100% !important;
    }

    /* Fix the Bottom Posts Grid for Home 2 on Mobile */
    .blg-cover-spread-grid {
        grid-template-columns: 1fr !important;
        gap: 30px !important;
    }
}

@media (max-width: 480px) {
    .blg-hero-main-title {
        font-size: clamp(2.2rem, 18vw, 3.5rem) !important;
    }
}

/* ====================================================

/* ====================================================
   CLEAN OVERLAY MENU REPAIR (SCOPED)
   ==================================================== */

/* Avoid affecting Desktop Nav */
.blg-overlay-menu .blg-overlay-menu__inner .menu,
.blg-overlay-menu .blg-overlay-menu__inner ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
}

.blg-overlay-menu .blg-overlay-menu__inner li {
    width: auto !important;
    margin-bottom: 20px !important;
    text-align: center !important;
}

/* Only target the main navigation links in overlay, NOT social icons or buttons */
.blg-overlay-menu .blg-overlay-menu__inner li > a {
    font-family: var(--blg-font-heading) !important;
    font-size: clamp(2rem, 8vw, 4rem) !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    color: #ffffff !important;
    line-height: 1 !important;
}

/* Hide sub-menus by default (The "Mess" Fix) */
.blg-overlay-menu .sub-menu {
    display: none !important;
}

/* Home 2 (Manifesto) Grid Fix */
@media (max-width: 1024px) {
    .blg-editorial-hero-wrap {
        padding-top: 160px !important;
        min-height: 100vh !important;
        display: flex !important;
        flex-direction: column !important;
    }
    .blg-editorial-title {
        font-size: clamp(2.5rem, 15vw, 4rem) !important;
    }
    .blg-editorial-quote-wrap {
        margin-top: 40px !important;
    }
}

/* ====================================================
   HOME 2: ANTI-OVERLAP RESPONSIVE ENGINE
   ==================================================== */

@media (max-width: 1024px) {
    /* Create a rigid spacer for the fixed header */
    .blg-editorial-hero-wrap::before {
        content: '';
        display: block;
        height: 120px; /* Precise height to clear Logo/Burger */
        width: 100%;
    }

    .blg-editorial-hero-wrap {
        display: block !important; /* Switch from flex to block to prevent overlap squash */
        min-height: auto !important;
        padding-top: 0 !important;
    }

    .blg-editorial-title {
        position: relative !important;
        margin-top: 20px !important;
        margin-bottom: 40px !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 10px !important;
    }

    .blg-editorial-t1, .blg-editorial-t2 {
        position: relative !important;
        inset: auto !important;
        transform: none !important;
        font-size: clamp(2.8rem, 15vw, 4.5rem) !important;
        line-height: 0.9 !important;
        text-align: center !important;
    }

    .blg-editorial-quote-wrap {
        position: relative !important;
        margin: 40px auto !important;
        padding: 0 20px !important;
        text-align: center !important;
    }

    .blg-cover-spread-grid {
        display: flex !important;
        flex-direction: column !important;
        gap: 40px !important;
        margin-top: 60px !important;
    }
}

/* ====================================================
   FINAL RESPONSIVE & DROPDOWN RECONCILIATION
   ==================================================== */

/* 1. Desktop Dropdown Fix (Strict) */
.blg-feed-nav .sub-menu,
.blg-nav-links .sub-menu {
    display: block !important; 
    opacity: 0 !important;
    visibility: hidden !important;
    transform: translateY(15px) !important;
    pointer-events: none !important;
    transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1) !important;
    position: absolute !important;
    z-index: 9999 !important;
}

.blg-feed-nav li:hover > .sub-menu,
.blg-nav-links li:hover > .sub-menu {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
    pointer-events: auto !important;
}

/* 2. Home 2 (Editorial) Anti-Overlap Logic */
@media (max-width: 1024px) {
    .blg-cover-content {
        height: auto !important;
        min-height: 100vh !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: flex-start !important;
        padding-top: 40px !important;
        overflow: visible !important;
    }

    .blg-cover-header {
        margin-bottom: 60px !important;
        flex-shrink: 0 !important;
    }

    .blg-editorial-center {
        margin-bottom: 60px !important;
        flex-shrink: 0 !important;
    }

    .blg-editorial-title {
        font-size: clamp(2.5rem, 15vw, 4.5rem) !important;
        line-height: 0.9 !important;
    }

    .blg-cover-bottom-posts {
        margin-top: auto !important;
        padding-top: 40px !important;
        padding-bottom: 40px !important;
        border-top: 1px solid rgba(255,255,255,0.1) !important;
    }
}

/* 3. Cleanup: Hide the 'CULTURE MORE' bar if it overlaps on mobile hero */
@media (max-width: 768px) {
    .blg-editorial-hero-wrap .blg-nav-menu-wrapper {
        display: none !important;
    }
}

/* ====================================================
   OVERLAY ACCORDION & HOME 2 HEADER SHIELD
   ==================================================== */

/* 1. Mobile Overlay Accordion (Click-to-Expand) */
.blg-overlay-menu .sub-menu {
    display: block !important; /* Always block for animation */
    max-height: 0 !important;
    opacity: 0 !important;
    overflow: hidden !important;
    visibility: hidden !important;
    transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) !important;
    margin-top: 0 !important;
    padding: 0 !important;
}

.blg-overlay-menu .menu-item-has-children.is-active > .sub-menu {
    max-height: 1000px !important;
    opacity: 1 !important;
    visibility: visible !important;
    margin-top: 20px !important;
    padding-bottom: 20px !important;
}

/* Add a plus/minus indicator */
.blg-overlay-menu .menu-item-has-children > a::after {
    content: '+' !important;
    margin-left: 15px !important;
    font-size: 0.8em !important;
    opacity: 0.5 !important;
    display: inline-block !important;
    transition: transform 0.3s ease !important;
}

.blg-overlay-menu .menu-item-has-children.is-active > a::after {
    content: '-' !important;
    transform: rotate(180deg) !important;
}

/* 2. Home 2 Header Protection (Overlap Fix) */
@media (max-width: 1024px) {
    .page-template-page-home-2 .blg-cover-header,
    .page-template-page-about .blg-cover-header {
        background: #000000 !important; /* Solid black to shield logo from text */
        width: 100% !important;
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        z-index: 1000 !important;
        padding: 20px !important;
        height: 80px !important;
        display: flex !important;
        align-items: center !important;
    }

    /* Push content down to clear the fixed header */
    .page-template-page-home-2 .blg-cover-content,
    .page-template-page-about .blg-cover-content {
        padding-top: 100px !important;
    }
}

/* ====================================================
   SOVEREIGN ELITE: UNIFIED SKIN ENFORCEMENT (2026)
   ==================================================== */

/* 1. DARK MODES: FORCE PURE BLACK BACKGROUNDS */
[data-theme='cyber'], [data-theme='luxe'], [data-theme='acid'], [data-theme='athletic'],
[data-theme='royal'], [data-theme='copper'], [data-theme='noir'], [data-theme='obsidian'],
[data-theme='solar'], [data-theme='velvet'] {
    --blg-bg-color: #0d0d0d !important;
    --blg-bg-alt: #111111 !important;
    --blg-text-main: #ffffff !important;
}

/* Specific Dark Mode BG Overrides */
[data-theme='cyber'] { --blg-bg-color: #050505 !important; }
[data-theme='acid']  { --blg-bg-color: #0a0a0a !important; }
[data-theme='athletic'] { --blg-bg-color: #120000 !important; }
[data-theme='noir']  { --blg-bg-color: #000000 !important; }

/* 2. LIGHT MODES: FORCE CRISP WHITE BACKGROUNDS */
[data-theme='vogue'], [data-theme='neo'], [data-theme='zen'], [data-theme='gazette'], 
[data-theme='frost'], [data-theme='saffron'], [data-theme='mono'] {
    --blg-bg-color: #ffffff !important;
    --blg-bg-alt: #f8f8f8 !important;
    --blg-text-main: #000000 !important;
}

/* 3. GLOBAL NUCLEAR RESET */
[data-theme] {
    background-color: var(--blg-bg-color) !important;
    color: var(--blg-text-main) !important;
}

[data-theme] body, 
[data-theme] #page, 
[data-theme] .blg-feed, 
[data-theme] .blg-layout {
    background-color: var(--blg-bg-color) !important;
}

/* 4. TYPE LEGIBILITY (Anti-Flicker) */
[data-theme] h1, [data-theme] h2, [data-theme] h3, [data-theme] h4, [data-theme] p, [data-theme] span {
    color: inherit !important;
}

/* ====================================================
   PREMIUM SKIN TYPOGRAPHY & VISIBILITY (ATHLETIC & CYBER)
   ==================================================== */

/* 1. ATHLETIC - High Impact Bold */
[data-theme='athletic'] {
    --blg-font-heading: 'Archivo Black', sans-serif !important;
    --blg-font-body: 'Inter', sans-serif !important;
}

/* 2. CYBER - Tech & Digital */
[data-theme='cyber'] {
    --blg-font-heading: 'Space Mono', monospace !important;
    --blg-font-body: 'JetBrains Mono', monospace !important;
}

/* 3. DARK SKIN VISIBILITY HARDENING */
[data-theme='cyber'], [data-theme='athletic'], [data-theme='luxe'], 
[data-theme='acid'], [data-theme='noir'], [data-theme='obsidian'], 
[data-theme='solar'], [data-theme='velvet'], [data-theme='dark'] {
    --blg-text-main: #ffffff !important;
}

/* Force White Text for Section Headers and titles in all Dark Skins */
[data-theme='cyber'] .blg-section-header h2,
[data-theme='athletic'] .blg-section-header h2,
[data-theme='luxe'] .blg-section-header h2,
[data-theme='acid'] .blg-section-header h2,
[data-theme='noir'] .blg-section-header h2,
[data-theme='obsidian'] .blg-section-header h2,
[data-theme='cyber'] .blg-feed-title,
[data-theme='athletic'] .blg-feed-title,
[data-theme='luxe'] .blg-feed-title,
[data-theme='cyber'] .blg-module-title,
[data-theme='athletic'] .blg-module-title,
[data-theme='cyber'] .widget-title,
[data-theme='athletic'] .widget-title {
    color: #ffffff !important;
}

/* Fix for the Runway Spotlight (Mosaic) title specifically */
[data-theme='cyber'] .blg-mc-header h2,
[data-theme='athletic'] .blg-mc-header h2,
[data-theme='acid'] .blg-mc-header h2,
[data-theme='luxe'] .blg-mc-header h2 {
    color: #ffffff !important;
}

/* Global override for any blg-section-header in dark mode */
[data-theme='cyber'] .blg-section-header,
[data-theme='athletic'] .blg-section-header,
[data-theme='acid'] .blg-section-header {
    border-color: rgba(255,255,255,0.1) !important;
}


/* ====================================================
   SOVEREIGN ELITE: TARGETED VISIBILITY HARDENING
   ==================================================== */

/* Ensuring Logo and Tagline are white in all dark modes */
[data-theme='cyber'] .blg-logo-text-wrap,
[data-theme='athletic'] .blg-logo-text-wrap,
[data-theme='acid'] .blg-logo-text-wrap,
[data-theme='luxe'] .blg-logo-text-wrap,
[data-theme='cyber'] .blg-brand-tagline,
[data-theme='athletic'] .blg-brand-tagline,
[data-theme='acid'] .blg-brand-tagline,
[data-theme='luxe'] .blg-brand-tagline {
    color: #ffffff !important;
}

/* Force Meta visibility in Mosaic cards */
[data-theme='cyber'] .blg-mc-card span,
[data-theme='athletic'] .blg-mc-card span,
[data-theme='cyber'] .blg-mc-card time,
[data-theme='athletic'] .blg-mc-card time {
    color: #ffffff !important;
    opacity: 0.8 !important;
}


/* ====================================================
   FINAL ACCORDION REPAIR (TFT-SUB-MENU SYNC)
   ==================================================== */

/* Force hide sub-menus by default */
.blg-overlay-menu .tft-sub-menu,
.blg-overlay-menu .sub-menu {
    display: block !important;
    max-height: 0 !important;
    opacity: 0 !important;
    overflow: hidden !important;
    visibility: hidden !important;
    transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Show when parent is active */
.blg-overlay-menu .menu-item-has-children.is-active > .tft-sub-menu,
.blg-overlay-menu .menu-item-has-children.is-active > .sub-menu {
    max-height: 2000px !important;
    opacity: 1 !important;
    visibility: visible !important;
    margin-top: 20px !important;
    padding-bottom: 20px !important;
}

/* ====================================================
   SOVEREIGN ELITE: NUCLEAR DARK MODE VISIBILITY
   (Targets: Cyber, Impact/Athletic, Luxe, Acid, Obsidian, Velvet)
   ==================================================== */

[data-theme='cyber'], 
[data-theme='athletic'], 
[data-theme='luxe'], 
[data-theme='acid'], 
[data-theme='obsidian'], 
[data-theme='velvet'] {
    --blg-text-main: #ffffff !important;
    --blg-text-muted: rgba(255, 255, 255, 0.7) !important;
}

[data-theme='cyber'] h1, [data-theme='cyber'] h2, [data-theme='cyber'] h3, [data-theme='cyber'] h4, [data-theme='cyber'] h5, [data-theme='cyber'] h6,
[data-theme='athletic'] h1, [data-theme='athletic'] h2, [data-theme='athletic'] h3, [data-theme='athletic'] h4, [data-theme='athletic'] h5, [data-theme='athletic'] h6,
[data-theme='luxe'] h1, [data-theme='luxe'] h2, [data-theme='luxe'] h3, [data-theme='luxe'] h4, [data-theme='luxe'] h5, [data-theme='luxe'] h6,
[data-theme='acid'] h1, [data-theme='acid'] h2, [data-theme='acid'] h3, [data-theme='acid'] h4, [data-theme='acid'] h5, [data-theme='acid'] h6,
[data-theme='obsidian'] h1, [data-theme='obsidian'] h2, [data-theme='obsidian'] h3, [data-theme='obsidian'] h4, [data-theme='obsidian'] h5, [data-theme='obsidian'] h6,
[data-theme='velvet'] h1, [data-theme='velvet'] h2, [data-theme='velvet'] h3, [data-theme='velvet'] h4, [data-theme='velvet'] h5, [data-theme='velvet'] h6,
[data-theme='cyber'] .blg-post-title,
[data-theme='athletic'] .blg-post-title,
[data-theme='luxe'] .blg-post-title,
[data-theme='acid'] .blg-post-title,
[data-theme='obsidian'] .blg-post-title,
[data-theme='velvet'] .blg-post-title,
[data-theme='cyber'] .tft-menu-link,
[data-theme='athletic'] .tft-menu-link,
[data-theme='luxe'] .tft-menu-link,
[data-theme='acid'] .tft-menu-link {
    color: #ffffff !important;
}

/* Specific fix for the 'HOMES' sub-links opacity issue */
[data-theme='athletic'] .tft-sub-menu .tft-menu-link,
[data-theme='cyber'] .tft-sub-menu .tft-menu-link {
    color: #ffffff !important;
    opacity: 0.9 !important;
}


/* ====================================================
   SOVEREIGN ELITE: TARGETED FEED VISIBILITY (IMPACT/ATHLETIC)
   ==================================================== */

[data-theme='athletic'] .blg-pl-section h3 a,
[data-theme='athletic'] .blg-pl-section h3,
[data-theme='athletic'] .blg-post-title a,
[data-theme='athletic'] .blg-post-title,
[data-theme='athletic'] .blg-magazine-title a,
[data-theme='athletic'] .blg-magazine-title,
[data-theme='athletic'] .blg-feed-title a,
[data-theme='athletic'] .blg-feed-title,
[data-theme='athletic'] .blg-mc-header h2,
[data-theme='athletic'] .blg-section-header h2 {
    color: #ffffff !important;
}

[data-theme='athletic'] .blg-pl-section p,
[data-theme='athletic'] .blg-pl-section div,
[data-theme='athletic'] .blg-pl-section time {
    color: rgba(255, 255, 255, 0.7) !important;
}


/* ====================================================
   ULTRA-NUCLEAR IMPACT SKIN VISIBILITY (HARD FIX)
   ==================================================== */

body[data-theme='athletic'],
body[data-theme='cyber'],
body[data-theme='luxe'],
body[data-theme='acid'],
body[data-theme='obsidian'],
body[data-theme='velvet'] {
    color: #ffffff !important;
}

[data-theme='athletic'] *, 
[data-theme='cyber'] *, 
[data-theme='luxe'] *, 
[data-theme='acid'] *, 
[data-theme='obsidian'] *, 
[data-theme='velvet'] * {
    border-color: rgba(255, 255, 255, 0.1) !important;
}

/* Force all titles in these skins to be pure white regardless of widget type */
[data-theme='athletic'] h1, [data-theme='athletic'] h2, [data-theme='athletic'] h3, [data-theme='athletic'] h4,
[data-theme='athletic'] .blg-post-title,
[data-theme='athletic'] .blg-feed-title,
[data-theme='athletic'] .blg-module-title,
[data-theme='athletic'] h3 a,
[data-theme='athletic'] .blg-post-title a {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important; /* Some browsers might need this if gradients are active */
}


/* ====================================================
   SOVEREIGN ELITE: FLOATING SHARE ICON VISIBILITY
   ==================================================== */

[data-theme='cyber'] .blg-floating-share__label,
[data-theme='athletic'] .blg-floating-share__label,
[data-theme='luxe'] .blg-floating-share__label,
[data-theme='acid'] .blg-floating-share__label,
[data-theme='obsidian'] .blg-floating-share__label,
[data-theme='velvet'] .blg-floating-share__label {
    color: #ffffff !important;
}

[data-theme='cyber'] .blg-share-btn svg,
[data-theme='athletic'] .blg-share-btn svg,
[data-theme='luxe'] .blg-share-btn svg,
[data-theme='acid'] .blg-share-btn svg,
[data-theme='obsidian'] .blg-share-btn svg,
[data-theme='velvet'] .blg-share-btn svg,
[data-theme='cyber'] .blg-share-btn i,
[data-theme='athletic'] .blg-share-btn i,
[data-theme='luxe'] .blg-share-btn i,
[data-theme='acid'] .blg-share-btn i,
[data-theme='obsidian'] .blg-share-btn i,
[data-theme='velvet'] .blg-share-btn i {
    fill: #ffffff !important;
    color: #ffffff !important;
}

/* Circle background fix if needed */
[data-theme='athletic'] .blg-share-btn {
    border-color: rgba(255,255,255,0.2) !important;
}


/* ====================================================
   SOVEREIGN ELITE: SOLID SHARE ICON HOVER FIX
   (No more outlined/bordered icons on hover)
   ==================================================== */

.blg-share-btn:hover svg,
.blg-share-btn:hover svg * {
    stroke: none !important;
    fill: #ffffff !important;
    color: #ffffff !important;
}

/* Specific hover colors for each skin */
[data-theme='athletic'] .blg-share-btn:hover { background: var(--blg-accent-color) !important; }
[data-theme='cyber'] .blg-share-btn:hover { background: var(--blg-accent-color) !important; }
[data-theme='luxe'] .blg-share-btn:hover { background: var(--blg-accent-color) !important; }

/* Acid skin needs black icon on neon bg */
[data-theme='acid'] .blg-share-btn:hover svg,
[data-theme='acid'] .blg-share-btn:hover svg * {
    fill: #000000 !important;
    stroke: none !important;
}



/* Sovereign Elite: Category Badge Accent Color Override */
.blg-cover .blg-cat-cover-title__sub {
    color: var(--blg-accent-color) !important;
}


/* Sovereign Elite: Force cover panel brief labels and CTA links to be the skin accent color for legibility */
.blg-cover .blg-hero-brief__label,
.blg-cover .blg-brief-cta-link {
    color: var(--blg-accent-color, #c5a059) !important;
}


/* Sovereign Elite: Single Post Left Hero (Dark Background Overlay) Text Legibility Hardening */
.tft-single-hero .tft-single-hero__author-name,
.tft-single-hero .tft-single-hero__author-name a {
    color: #ffffff !important;
    opacity: 1 !important;
}

.tft-single-hero .tft-single-hero__author-tagline {
    color: rgba(255, 255, 255, 0.6) !important;
}

.tft-single-hero .tft-single-hero__share-label {
    color: rgba(255, 255, 255, 0.6) !important;
}

.tft-single-hero .tft-share-icon {
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
}

.tft-single-hero .tft-share-icon svg {
    color: #ffffff !important;
}

.tft-single-hero .tft-share-icon:hover {
    background: var(--blg-accent-color, #c5a059) !important;
    border-color: var(--blg-accent-color, #c5a059) !important;
    color: #ffffff !important;
}


/* Sovereign Elite: Force Share Icon SVG Strokes to White in All Skins */
.tft-single-hero .tft-share-icon svg,
.tft-single-hero .tft-share-icon svg * {
    stroke: #ffffff !important;
    fill: none !important;
}


/* ====================================================
   SOVEREIGN ELITE: HIGH-FIDELITY CONTRAST POLISH (2026)
   ==================================================== */

/* 1. Colorize Single Post Hero Date */
.tft-single-hero .tft-single-hero__date {
    color: var(--blg-accent-color, #c5a059) !important;
}

/* 2. Colorize Footer Category Labels */
.tft-footer-monolith .blg-footer__hero-cat,
.tft-footer-monolith .blg-footer__post-cat {
    color: var(--blg-accent-color, #c5a059) !important;
    background: transparent !important;
    padding: 0 !important;
    display: inline-block !important;
}

/* 3. Vogue Skin: Top Dark transparent overlay for high-contrast logo & menu */
[data-theme='vogue'] .blg-cover-overlay,
[data-theme='vogue'] .tft-single-hero__overlay {
    background: linear-gradient(to bottom, 
        rgba(0, 0, 0, 0.75) 0%, 
        rgba(0, 0, 0, 0.4) 35%, 
        rgba(0, 0, 0, 0.1) 65%, 
        rgba(0, 0, 0, 0.65) 100%) !important;
}

/* 4. Stacked Accordion Icon Colorization & Legibility */
.blg-sa-icon svg * {
    stroke: currentColor !important;
}
.blg-sa-head:hover .blg-sa-icon svg * {
    stroke: var(--blg-accent-color) !important;
}
.blg-sa-toggle:checked ~ .blg-sa-head .blg-sa-icon {
    background: var(--blg-accent-color) !important;
    border-color: var(--blg-accent-color) !important;
    color: #ffffff !important;
}
.blg-sa-toggle:checked ~ .blg-sa-head .blg-sa-icon svg * {
    stroke: #ffffff !important;
}


/* Sovereign Elite: Responsive Layout Recovery (Restore 100% Widths on Mobile & Tablet) */
@media (max-width: 1024px) {
    .blg-layout:not(.blg-layout--editor) .blg-cover,
    .blg-layout:not(.blg-layout--editor) .tft-single-hero,
    .blg-layout:not(.blg-layout--editor) #blg-cover {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;
        flex: 0 0 100% !important;
        height: auto !important;
        min-height: 60vh !important;
    }
    .blg-layout:not(.blg-layout--editor) .blg-feed {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;
        flex: 0 0 100% !important;
        height: auto !important;
    }
}

/* ====================================================
   51. HERO TITLE TEXT-SHADOW REMOVAL (THE PULSE & GLOBAL)
   ==================================================== */
.blg-hero-main-title,
.blg-hero-main-title *,
.tft-single-hero__title,
.tft-single-hero__title *,
.blg-title-line1,
.blg-title-mid,
.blg-title-line3 {
    text-shadow: none !important;
}

/* ====================================================
   52. SWITCHER TYPOGRAPHY - FORCE MIXED CASE OPTIONS
   ==================================================== */
#tft-typography-select,
#tft-typography-select option,
.tft-typography-select,
.tft-typography-select option {
    text-transform: none !important;
}

/* ====================================================
   53. SWITCHER PANEL LEGIBILITY & CLIPPING FIX
   ==================================================== */
.tft-style-switcher__panel {
    max-height: 90vh !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
}
.tft-style-switcher__panel::-webkit-scrollbar {
    width: 4px !important;
}
.tft-style-switcher__panel::-webkit-scrollbar-thumb {
    background: rgba(0,0,0,0.15) !important;
    border-radius: 4px !important;
}

/* ====================================================
   54. SWITCHER TOTAL HEIGHT & SOLID RESET BUTTON STYLING
   ==================================================== */
#tft-front-switcher.tft-style-switcher {
    max-height: 95vh !important;
    height: auto !important;
}
#tft-front-switcher .tft-style-switcher__panel {
    max-height: 88vh !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    background: #ffffff !important;
}
#tft-front-switcher .tft-reset-picker-wrap {
    background: #ffffff !important;
    border-top: 1px solid rgba(0,0,0,0.06) !important;
}
#tft-front-switcher #tft-reset-all-btn {
    background: #111111 !important;
    background-color: #111111 !important;
    color: #ffffff !important;
    font-family: 'Space Mono', monospace, sans-serif !important;
    font-size: 0.65rem !important;
    font-weight: 900 !important;
    letter-spacing: 3px !important;
    border: 1px solid #111111 !important;
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    padding: 14px 20px !important;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
#tft-front-switcher #tft-reset-all-btn:hover {
    background: #ffffff !important;
    background-color: #ffffff !important;
    color: #111111 !important;
    border-color: #111111 !important;
}


/* ====================================================
   55. SINGLE POST NAVIGATION LEGIBILITY & HOVER EFFECTS (2026)
   ==================================================== */
.tft-single-hero .tft-nav-title {
    color: #ffffff !important;
}

.tft-single-hero .tft-nav-label {
    color: rgba(255, 255, 255, 0.6) !important;
    opacity: 0.6 !important;
}

/* Dynamic Hover Effects */
.tft-single-hero .tft-nav-item:hover .tft-nav-title {
    color: var(--blg-accent-color) !important;
    text-decoration: underline !important;
    text-decoration-thickness: 1px !important;
    text-underline-offset: 4px !important;
}

.tft-single-hero .tft-nav-item:hover .tft-nav-label {
    color: #ffffff !important;
    opacity: 1 !important;
}

/* ====================================================
   56. HOME 2 (BRUTAL SOFTNESS) SPACINGS OPTIMIZATION
   ==================================================== */
.blg-cover-content {
    padding-bottom: 25px !important; /* Tightened from 70px to prevent cutoff */
}

.blg-editorial-center {
    margin-bottom: 20px !important;
}

.blg-editorial-prefix {
    margin-bottom: 10px !important;
}

.blg-editorial-quote {
    margin-bottom: 20px !important;
}

.blg-cover-bottom-posts {
    margin-top: 15px !important;
    padding-top: 0 !important;
    padding-bottom: 10px !important;
}

.blg-cover-spread-grid {
    gap: 15px !important;
}

.blg-h2-post {
    padding: 15px 20px !important;
    margin-bottom: 10px !important;
}


/* ====================================================
   57. HOMEPAGE HERO BRIEFS GRID - ULTRA-PREMIUM INTERACTIONS (2026)
   ==================================================== */
.blg-hero-brief {
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
    position: relative;
}

/* 1. Subtle upward shift on hover */
.blg-hero-brief:hover {
    transform: translateY(-4px) !important;
}

/* 2. Label color transition on hover */
.blg-hero-brief:hover .blg-hero-brief__label {
    color: var(--blg-accent-color) !important;
    opacity: 1 !important;
    letter-spacing: 4px !important; /* Elegant subtle widening */
}

/* 3. Title elegant underline on hover */
.blg-hero-brief:hover .blg-hero-brief__title {
    text-decoration: underline !important;
    text-decoration-color: var(--blg-accent-color) !important;
    text-decoration-thickness: 1.5px !important;
    text-underline-offset: 5px !important;
}

/* 4. Link hover coloring */
.blg-hero-brief:hover .blg-brief-cta-link {
    color: var(--blg-accent-color) !important;
}

/* 5. Smooth sliding animations for arrows */
.blg-hero-brief svg,
.blg-hero-brief span {
    transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
}

/* Slot 2 arrow slide */
.blg-hero-brief--2:hover svg {
    transform: translateX(6px) !important;
    color: var(--blg-accent-color) !important;
}

/* Slot 3 arrow slide */
.blg-hero-brief--3:hover .blg-brief-cta-link--slot3 span {
    display: inline-block !important;
    transform: translateX(6px) !important;
    color: var(--blg-accent-color) !important;
}

/* Slot 1 slide if it has an arrow or indicator */
.blg-hero-brief--1:hover .blg-brief-cta-link--slot1 {
    letter-spacing: 1px !important; /* Elegant breathing effect */
}