/*
Theme Name: BlokChainFeed
Theme URI: https://blokchainfeed.com
Author: BlokChainFeed
Author URI: https://blokchainfeed.com
Description: A modern cryptocurrency news and education theme featuring Blok, the friendly blockchain mascot. Built as a WordPress block theme with support for full site editing.
Version: 1.12.2
Requires at least: 6.0
Tested up to: 6.4
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: blokfeed
Tags: blog, news, cryptocurrency, block-patterns, block-styles, custom-colors, custom-logo, custom-menu, editor-style, featured-images, full-site-editing, template-editing, wide-blocks

BlokChainFeed - Crypto news & education, one blok at a time.
*/

/* 
 * This is a block theme - most styling is handled in theme.json
 * This file contains additional custom CSS not covered by theme.json
 */

/* ===== GLOBAL RESETS & UTILITIES ===== */

/* Smooth scrolling */
html {
    scroll-behavior: smooth;
}

/* Selection color */
::selection {
    background-color: var(--wp--preset--color--primary);
    color: var(--wp--preset--color--white);
}

/* Focus styles */
:focus-visible {
    outline: 2px solid var(--wp--preset--color--primary);
    outline-offset: 2px;
}

/* ===== SITE HEADER ===== */
.site-header {
    position: sticky;
    top: 0;
    z-index: 1000;
    background: var(--wp--preset--color--surface, #ffffff);
    border-bottom: 1px solid var(--wp--preset--color--border, #e5e7eb);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.header-inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0.875rem 1.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
}

/* Site Branding - Logo + Title together */
.site-branding {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    text-decoration: none;
    flex-shrink: 0;
}

.site-logo-img {
    width: 36px;
    height: 36px;
    border-radius: 8px;
    transition: transform 0.2s ease;
}

.site-branding:hover .site-logo-img {
    transform: scale(1.05);
}

.site-title {
    font-family: var(--wp--preset--font-family--heading, 'Space Grotesk', sans-serif);
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--wp--preset--color--foreground, #111111);
    transition: color 0.2s ease;
}

.site-branding:hover .site-title {
    color: var(--wp--preset--color--primary, #6366F1);
}

/* Header Navigation */
.header-nav {
    display: flex;
    align-items: center;
    gap: 2rem;
}

.header-nav a {
    font-size: 0.9375rem;
    font-weight: 500;
    color: var(--wp--preset--color--foreground, #111111);
    text-decoration: none;
    transition: color 0.2s ease;
    white-space: nowrap;
}

.header-nav a:hover {
    color: var(--wp--preset--color--primary, #6366F1);
}

/* Header Actions */
.header-actions {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

/* Header Search */
.header-search {
    display: flex;
    align-items: center;
    background: var(--wp--preset--color--background, #f9fafb);
    border: 1px solid var(--wp--preset--color--border, #e5e7eb);
    border-radius: 8px;
    overflow: hidden;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.header-search:focus-within {
    border-color: var(--wp--preset--color--primary, #6366F1);
    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.1);
}

.header-search input {
    width: 160px;
    padding: 0.5rem 0.75rem;
    border: none;
    background: transparent;
    font-size: 0.875rem;
    color: var(--wp--preset--color--foreground, #111111);
    outline: none;
}

.header-search input::placeholder {
    color: var(--wp--preset--color--muted, #6b7280);
}

.header-search button {
    padding: 0.5rem 0.75rem;
    background: transparent;
    border: none;
    color: var(--wp--preset--color--muted, #6b7280);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: color 0.2s ease;
}

.header-search button:hover {
    color: var(--wp--preset--color--primary, #6366F1);
}

/* Mobile Menu Toggle */
.mobile-menu-toggle {
    display: none;
    width: 40px;
    height: 40px;
    border-radius: 8px;
    border: 1px solid var(--wp--preset--color--border, #e5e7eb);
    background: var(--wp--preset--color--background, #f9fafb);
    color: var(--wp--preset--color--foreground, #111111);
    cursor: pointer;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
    flex-shrink: 0;
}

.mobile-menu-toggle:hover {
    border-color: var(--wp--preset--color--primary, #6366F1);
    color: var(--wp--preset--color--primary, #6366F1);
}

.mobile-menu-toggle .icon-close {
    display: none;
}

.mobile-menu-toggle[aria-expanded="true"] .icon-menu {
    display: none;
}

.mobile-menu-toggle[aria-expanded="true"] .icon-close {
    display: block;
}

/* Mobile Menu */
.mobile-menu {
    display: none;
    padding: 1rem 1.5rem 1.5rem;
    background: var(--wp--preset--color--surface, #ffffff);
    border-top: 1px solid var(--wp--preset--color--border, #e5e7eb);
}

.mobile-menu.is-open {
    display: block;
}

.mobile-nav {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    margin-bottom: 1rem;
}

.mobile-nav a {
    display: block;
    padding: 0.75rem 1rem;
    font-size: 1rem;
    font-weight: 500;
    color: var(--wp--preset--color--foreground, #111111);
    text-decoration: none;
    border-radius: 8px;
    transition: background 0.2s ease, color 0.2s ease;
}

.mobile-nav a:hover {
    background: var(--wp--preset--color--background, #f9fafb);
    color: var(--wp--preset--color--primary, #6366F1);
}

.mobile-search {
    display: flex;
    gap: 0.5rem;
}

.mobile-search input {
    flex: 1;
    padding: 0.75rem 1rem;
    border: 1px solid var(--wp--preset--color--border, #e5e7eb);
    border-radius: 8px;
    background: var(--wp--preset--color--background, #f9fafb);
    font-size: 1rem;
    color: var(--wp--preset--color--foreground, #111111);
    outline: none;
}

.mobile-search input:focus {
    border-color: var(--wp--preset--color--primary, #6366F1);
    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.1);
}

.mobile-search button {
    padding: 0.75rem 1.25rem;
    background: var(--wp--preset--color--primary, #6366F1);
    color: white;
    border: none;
    border-radius: 8px;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.2s ease;
}

.mobile-search button:hover {
    background: var(--wp--preset--color--primary-dark);
}

/* ===== RESPONSIVE HEADER ===== */

/* Tablet */
@media (max-width: 1024px) {
    .header-nav {
        gap: 1.25rem;
    }
    
    .header-search input {
        width: 120px;
    }
}

/* Mobile */
@media (max-width: 768px) {
    .header-inner {
        padding: 0.75rem 1rem;
    }
    
    .header-nav {
        display: none;
    }
    
    .header-search {
        display: none;
    }
    
    .mobile-menu-toggle {
        display: flex;
    }
    
    .site-title {
        font-size: 1.125rem;
    }
    
    .site-logo-img {
        width: 32px;
        height: 32px;
    }
}

/* Small mobile */
@media (max-width: 480px) {
    .header-inner {
        padding: 0.625rem 0.75rem;
    }
    
    .site-title {
        font-size: 1rem;
    }
    
    .mobile-menu-toggle {
        width: 36px;
        height: 36px;
    }
    
    .header-actions {
        gap: 0.5rem;
    }
}

/* ===== TYPOGRAPHY ENHANCEMENTS ===== */

/* Gradient text utility */
.has-gradient-text {
    background: linear-gradient(135deg, var(--wp--preset--color--primary) 0%, var(--wp--preset--color--primary-light) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* ===== BLOK MASCOT ===== */

.blok-mascot {
    display: inline-block;
    vertical-align: middle;
}

.blok-mascot.blink .blok-eyes {
    animation: blok-blink 4s infinite;
}

@keyframes blok-blink {
    0%, 90%, 100% { transform: scaleY(1); }
    95% { transform: scaleY(0.1); }
}

.blok-mascot.float {
    animation: blok-float 2s ease-in-out infinite;
}

@keyframes blok-float {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-6px); }
}

.blok-mascot.shake {
    animation: blok-shake 0.3s ease-in-out;
}

@keyframes blok-shake {
    0%, 100% { transform: translateX(0) rotate(0); }
    25% { transform: translateX(-4px) rotate(-2deg); }
    75% { transform: translateX(4px) rotate(2deg); }
}

/* ===== PRICE TICKER ===== */

.price-ticker {
    display: flex;
    gap: var(--wp--preset--spacing--40);
    overflow-x: auto;
    padding: var(--wp--preset--spacing--20) 0;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.price-ticker::-webkit-scrollbar {
    display: none;
}

.price-item {
    display: flex;
    align-items: center;
    gap: var(--wp--preset--spacing--20);
    white-space: nowrap;
    flex-shrink: 0;
}

.price-item .coin-logo {
    width: 24px;
    height: 24px;
    border-radius: 50%;
}

.price-item .coin-symbol {
    font-weight: 600;
    color: var(--wp--preset--color--foreground);
}

.price-item .coin-price {
    font-family: var(--wp--preset--font-family--mono);
}

.price-item .coin-change {
    font-size: var(--wp--preset--font-size--small);
    padding: 2px 6px;
    border-radius: 4px;
}

.price-item .coin-change.positive {
    background-color: rgba(16, 185, 129, 0.1);
    color: var(--wp--preset--color--bullish);
}

.price-item .coin-change.negative {
    background-color: rgba(239, 68, 68, 0.1);
    color: var(--wp--preset--color--bearish);
}

/* ===== BREAKING NEWS ===== */

.breaking-news-banner {
    background: linear-gradient(90deg, var(--wp--preset--color--bearish) 0%, #DC2626 100%);
    color: white;
    padding: var(--wp--preset--spacing--20) var(--wp--preset--spacing--40);
    display: flex;
    align-items: center;
    gap: var(--wp--preset--spacing--30);
}

.breaking-news-banner .label {
    background: white;
    color: var(--wp--preset--color--bearish);
    padding: 4px 12px;
    border-radius: 4px;
    font-weight: 700;
    font-size: var(--wp--preset--font-size--small);
    text-transform: uppercase;
    flex-shrink: 0;
}

.breaking-news-banner .news-scroll {
    flex: 1;
    overflow: hidden;
}

/* ===== SENTIMENT BADGES ===== */

.sentiment-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 12px;
    border-radius: 9999px;
    font-size: var(--wp--preset--font-size--small);
    font-weight: 500;
}

.sentiment-badge.bullish {
    background-color: rgba(16, 185, 129, 0.1);
    color: var(--wp--preset--color--bullish);
}

.sentiment-badge.bearish {
    background-color: rgba(239, 68, 68, 0.1);
    color: var(--wp--preset--color--bearish);
}

.sentiment-badge.neutral {
    background-color: rgba(107, 114, 128, 0.1);
    color: var(--wp--preset--color--muted);
}

/* ===== ARTICLE CARDS ===== */

.article-card {
    background: var(--wp--preset--color--surface);
    border: 1px solid var(--wp--preset--color--border);
    border-radius: var(--wp--preset--spacing--30);
    overflow: hidden;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.article-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.1);
}

.article-card .thumbnail {
    aspect-ratio: 16/9;
    object-fit: cover;
    width: 100%;
}

.article-card .content {
    padding: var(--wp--preset--spacing--40);
}

.article-card .meta {
    display: flex;
    align-items: center;
    gap: var(--wp--preset--spacing--20);
    font-size: var(--wp--preset--font-size--small);
    color: var(--wp--preset--color--muted);
    margin-bottom: var(--wp--preset--spacing--20);
}

.article-card .title {
    font-size: var(--wp--preset--font-size--medium);
    font-weight: 600;
    line-height: 1.3;
    margin-bottom: var(--wp--preset--spacing--20);
}

.article-card .title a {
    color: var(--wp--preset--color--foreground);
    text-decoration: none;
}

.article-card .title a:hover {
    color: var(--wp--preset--color--primary);
}

.article-card .excerpt {
    color: var(--wp--preset--color--muted);
    font-size: var(--wp--preset--font-size--small);
}

/* Breaking badge on cards */
.article-card .breaking-badge {
    position: absolute;
    top: var(--wp--preset--spacing--20);
    left: var(--wp--preset--spacing--20);
    background: var(--wp--preset--color--bearish);
    color: white;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
}

/* ===== COIN CARDS ===== */

.coin-card {
    background: var(--wp--preset--color--surface);
    border: 1px solid var(--wp--preset--color--border);
    border-radius: var(--wp--preset--spacing--30);
    padding: var(--wp--preset--spacing--40);
    display: flex;
    align-items: center;
    gap: var(--wp--preset--spacing--30);
    transition: border-color 0.2s ease;
}

.coin-card:hover {
    border-color: var(--wp--preset--color--primary);
}

.coin-card .logo {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    flex-shrink: 0;
}

.coin-card .info {
    flex: 1;
    min-width: 0;
}

.coin-card .name {
    font-weight: 600;
    color: var(--wp--preset--color--foreground);
}

.coin-card .symbol {
    color: var(--wp--preset--color--muted);
    font-size: var(--wp--preset--font-size--small);
}

.coin-card .price-info {
    text-align: right;
}

.coin-card .price {
    font-family: var(--wp--preset--font-family--mono);
    font-weight: 600;
    color: var(--wp--preset--color--foreground);
}

.coin-card .change {
    font-size: var(--wp--preset--font-size--small);
}

.coin-card .change.positive {
    color: var(--wp--preset--color--bullish);
}

.coin-card .change.negative {
    color: var(--wp--preset--color--bearish);
}

/* ===== GUIDE CARDS ===== */

.guide-card {
    background: var(--wp--preset--color--surface);
    border: 1px solid var(--wp--preset--color--border);
    border-radius: var(--wp--preset--spacing--30);
    padding: var(--wp--preset--spacing--40);
}

.guide-card .difficulty {
    display: inline-block;
    padding: 4px 10px;
    border-radius: 4px;
    font-size: var(--wp--preset--font-size--small);
    font-weight: 500;
    margin-bottom: var(--wp--preset--spacing--20);
}

.guide-card .difficulty.beginner {
    background: rgba(16, 185, 129, 0.1);
    color: var(--wp--preset--color--bullish);
}

.guide-card .difficulty.intermediate {
    background: rgba(245, 158, 11, 0.1);
    color: var(--wp--preset--color--special);
}

.guide-card .difficulty.advanced {
    background: rgba(239, 68, 68, 0.1);
    color: var(--wp--preset--color--bearish);
}

.guide-card .reading-time {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: var(--wp--preset--font-size--small);
    color: var(--wp--preset--color--muted);
    margin-top: var(--wp--preset--spacing--30);
}

/* ===== MARKET UPDATE FEED ===== */

.market-update {
    display: flex;
    gap: var(--wp--preset--spacing--30);
    padding: var(--wp--preset--spacing--30);
    border-bottom: 1px solid var(--wp--preset--color--border);
}

.market-update:last-child {
    border-bottom: none;
}

.market-update .blok {
    flex-shrink: 0;
}

.market-update .content {
    flex: 1;
    min-width: 0;
}

.market-update .time {
    font-size: var(--wp--preset--font-size--small);
    color: var(--wp--preset--color--muted);
}

.market-update .text {
    margin-top: 4px;
}

/* ===== LOADING STATES ===== */

.skeleton {
    background: linear-gradient(90deg, var(--wp--preset--color--border) 25%, var(--wp--preset--color--surface) 50%, var(--wp--preset--color--border) 75%);
    background-size: 200% 100%;
    animation: skeleton-loading 1.5s infinite;
    border-radius: 4px;
}

@keyframes skeleton-loading {
    0% { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}

/* ===== RESPONSIVE ===== */

@media (max-width: 782px) {
    .price-ticker {
        gap: var(--wp--preset--spacing--30);
    }
    
    .article-card .content {
        padding: var(--wp--preset--spacing--30);
    }
    
    .coin-card {
        padding: var(--wp--preset--spacing--30);
    }
}

/* ===== PRINT STYLES ===== */

@media print {
    .price-ticker,
    .breaking-news-banner,
    .blok-mascot {
        display: none;
    }
}

/* ===== HOMEPAGE SPECIFIC ===== */

/* Hero Section */
.blokfeed-hero {
    position: relative;
    overflow: hidden;
}

.blokfeed-hero::before {
    content: '';
    position: absolute;
    top: -50%;
    right: -20%;
    width: 500px;
    height: 500px;
    background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%);
    pointer-events: none;
}

.blokfeed-hero-mascot img {
    max-width: 300px;
    height: auto;
    filter: drop-shadow(0 20px 40px rgba(0,0,0,0.2));
    animation: hero-float 3s ease-in-out infinite;
}

@keyframes hero-float {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-15px); }
}

/* Price Ticker Bar */
.blokfeed-ticker-bar {
    position: relative;
    z-index: 10;
}

.price-ticker__inner {
    display: flex;
    gap: 2rem;
    align-items: center;
    overflow-x: auto;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
}

.price-ticker__inner::-webkit-scrollbar {
    display: none;
}

.price-ticker__item {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-shrink: 0;
    font-size: 0.875rem;
}

.price-ticker__item img {
    width: 20px;
    height: 20px;
    border-radius: 50%;
}

.price-ticker__symbol {
    font-weight: 600;
    color: var(--wp--preset--color--foreground);
}

.price-ticker__price {
    font-family: var(--wp--preset--font-family--mono);
    color: var(--wp--preset--color--foreground);
}

.price-ticker__change {
    padding: 2px 6px;
    border-radius: 4px;
    font-size: 0.75rem;
    font-weight: 500;
}

.price-ticker__change.up {
    background: rgba(16, 185, 129, 0.1);
    color: var(--wp--preset--color--bullish);
}

.price-ticker__change.down {
    background: rgba(239, 68, 68, 0.1);
    color: var(--wp--preset--color--bearish);
}

.price-ticker__loading {
    color: var(--wp--preset--color--muted);
    font-size: 0.875rem;
}

/* Breaking News Banner */
.blokfeed-breaking-banner {
    display: none;
}

.blokfeed-breaking-banner.has-news {
    display: block;
}

.breaking-news {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.breaking-news__label {
    background: white;
    color: var(--wp--preset--color--bearish);
    padding: 4px 12px;
    border-radius: 4px;
    font-weight: 700;
    font-size: 0.75rem;
    text-transform: uppercase;
    flex-shrink: 0;
    animation: pulse 2s infinite;
}

@keyframes pulse {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.7; }
}

.breaking-news__content {
    flex: 1;
    overflow: hidden;
}

.breaking-news__content a {
    color: white;
    text-decoration: none;
    font-weight: 500;
}

.breaking-news__content a:hover {
    text-decoration: underline;
}

/* Featured Grid Cards */
.blokfeed-featured-grid .wp-block-post-template {
    gap: 1.5rem !important;
}

.blokfeed-card {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.blokfeed-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.1);
}

.blokfeed-card .wp-block-post-featured-image {
    margin: 0;
}

.blokfeed-card .wp-block-post-featured-image img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

.blokfeed-card .wp-block-post-title a {
    color: var(--wp--preset--color--foreground);
    text-decoration: none;
}

.blokfeed-card .wp-block-post-title a:hover {
    color: var(--wp--preset--color--primary);
}

/* News List Items */
.blokfeed-news-item {
    gap: 1.25rem !important;
}

.blokfeed-news-thumb {
    flex-shrink: 0;
}

.blokfeed-news-thumb img {
    border-radius: 8px;
    object-fit: cover;
}

.blokfeed-news-list .wp-block-post-title a {
    color: var(--wp--preset--color--foreground);
    text-decoration: none;
}

.blokfeed-news-list .wp-block-post-title a:hover {
    color: var(--wp--preset--color--primary);
}

/* Sidebar Widgets */
.blokfeed-sidebar-widget {
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);
}

/* Sidebar Widget Headings - ensure readable */
.blokfeed-sidebar-widget h3,
.blokfeed-sidebar-widget .wp-block-heading {
    color: #111111 !important;
}

/* Market Updates Widget */
.blokfeed-update-item .wp-block-post-title a {
    color: #111111;
    text-decoration: none;
}

.blokfeed-update-item .wp-block-post-title a:hover {
    color: var(--wp--preset--color--primary);
}

/* Trending Coins Widget - ensure all text is readable */
.trending-coins__name {
    color: #111111 !important;
    flex: 1;
    font-weight: 500;
    font-size: 0.875rem;
}

.trending-coins__item a {
    color: #111111;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex: 1;
}

.trending-coins__item a:hover .trending-coins__name {
    color: var(--wp--preset--color--primary) !important;
}

/* Trending Coins Widget */
.trending-coins__item {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 0;
    border-bottom: 1px solid var(--wp--preset--color--border);
}

.trending-coins__item:last-child {
    border-bottom: none;
}

.trending-coins__rank {
    width: 24px;
    height: 24px;
    background: var(--wp--preset--color--primary);
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
    font-weight: 600;
    flex-shrink: 0;
}

.trending-coins__icon {
    width: 24px;
    height: 24px;
    border-radius: 50%;
}

.trending-coins__symbol {
    color: var(--wp--preset--color--muted);
    font-size: 0.75rem;
}

.trending-coins__loading {
    color: var(--wp--preset--color--muted);
    font-size: 0.875rem;
    padding: 1rem 0;
}

/* Guide Cards */
.blokfeed-guides-grid .wp-block-post-template {
    gap: 1.25rem !important;
}

.blokfeed-guide-card {
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.blokfeed-guide-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.08);
}

.blokfeed-guide-card .wp-block-post-title a {
    color: var(--wp--preset--color--foreground);
    text-decoration: none;
}

.blokfeed-guide-card .wp-block-post-title a:hover {
    color: var(--wp--preset--color--primary);
}

/* Difficulty Badge Colors */
.blokfeed-difficulty-badge a[href*="beginner"] {
    color: var(--wp--preset--color--bullish) !important;
}

.blokfeed-difficulty-badge a[href*="intermediate"] {
    color: var(--wp--preset--color--special) !important;
}

.blokfeed-difficulty-badge a[href*="advanced"] {
    color: var(--wp--preset--color--bearish) !important;
}

/* Newsletter Form */
.newsletter-form {
    margin-top: 2rem;
}

.newsletter-form__inner {
    display: flex;
    gap: 0.75rem;
    max-width: 400px;
    margin: 0 auto;
}

.newsletter-form input[type="email"] {
    flex: 1;
    padding: 0.875rem 1rem;
    border: 2px solid rgba(255,255,255,0.2);
    border-radius: 8px;
    background: rgba(255,255,255,0.1);
    color: white;
    font-size: 1rem;
}

.newsletter-form input[type="email"]::placeholder {
    color: rgba(255,255,255,0.6);
}

.newsletter-form input[type="email"]:focus {
    outline: none;
    border-color: var(--wp--preset--color--primary-light);
    background: rgba(255,255,255,0.15);
}

.newsletter-form button {
    padding: 0.875rem 1.5rem;
    background: var(--wp--preset--color--primary);
    color: white;
    border: none;
    border-radius: 8px;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.2s ease;
}

.newsletter-form button:hover {
    background: var(--wp--preset--color--primary-light);
}

/* ===== RESPONSIVE HOMEPAGE ===== */

@media (max-width: 1024px) {
    .blokfeed-guides-grid .wp-block-post-template {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

@media (max-width: 782px) {
    .blokfeed-hero h1 {
        font-size: 2.5rem !important;
    }
    
    .blokfeed-hero-mascot img {
        max-width: 200px;
    }
    
    .blokfeed-featured-grid .wp-block-post-template {
        grid-template-columns: 1fr !important;
    }
    
    .blokfeed-guides-grid .wp-block-post-template {
        grid-template-columns: 1fr !important;
    }
    
    .blokfeed-news-item {
        flex-direction: column;
    }
    
    .blokfeed-news-thumb {
        width: 100% !important;
        height: auto !important;
    }
    
    .newsletter-form__inner {
        flex-direction: column;
    }
    
    .newsletter-form button {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .blokfeed-hero h1 {
        font-size: 2rem !important;
    }
    
    .blokfeed-hero-mascot {
        display: none;
    }
}

/* ===== SINGLE POST TEMPLATE ===== */

/* Reading Progress Bar */
.reading-progress-bar {
    position: fixed;
    top: 0;
    left: 0;
    width: 0%;
    height: 3px;
    background: linear-gradient(90deg, var(--wp--preset--color--primary) 0%, var(--wp--preset--color--primary-light) 100%);
    z-index: 9999;
    transition: width 0.1s ease-out;
}

/* Single Post Header */
.single-post-header {
    border-bottom: 1px solid var(--wp--preset--color--border);
}

/* Sentiment Term Styling */
.sentiment-term a[href*="bullish"] {
    color: var(--wp--preset--color--bullish) !important;
    font-weight: 600;
}

.sentiment-term a[href*="bearish"] {
    color: var(--wp--preset--color--bearish) !important;
    font-weight: 600;
}

.sentiment-term a[href*="neutral"] {
    color: var(--wp--preset--color--muted) !important;
    font-weight: 600;
}

/* Breaking Badge Inline */
.breaking-badge-inline {
    background: var(--wp--preset--color--bearish);
    color: white;
    padding: 4px 10px;
    border-radius: 4px;
    font-size: 0.65rem;
    font-weight: 700;
    animation: pulse 2s infinite;
}

/* Article Content Styling */
.article-content {
    font-size: 1.125rem;
    line-height: 1.8;
}

.article-content h2 {
    margin-top: 2.5rem;
    margin-bottom: 1rem;
    scroll-margin-top: 100px;
}

.article-content h3 {
    margin-top: 2rem;
    margin-bottom: 0.75rem;
    scroll-margin-top: 100px;
}

.article-content p {
    margin-bottom: 1.5rem;
}

.article-content blockquote {
    border-left: 4px solid var(--wp--preset--color--primary);
    padding-left: 1.5rem;
    margin: 2rem 0;
    font-style: italic;
    color: var(--wp--preset--color--muted);
}

.article-content pre {
    background: var(--wp--preset--color--foreground);
    color: #f8f8f2;
    padding: 1.5rem;
    border-radius: 8px;
    overflow-x: auto;
    font-size: 0.875rem;
}

.article-content code {
    background: rgba(99, 102, 241, 0.1);
    color: var(--wp--preset--color--primary);
    padding: 2px 6px;
    border-radius: 4px;
    font-size: 0.9em;
}

.article-content pre code {
    background: none;
    color: inherit;
    padding: 0;
}

.article-content ul, .article-content ol {
    margin-bottom: 1.5rem;
    padding-left: 1.5rem;
}

.article-content li {
    margin-bottom: 0.5rem;
}

.article-content img {
    border-radius: 8px;
}

.article-content a {
    color: var(--wp--preset--color--primary);
    text-decoration: underline;
    text-underline-offset: 2px;
}

.article-content a:hover {
    color: var(--wp--preset--color--primary-dark);
}

/* Author Bio Box */
.author-bio-box {
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);
}

.author-bio-box .wp-block-avatar img {
    border-radius: 50%;
}

/* Sidebar */
.single-post-sidebar {
    position: relative;
}

.sidebar-sticky {
    position: sticky;
    top: 100px;
}

/* Blok Sentiment Widget */
.blok-sentiment-widget {
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);
    text-align: center;
}

.blok-sentiment-display {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.75rem;
}

.blok-sentiment-mascot {
    width: 100px;
    height: 100px;
    animation: blok-float 3s ease-in-out infinite;
}

.blok-sentiment-label {
    font-weight: 600;
    font-size: 0.875rem;
    padding: 6px 16px;
    border-radius: 20px;
    margin: 0;
}

.blok-sentiment-label.bullish {
    background: rgba(16, 185, 129, 0.1);
    color: var(--wp--preset--color--bullish);
}

.blok-sentiment-label.bearish {
    background: rgba(239, 68, 68, 0.1);
    color: var(--wp--preset--color--bearish);
}

.blok-sentiment-label.neutral {
    background: rgba(107, 114, 128, 0.1);
    color: var(--wp--preset--color--muted);
}

/* Table of Contents Widget */
.toc-widget {
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);
}

.toc-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.toc-list li {
    margin-bottom: 0.5rem;
}

.toc-list a {
    display: block;
    color: var(--wp--preset--color--muted);
    text-decoration: none;
    font-size: 0.875rem;
    padding: 6px 0;
    border-left: 2px solid transparent;
    padding-left: 12px;
    transition: all 0.2s ease;
}

.toc-list a:hover,
.toc-list a.active {
    color: var(--wp--preset--color--primary);
    border-left-color: var(--wp--preset--color--primary);
}

.toc-list .toc-h3 {
    padding-left: 24px;
    font-size: 0.8125rem;
}

/* Related Coins Widget */
.related-coins-widget {
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);
}

.related-coins-prices {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.related-coin-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.5rem 0;
    border-bottom: 1px solid var(--wp--preset--color--border);
}

.related-coin-item:last-child {
    border-bottom: none;
}

/* Linked coin item */
.related-coin-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    text-decoration: none;
    color: inherit;
    padding: 0.5rem;
    margin: -0.5rem;
    border-radius: 8px;
    transition: background-color 0.15s ease;
}

.related-coin-link:hover {
    background-color: var(--wp--preset--color--border);
}

.related-coin-link:hover .related-coin-name {
    color: var(--wp--preset--color--primary);
}

.related-coin-info {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.related-coin-info img {
    width: 24px;
    height: 24px;
    border-radius: 50%;
}

.related-coin-name {
    font-weight: 500;
    font-size: 0.875rem;
    transition: color 0.15s ease;
}

.related-coin-price {
    text-align: right;
}

.related-coin-price .price {
    font-family: var(--wp--preset--font-family--mono);
    font-size: 0.875rem;
    font-weight: 500;
}

.related-coin-price .change {
    font-size: 0.75rem;
}

.related-coin-price .change.up {
    color: var(--wp--preset--color--bullish);
}

.related-coin-price .change.down {
    color: var(--wp--preset--color--bearish);
}

/* Related Articles Grid */
.blokfeed-related-grid .wp-block-post-template {
    gap: 1.5rem !important;
}

/* ===== RESPONSIVE SINGLE POST ===== */

@media (max-width: 1024px) {
    .single-post-sidebar {
        display: none;
    }
    
    .single-post-main .wp-block-column:first-child {
        flex-basis: 100% !important;
    }
}

@media (max-width: 782px) {
    .single-post-header h1 {
        font-size: 2rem !important;
    }
    
    .article-content {
        font-size: 1rem;
    }
    
    .author-bio-box {
        flex-direction: column;
        text-align: center;
    }
    
    .author-bio-box .wp-block-group {
        margin-left: 0 !important;
        margin-top: var(--wp--preset--spacing--20);
    }
    
    .blokfeed-related-grid .wp-block-post-template {
        grid-template-columns: 1fr !important;
    }
}

/* ===== COINS ARCHIVE PAGE - LIST VIEW ===== */

/* Filter Bar */
.coins-filter-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1.25rem;
    flex-wrap: wrap;
}

.coins-filter-categories {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.coin-filter-btn {
    padding: 0.5rem 1rem;
    font-size: 0.8125rem;
    font-weight: 500;
    background: #ffffff;
    border: 1px solid var(--blok-border, #e5e7eb);
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.15s ease;
    color: var(--blok-text-muted, #6b7280);
}

.coin-filter-btn:hover {
    border-color: var(--blok-primary, #6366f1);
    color: var(--blok-primary, #6366f1);
}

.coin-filter-btn.active {
    background: var(--blok-primary, #6366f1);
    border-color: var(--blok-primary, #6366f1);
    color: #ffffff;
}

.coins-search {
    flex-shrink: 0;
}

.coins-search-input {
    padding: 0.5rem 1rem;
    font-size: 0.875rem;
    border: 1px solid var(--blok-border, #e5e7eb);
    border-radius: 6px;
    width: 200px;
    outline: none;
    transition: border-color 0.15s ease;
}

.coins-search-input:focus {
    border-color: var(--blok-primary, #6366f1);
}

.coins-search-input::placeholder {
    color: var(--blok-text-muted, #9ca3af);
}

/* Table Container */
.coins-table-wrapper {
    border: 1px solid var(--blok-border, #e5e7eb);
    border-radius: 8px;
    overflow: hidden;
}

/* List Header */
.coins-list-header {
    display: grid;
    grid-template-columns: 60px 1fr 140px 110px 140px;
    padding: 0.875rem 1.5rem;
    background: var(--blok-surface, #f9fafb);
    font-size: 0.6875rem;
    font-weight: 600;
    color: var(--blok-text-muted, #6b7280);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    border-bottom: 1px solid var(--blok-border, #e5e7eb);
    align-items: center;
}

.coins-list-header .col-rank {
    text-align: center;
}

.coins-list-header .col-name {
    text-align: left;
    padding-left: 0.5rem;
}

.coins-list-header .col-price,
.coins-list-header .col-change,
.coins-list-header .col-mcap {
    text-align: center;
}

/* List Container */
.coins-list {
    display: flex;
    flex-direction: column;
    gap: 0 !important;
}

/* List Rows */
.coin-list-row {
    position: relative;
    display: grid !important;
    grid-template-columns: 60px 1fr 140px 110px 140px !important;
    align-items: center;
    padding: 1rem 1.5rem !important;
    min-height: 72px;
    background: #ffffff;
    border-bottom: 1px solid var(--blok-border, #e5e7eb);
    transition: background-color 0.15s ease;
    cursor: pointer;
    margin: 0 !important;
    gap: 0 !important;
}

/* Force all direct children to be grid items */
.coin-list-row > * {
    margin: 0 !important;
    padding: 0 !important;
}

/* Column 1: Rank */
.coin-list-row .coin-rank {
    text-align: center;
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--blok-text-muted, #6b7280);
}

/* Column 2: Name/Info - handled by .coin-list-info */

/* Column 3: Price */
.coin-list-row .coin-list-price {
    text-align: center;
    font-family: var(--wp--preset--font-family--mono, monospace);
    font-size: 0.9375rem;
    font-weight: 600;
    color: var(--blok-text, #1f2937);
}

/* Column 4: Change badge */
.coin-list-row .coin-list-change {
    text-align: center;
    font-size: 0.8125rem;
    font-weight: 600;
    padding: 0.375rem 0.75rem;
    border-radius: 6px;
    display: block;
    width: fit-content;
    margin: 0 auto !important;
}

/* Column 5: Market cap */
.coin-list-row .coin-list-mcap {
    text-align: center;
    font-family: var(--wp--preset--font-family--mono, monospace);
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--blok-text-muted, #6b7280);
}

.coin-list-row > .coin-list-info,
.coin-list-row > .wp-block-group.coin-list-info {
    justify-content: flex-start;
}

.coin-list-row:last-child {
    border-bottom: none;
}

.coin-list-row:hover {
    background: var(--blok-surface, #f9fafb);
}

.coin-list-row.hidden {
    display: none !important;
}

/* Remove all WordPress block spacing */
.coin-list-row.wp-block-group,
.coin-list-row .wp-block-group {
    margin: 0 !important;
    padding: 0 !important;
}

/* Name/Info column */
.coin-list-info {
    display: flex !important;
    align-items: center !important;
    gap: 0.75rem !important;
    min-width: 0;
    padding: 0 !important;
    margin: 0 !important;
}

.coin-list-info.wp-block-group {
    gap: 0.75rem !important;
}

.coin-list-row .wp-block-post-featured-image {
    flex-shrink: 0;
    width: 40px !important;
    height: 40px !important;
    margin: 0 !important;
}

.coin-list-row .wp-block-post-featured-image img {
    width: 40px !important;
    height: 40px !important;
    object-fit: cover;
    border-radius: 50%;
}

.coin-list-row h3 {
    margin: 0 !important;
    font-size: 0.9375rem !important;
    line-height: 1.3 !important;
}

.coin-list-row h3 a {
    color: var(--blok-text, #1f2937);
    text-decoration: none;
}

/* Stretched link for full row click */
.coin-list-row h3 a::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}

.coin-list-row:hover h3 a {
    color: var(--blok-primary, #6366f1);
}

.coin-list-symbol {
    display: block;
    font-size: 0.75rem;
    font-weight: 500;
    color: var(--blok-text-muted, #6b7280);
    text-transform: uppercase;
    margin-top: 2px;
    line-height: 1;
}

/* Change badge colors */
.coin-list-change.up {
    background: rgba(34, 197, 94, 0.1);
    color: #16a34a;
}

.coin-list-change.down {
    background: rgba(239, 68, 68, 0.1);
    color: #dc2626;
}

.coin-list-change.neutral {
    background: rgba(107, 114, 128, 0.1);
    color: #6b7280;
}

/* Mobile responsive */
@media (max-width: 900px) {
    .coins-list-header {
        grid-template-columns: 50px 1fr 120px 90px;
    }
    
    .coins-list-header .col-mcap {
        display: none;
    }
    
    .coin-list-row {
        grid-template-columns: 50px 1fr 120px 90px !important;
    }
    
    .coin-list-mcap {
        display: none !important;
    }
}

@media (max-width: 768px) {
    .coins-filter-bar {
        flex-direction: column;
        align-items: stretch;
    }
    
    .coins-filter-categories {
        justify-content: flex-start;
        overflow-x: auto;
        padding-bottom: 0.5rem;
    }
    
    .coins-search-input {
        width: 100%;
    }
    
    .coins-list-header {
        grid-template-columns: 40px 1fr 100px 80px;
        padding: 0.75rem 1rem;
    }
    
    .coin-list-row {
        grid-template-columns: 40px 1fr 100px 80px !important;
        padding: 0.875rem 1rem !important;
        min-height: 64px;
    }
}

@media (max-width: 540px) {
    .coins-list-header {
        grid-template-columns: 1fr auto;
        padding: 0.625rem 1rem;
    }
    
    .coins-list-header .col-rank,
    .coins-list-header .col-change {
        display: none;
    }
    
    .coin-list-row {
        grid-template-columns: 1fr auto !important;
        padding: 0.75rem 1rem !important;
        min-height: 60px;
    }
    
    .coin-rank {
        display: none !important;
    }
    
    .coin-list-price {
        font-size: 0.875rem;
    }
    
    .coin-list-change {
        display: none !important;
    }
}

/* ===== COIN PROFILE PAGE ===== */

/* Coin Header */
.coin-header {
    border-bottom: 1px solid var(--wp--preset--color--border);
    padding-bottom: var(--wp--preset--spacing--40);
}

.coin-link-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    background: var(--wp--preset--color--surface);
    border: 1px solid var(--wp--preset--color--border);
    border-radius: 8px;
    color: var(--wp--preset--color--foreground);
    text-decoration: none;
    font-size: 0.875rem;
    font-weight: 500;
    transition: all 0.2s ease;
}

.coin-link-btn:hover {
    border-color: var(--wp--preset--color--primary);
    color: var(--wp--preset--color--primary);
}

/* Coin Price Card */
.coin-price-card {
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
}

.coin-live-price {
    text-align: center;
}

.coin-price-main {
    margin-bottom: 2rem;
}

.coin-price-label {
    display: block;
    color: var(--wp--preset--color--muted);
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    margin-bottom: 0.5rem;
}

.coin-price-value {
    display: block;
    font-family: var(--wp--preset--font-family--mono);
    font-size: 3rem;
    font-weight: 700;
    color: var(--wp--preset--color--foreground);
    line-height: 1.2;
}

.coin-price-change {
    display: inline-block;
    font-size: 1.25rem;
    font-weight: 600;
    padding: 4px 12px;
    border-radius: 6px;
    margin-top: 0.5rem;
}

.coin-price-change.up {
    background: rgba(16, 185, 129, 0.1);
    color: var(--wp--preset--color--bullish);
}

.coin-price-change.down {
    background: rgba(239, 68, 68, 0.1);
    color: var(--wp--preset--color--bearish);
}

.coin-stats-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1.5rem;
    padding-top: 1.5rem;
    border-top: 1px solid var(--wp--preset--color--border);
}

.coin-stat {
    text-align: center;
}

.coin-stat-label {
    display: block;
    color: var(--wp--preset--color--muted);
    font-size: 0.75rem;
    margin-bottom: 0.25rem;
}

.coin-stat-value {
    display: block;
    font-family: var(--wp--preset--font-family--mono);
    font-size: 1rem;
    font-weight: 600;
    color: var(--wp--preset--color--foreground);
}

/* Coin Price Chart */
.coin-chart-container {
    margin-top: 1.5rem;
    padding-top: 1.5rem;
    border-top: 1px solid var(--wp--preset--color--border);
}

.coin-chart-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.coin-chart-title {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--wp--preset--color--muted);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.coin-chart-timeframes {
    display: flex;
    gap: 0.25rem;
    background: var(--blok-surface, #f3f4f6);
    padding: 0.25rem;
    border-radius: 8px;
}

.chart-timeframe {
    padding: 0.5rem 0.875rem;
    font-size: 0.8125rem;
    font-weight: 500;
    border: none;
    background: transparent;
    color: var(--blok-text-muted, #6b7280);
    cursor: pointer;
    border-radius: 6px;
    transition: all 0.15s ease;
}

.chart-timeframe:hover {
    color: var(--blok-text, #1f2937);
}

.chart-timeframe.active {
    background: #ffffff;
    color: var(--blok-primary, #6366f1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.coin-chart-wrapper {
    position: relative;
    height: 280px;
    width: 100%;
}

.coin-chart-wrapper canvas {
    width: 100% !important;
    height: 100% !important;
}

.coin-chart-loading {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: var(--blok-text-muted, #6b7280);
    font-size: 0.875rem;
}

@media (max-width: 640px) {
    .coin-chart-header {
        flex-direction: column;
        align-items: flex-start;
    }
    
    .coin-chart-timeframes {
        width: 100%;
        justify-content: space-between;
    }
    
    .chart-timeframe {
        padding: 0.5rem 0.5rem;
        font-size: 0.75rem;
        flex: 1;
        text-align: center;
    }
    
    .coin-chart-wrapper {
        height: 220px;
    }
}

/* Coin Content */
.coin-content {
    font-size: 1.125rem;
    line-height: 1.8;
}

/* Coin Sidebar */
.coin-sidebar .sidebar-sticky {
    position: sticky;
    top: 100px;
}

/* Coin Blok Widget */
.coin-blok-widget {
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);
    text-align: center;
}

.coin-blok-display {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.75rem;
}

.coin-blok-mascot {
    width: 100px;
    height: 100px;
    animation: blok-float 3s ease-in-out infinite;
}

.coin-blok-message {
    font-size: 0.875rem;
    color: var(--wp--preset--color--muted);
    margin: 0;
}

/* Coin Facts Widget */
.coin-facts-widget,
.coin-links-widget {
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);
}

.coin-facts-list {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.coin-fact-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid var(--wp--preset--color--border);
}

.coin-fact-row:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.fact-label {
    color: var(--wp--preset--color--muted);
    font-size: 0.875rem;
}

.fact-value {
    font-weight: 600;
    font-size: 0.875rem;
}

/* Coin Links Widget */
.coin-links-list {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.coin-link {
    display: block;
    padding: 0.5rem 0;
    color: var(--wp--preset--color--foreground);
    text-decoration: none;
    font-size: 0.875rem;
    border-bottom: 1px solid var(--wp--preset--color--border);
    transition: color 0.2s ease;
}

.coin-link:last-child {
    border-bottom: none;
}

.coin-link:hover {
    color: var(--wp--preset--color--primary);
}

/* Coin News Grid */
.blokfeed-coin-news .wp-block-post-template {
    gap: 1.25rem !important;
}

/* ===== RESPONSIVE COIN PAGE ===== */

@media (max-width: 1024px) {
    .coin-stats-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .coin-sidebar {
        display: none;
    }
}

@media (max-width: 782px) {
    .coin-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }
    
    .coin-price-value {
        font-size: 2.25rem;
    }
    
    .coin-stats-grid {
        grid-template-columns: 1fr 1fr;
    }
    
    .blokfeed-coin-news .wp-block-post-template {
        grid-template-columns: 1fr !important;
    }
}

/* ===== ENHANCED COIN PAGE STYLES ===== */

/* Coin Hero Section */
.coin-hero {
    position: relative;
}

.coin-hero-header {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 1.5rem;
}

.coin-ticker-badge {
    display: inline-flex;
    align-items: center;
    padding: 0.25rem 0.75rem;
    background: var(--wp--preset--color--primary);
    color: white;
    font-size: 0.75rem;
    font-weight: 700;
    border-radius: 4px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.coin-header-links {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.coin-link-btn--secondary {
    background: transparent !important;
    border: 1px solid var(--wp--preset--color--border) !important;
    color: var(--wp--preset--color--muted) !important;
}

.coin-link-btn--secondary:hover {
    border-color: var(--wp--preset--color--primary) !important;
    color: var(--wp--preset--color--primary) !important;
}

/* Blok's Quick Take */
.blok-quick-take {
    background: linear-gradient(135deg, rgba(99, 102, 241, 0.1) 0%, rgba(16, 185, 129, 0.05) 100%);
    border: 1px solid var(--wp--preset--color--border);
    border-radius: 12px;
    padding: 1.25rem 1.5rem;
    margin-top: 0.5rem;
}

.blok-quick-take__header {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 0.75rem;
}

.blok-quick-take__mascot {
    width: 48px;
    height: 48px;
    flex-shrink: 0;
}

.blok-quick-take__title {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.blok-quick-take__label {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--wp--preset--color--primary);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.blok-quick-take__oneliner {
    font-size: 1.125rem;
    font-weight: 600;
    color: var(--wp--preset--color--foreground);
    line-height: 1.3;
}

.blok-quick-take__verdict {
    font-size: 0.9375rem;
    color: var(--wp--preset--color--muted);
    line-height: 1.6;
    margin: 0;
}

/* Enhanced Price Header */
.coin-price-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 1.5rem;
    margin-bottom: 1.5rem;
}

.coin-price-row {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.coin-price-ath-atl {
    display: flex;
    gap: 2rem;
}

.coin-ath,
.coin-atl {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.125rem;
}

.coin-ath-label,
.coin-atl-label {
    font-size: 0.6875rem;
    font-weight: 600;
    color: var(--wp--preset--color--muted);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.coin-ath-value,
.coin-atl-value {
    font-size: 0.9375rem;
    font-weight: 600;
    color: var(--wp--preset--color--foreground);
}

.coin-ath-change,
.coin-atl-change {
    font-size: 0.75rem;
    font-weight: 500;
}

.coin-ath-change { color: var(--wp--preset--color--danger); }
.coin-atl-change { color: var(--wp--preset--color--success); }

/* Price Changes Row */
.coin-price-changes {
    display: flex;
    gap: 1.5rem;
    padding: 1rem 0;
    margin: 1rem 0;
    border-top: 1px solid var(--wp--preset--color--border);
    border-bottom: 1px solid var(--wp--preset--color--border);
    overflow-x: auto;
}

.coin-price-period {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.25rem;
    min-width: 60px;
}

.period-label {
    font-size: 0.75rem;
    font-weight: 500;
    color: var(--wp--preset--color--muted);
}

.period-value {
    font-size: 0.9375rem;
    font-weight: 600;
}

.period-value.up { color: var(--wp--preset--color--success); }
.period-value.down { color: var(--wp--preset--color--danger); }

/* Market Cap Rank Badge */
.coin-stat-rank {
    display: inline-flex;
    align-items: center;
    padding: 0.125rem 0.5rem;
    background: var(--wp--preset--color--primary);
    color: white;
    font-size: 0.6875rem;
    font-weight: 700;
    border-radius: 4px;
    margin-left: 0.5rem;
}

.coin-stat-secondary {
    font-size: 0.75rem;
    color: var(--wp--preset--color--muted);
    margin-top: 0.25rem;
}

/* Key Levels Section */
.coin-key-levels {
    margin-top: 1.5rem;
    padding-top: 1.5rem;
    border-top: 1px solid var(--wp--preset--color--border);
}

.key-levels-title {
    font-size: 1rem;
    font-weight: 600;
    margin: 0 0 1rem;
    color: var(--wp--preset--color--foreground);
}

.coin-levels-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}

.coin-levels-support,
.coin-levels-resistance {
    padding: 1rem;
    border-radius: 8px;
}

.coin-levels-support {
    background: rgba(16, 185, 129, 0.1);
    border: 1px solid rgba(16, 185, 129, 0.3);
}

.coin-levels-resistance {
    background: rgba(239, 68, 68, 0.1);
    border: 1px solid rgba(239, 68, 68, 0.3);
}

.levels-label {
    display: block;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 0.5rem;
}

.coin-levels-support .levels-label { color: var(--wp--preset--color--success); }
.coin-levels-resistance .levels-label { color: var(--wp--preset--color--danger); }

.levels-values {
    font-size: 0.9375rem;
    font-weight: 500;
    color: var(--wp--preset--color--foreground);
}

/* Bull & Bear Section */
.coin-bull-bear-section {
    margin: 2.5rem 0;
    padding: 2rem;
    background: var(--wp--preset--color--surface);
    border-radius: 16px;
}

.coin-bull-bear-section .section-title {
    font-size: 1.5rem;
    font-weight: 700;
    margin: 0 0 1.5rem;
}

.bull-bear-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.5rem;
}

.bull-case,
.bear-case {
    border-radius: 12px;
    overflow: hidden;
}

.case-header {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1rem;
    font-weight: 600;
}

.case-header.bull {
    background: rgba(16, 185, 129, 0.15);
    color: var(--wp--preset--color--success);
}

.case-header.bear {
    background: rgba(239, 68, 68, 0.15);
    color: var(--wp--preset--color--danger);
}

.case-icon {
    font-size: 1.25rem;
}

.case-points {
    list-style: none;
    margin: 0;
    padding: 1rem;
    background: var(--wp--preset--color--background);
}

.case-points li {
    position: relative;
    padding: 0.5rem 0 0.5rem 1.5rem;
    border-bottom: 1px solid var(--wp--preset--color--border);
}

.case-points li:last-child {
    border-bottom: none;
}

.case-points li::before {
    content: "•";
    position: absolute;
    left: 0;
    font-weight: bold;
}

.bull-case .case-points li::before { color: var(--wp--preset--color--success); }
.bear-case .case-points li::before { color: var(--wp--preset--color--danger); }

.blok-verdict-box {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    margin-top: 1.5rem;
    padding: 1.25rem;
    background: linear-gradient(135deg, rgba(99, 102, 241, 0.1) 0%, rgba(139, 92, 246, 0.05) 100%);
    border: 1px solid var(--wp--preset--color--border);
    border-radius: 12px;
}

.verdict-mascot {
    width: 48px;
    height: 48px;
    flex-shrink: 0;
}

.verdict-content {
    flex: 1;
}

.verdict-label {
    display: block;
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--wp--preset--color--primary);
    margin-bottom: 0.25rem;
}

.verdict-text {
    margin: 0;
    font-size: 0.9375rem;
    line-height: 1.6;
    color: var(--wp--preset--color--foreground);
}

/* How to Buy Section */
.coin-how-to-buy-section {
    margin: 2.5rem 0;
    padding: 2rem;
    background: var(--wp--preset--color--surface);
    border-radius: 16px;
}

.coin-how-to-buy-section .section-title {
    font-size: 1.5rem;
    font-weight: 700;
    margin: 0 0 1.5rem;
}

.how-to-buy-content {
    display: grid;
    gap: 1.5rem;
}

.exchanges-list h4,
.buy-steps h4 {
    font-size: 1rem;
    font-weight: 600;
    margin: 0 0 1rem;
}

.exchanges-grid,
.wallets-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.wallets-list {
    margin-top: 1.5rem;
}

.exchange-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    background: var(--wp--preset--color--background);
    border: 1px solid var(--wp--preset--color--border);
    border-radius: 8px;
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--wp--preset--color--foreground);
    transition: all 0.2s;
}

.exchange-badge:hover {
    border-color: var(--wp--preset--color--primary);
    color: var(--wp--preset--color--primary);
}

/* Affiliate link badges */
a.exchange-badge.exchange-link {
    text-decoration: none;
    cursor: pointer;
}

a.exchange-badge.exchange-link:hover {
    background: var(--wp--preset--color--primary);
    border-color: var(--wp--preset--color--primary);
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(99, 102, 241, 0.3);
}

a.exchange-badge.exchange-link .external-icon {
    font-size: 0.75rem;
    opacity: 0.7;
    transition: opacity 0.2s;
}

a.exchange-badge.exchange-link:hover .external-icon {
    opacity: 1;
}

.buy-steps-list {
    margin: 0;
    padding-left: 1.5rem;
}

.buy-steps-list li {
    padding: 0.5rem 0;
    line-height: 1.5;
}

.blok-tip-box {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 1rem 1.25rem;
    background: rgba(245, 158, 11, 0.1);
    border: 1px solid rgba(245, 158, 11, 0.3);
    border-radius: 10px;
}

.tip-icon {
    font-size: 1.25rem;
}

.tip-label {
    display: block;
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--wp--preset--color--accent);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 0.25rem;
}

.tip-text {
    margin: 0;
    font-size: 0.9375rem;
    line-height: 1.5;
}

/* Staking Section */
.coin-staking-section {
    margin: 2.5rem 0;
    padding: 2rem;
    background: var(--wp--preset--color--surface);
    border-radius: 16px;
}

.coin-staking-section .section-title {
    font-size: 1.5rem;
    font-weight: 700;
    margin: 0 0 1.5rem;
}

.staking-overview {
    display: flex;
    gap: 2rem;
    margin-bottom: 1rem;
}

.staking-stat {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.staking-label {
    font-size: 0.75rem;
    font-weight: 500;
    color: var(--wp--preset--color--muted);
    text-transform: uppercase;
}

.staking-value {
    font-size: 1.25rem;
    font-weight: 700;
}

.staking-yes { color: var(--wp--preset--color--success); }
.staking-apy { color: var(--wp--preset--color--primary); }

/* FAQ Section */
.coin-faq-section {
    margin: 2.5rem 0;
}

.coin-faq-section .section-title {
    font-size: 1.5rem;
    font-weight: 700;
    margin: 0 0 1.5rem;
}

.faq-list {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.faq-item {
    background: var(--wp--preset--color--surface);
    border-radius: 10px;
    overflow: hidden;
}

.faq-question {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.25rem;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.2s;
}

.faq-question:hover {
    background: rgba(99, 102, 241, 0.05);
}

.faq-toggle {
    font-size: 1.25rem;
    color: var(--wp--preset--color--muted);
    transition: transform 0.2s;
}

.faq-item.open .faq-toggle {
    transform: rotate(45deg);
}

.faq-answer {
    display: none;
    padding: 0 1.25rem 1rem;
    line-height: 1.6;
    color: var(--wp--preset--color--muted);
}

.faq-item.open .faq-answer {
    display: block;
}

/* Trust Indicators Widget */
.coin-trust-widget {
    background: var(--wp--preset--color--surface);
    border-radius: 12px;
    padding: 1.25rem;
}

.coin-trust-widget .widget-title {
    font-size: 1rem;
    font-weight: 600;
    margin: 0 0 1rem;
}

.trust-indicators-list {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.trust-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.5rem 0;
    border-bottom: 1px solid var(--wp--preset--color--border);
}

.trust-item:last-child {
    border-bottom: none;
}

.trust-label {
    font-size: 0.875rem;
    color: var(--wp--preset--color--muted);
}

.trust-value {
    font-size: 0.875rem;
    font-weight: 600;
}

.trust-value.positive { color: var(--wp--preset--color--success); }
.trust-value.warning { color: var(--wp--preset--color--accent); }
.trust-value.negative { color: var(--wp--preset--color--danger); }

.trust-red-flags {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid var(--wp--preset--color--border);
}

.red-flags-label {
    display: block;
    font-size: 0.8125rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
    color: var(--wp--preset--color--danger);
}

.red-flags-list {
    margin: 0;
    padding-left: 1.25rem;
    font-size: 0.875rem;
    color: var(--wp--preset--color--muted);
}

.red-flags-list li {
    padding: 0.25rem 0;
}

/* Contract Addresses Widget */
.coin-contracts-widget {
    background: var(--wp--preset--color--surface);
    border-radius: 12px;
    padding: 1.25rem;
    margin-top: 1rem;
}

.coin-contracts-widget .widget-title {
    font-size: 1rem;
    font-weight: 600;
    margin: 0 0 1rem;
}

.contracts-list {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.contract-item {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.contract-network {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--wp--preset--color--primary);
    text-transform: uppercase;
}

.contract-address {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 0.75rem;
    background: var(--wp--preset--color--background);
    border-radius: 6px;
    font-family: var(--wp--preset--font-family--mono);
    font-size: 0.75rem;
    word-break: break-all;
}

.contract-copy {
    flex-shrink: 0;
    padding: 0.25rem 0.5rem;
    background: transparent;
    border: 1px solid var(--wp--preset--color--border);
    border-radius: 4px;
    font-size: 0.6875rem;
    cursor: pointer;
    transition: all 0.2s;
}

.contract-copy:hover {
    background: var(--wp--preset--color--primary);
    border-color: var(--wp--preset--color--primary);
    color: white;
}

/* Narrative Widget */
.coin-narrative-widget {
    background: var(--wp--preset--color--surface);
    border-radius: 12px;
    padding: 1.25rem;
    margin-top: 1rem;
}

.coin-narrative-widget .widget-title {
    font-size: 1rem;
    font-weight: 600;
    margin: 0 0 1rem;
}

.narrative-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 0.75rem;
}

.narrative-tag {
    display: inline-block;
    padding: 0.25rem 0.75rem;
    background: var(--wp--preset--color--primary);
    color: white;
    font-size: 0.75rem;
    font-weight: 600;
    border-radius: 20px;
}

.narrative-explanation {
    font-size: 0.875rem;
    line-height: 1.6;
    color: var(--wp--preset--color--muted);
    margin: 0;
}

/* Related Coins Widget */
.coin-related-widget {
    background: var(--wp--preset--color--surface);
    border-radius: 12px;
    padding: 1.25rem;
    margin-top: 1rem;
}

.coin-related-widget .widget-title {
    font-size: 1rem;
    font-weight: 600;
    margin: 0 0 1rem;
}

.related-coins-list {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.related-coin-item {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.5rem;
    border-radius: 8px;
    text-decoration: none;
    color: var(--wp--preset--color--foreground);
    transition: background 0.2s;
}

.related-coin-item:hover {
    background: var(--wp--preset--color--background);
}

.related-coin-item img {
    width: 32px;
    height: 32px;
    border-radius: 50%;
}

.related-coin-name {
    font-weight: 500;
    font-size: 0.9375rem;
}

/* Last Updated */
.coin-last-updated {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-top: 1.5rem;
    padding-top: 1rem;
    border-top: 1px solid var(--wp--preset--color--border);
    font-size: 0.8125rem;
    color: var(--wp--preset--color--muted);
}

/* Enhanced Responsive Styles */
@media (max-width: 782px) {
    .coin-hero-header {
        flex-direction: column;
        align-items: flex-start;
    }
    
    .coin-header-links {
        width: 100%;
    }
    
    .blok-quick-take__header {
        flex-direction: column;
        text-align: center;
    }
    
    .coin-price-header {
        flex-direction: column;
    }
    
    .coin-price-ath-atl {
        width: 100%;
        justify-content: space-between;
    }
    
    .coin-ath,
    .coin-atl {
        align-items: flex-start;
    }
    
    .coin-price-changes {
        gap: 1rem;
    }
    
    .bull-bear-grid {
        grid-template-columns: 1fr;
    }
    
    .coin-levels-grid {
        grid-template-columns: 1fr;
    }
    
    .staking-overview {
        flex-direction: column;
        gap: 1rem;
    }
}

/* ===== GUIDE ARCHIVE PAGE =====  */

.guides-header-blok {
    animation: blok-float 3s ease-in-out infinite;
}

/* Difficulty Filters */
.difficulty-filters {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    justify-content: center;
}

.difficulty-filter {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.625rem 1.25rem;
    background: var(--wp--preset--color--surface);
    border: 2px solid var(--wp--preset--color--border);
    border-radius: 30px;
    color: var(--wp--preset--color--foreground);
    font-size: 0.875rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
}

.difficulty-filter:hover {
    border-color: var(--wp--preset--color--primary);
    color: var(--wp--preset--color--primary);
}

.difficulty-filter.active {
    background: var(--wp--preset--color--primary);
    border-color: var(--wp--preset--color--primary);
    color: white;
}

.difficulty-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
}

.difficulty-dot.beginner {
    background: var(--wp--preset--color--bullish);
}

.difficulty-dot.intermediate {
    background: var(--wp--preset--color--special);
}

.difficulty-dot.advanced {
    background: var(--wp--preset--color--bearish);
}

/* Guide Stats */
.guides-stats-bar > div {
    display: flex;
    gap: 2rem;
    justify-content: center;
    flex-wrap: wrap;
}

.guide-stat {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.25rem;
    padding: 0 1.5rem;
    border-right: 1px solid var(--wp--preset--color--border);
}

.guide-stat:last-child {
    border-right: none;
}

.guide-stat-value {
    font-family: var(--wp--preset--font-family--mono);
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--wp--preset--color--primary);
}

.guide-stat-label {
    font-size: 0.75rem;
    color: var(--wp--preset--color--muted);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

/* Featured Guides */
.featured-guide-card {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.featured-guide-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
}

/* Guides Sort */
.guides-sort-select {
    padding: 0.5rem 2rem 0.5rem 1rem;
    background: var(--wp--preset--color--surface);
    border: 1px solid var(--wp--preset--color--border);
    border-radius: 8px;
    color: var(--wp--preset--color--foreground);
    font-size: 0.875rem;
    cursor: pointer;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236B7280' d='M6 8L2 4h8z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
}

/* Guide Cards */
.guide-card {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.guide-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);
}

/* Difficulty Badge Colors */
.difficulty-badge a[href*="beginner"] {
    background: rgba(16, 185, 129, 0.1) !important;
    color: var(--wp--preset--color--bullish) !important;
    padding: 4px 10px;
    border-radius: 4px;
}

.difficulty-badge a[href*="intermediate"] {
    background: rgba(139, 92, 246, 0.1) !important;
    color: var(--wp--preset--color--special) !important;
    padding: 4px 10px;
    border-radius: 4px;
}

.difficulty-badge a[href*="advanced"] {
    background: rgba(239, 68, 68, 0.1) !important;
    color: var(--wp--preset--color--bearish) !important;
    padding: 4px 10px;
    border-radius: 4px;
}

/* Guides Newsletter */
.guides-newsletter-form {
    display: flex;
    gap: 0.75rem;
    max-width: 400px;
    margin: 0 auto;
}

.guides-newsletter-form input {
    flex: 1;
    padding: 0.875rem 1rem;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 8px;
    color: white;
    font-size: 0.9375rem;
}

.guides-newsletter-form input::placeholder {
    color: rgba(255, 255, 255, 0.5);
}

.guides-newsletter-form button {
    padding: 0.875rem 1.5rem;
    background: var(--wp--preset--color--primary);
    border: none;
    border-radius: 8px;
    color: white;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.2s ease;
}

.guides-newsletter-form button:hover {
    background: var(--wp--preset--color--primary-dark);
}

/* ===== MARKET UPDATES PAGE ===== */

.market-header-blok {
    animation: blok-float 3s ease-in-out infinite;
}

/* Market Overview Grid */
.market-overview-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 2rem;
}

.market-overview-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 0.5rem;
}

.market-label {
    font-size: 0.75rem;
    color: var(--wp--preset--color--muted);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 0.25rem;
}

.market-value {
    font-family: var(--wp--preset--font-family--mono);
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--wp--preset--color--foreground);
}

.market-change {
    font-size: 0.875rem;
    font-weight: 500;
}

.market-change.up {
    color: var(--wp--preset--color--bullish);
}

.market-change.down {
    color: var(--wp--preset--color--bearish);
}

.market-sentiment {
    font-size: 0.75rem;
    padding: 2px 8px;
    border-radius: 4px;
    margin-top: 0.25rem;
}

/* Market Update Tabs */
.market-update-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.market-tab {
    padding: 0.5rem 1rem;
    background: transparent;
    border: 1px solid var(--wp--preset--color--border);
    border-radius: 6px;
    color: var(--wp--preset--color--muted);
    font-size: 0.875rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
}

.market-tab:hover {
    border-color: var(--wp--preset--color--primary);
    color: var(--wp--preset--color--primary);
}

.market-tab.active {
    background: var(--wp--preset--color--primary);
    border-color: var(--wp--preset--color--primary);
    color: white;
}

/* Market Update Cards */
.market-update-card {
    transition: box-shadow 0.2s ease, transform 0.2s ease;
    border: 1px solid var(--wp--preset--color--border);
}

.market-update-card:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    transform: translateY(-2px);
}

/* Inner flex layout */
.market-update-inner {
    display: flex;
    gap: 1.25rem;
    align-items: center;
}

/* Market Update Thumbnail */
.market-update-thumbnail-wrap {
    flex-shrink: 0;
    width: 160px;
}

.market-update-thumbnail-wrap .wp-block-post-featured-image,
.market-update-thumbnail-wrap img {
    width: 160px;
    height: auto;
    aspect-ratio: 16/9;
    object-fit: cover;
    border-radius: 8px;
    display: block;
}

.market-update-content-wrap {
    flex: 1;
    min-width: 0;
}

/* Legacy item styles (for backwards compatibility) */
.market-update-item {
    transition: background 0.2s ease;
    gap: 1.25rem;
}

.market-update-item:hover {
    background: var(--wp--preset--color--surface);
}

/* Responsive */
@media (max-width: 600px) {
    .market-update-inner {
        flex-direction: column;
        gap: 1rem;
    }
    
    .market-update-thumbnail-wrap {
        width: 100%;
    }
    
    .market-update-thumbnail-wrap .wp-block-post-featured-image,
    .market-update-thumbnail-wrap img {
        width: 100%;
    }
}

/* Sentiment Indicator */
.sentiment-indicator a {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 2px 8px;
    border-radius: 4px;
    font-weight: 600;
    text-decoration: none;
}

.sentiment-indicator a[href*="bullish"] {
    background: rgba(16, 185, 129, 0.1);
    color: var(--wp--preset--color--bullish);
}

.sentiment-indicator a[href*="bullish"]::before {
    content: "📈";
}

.sentiment-indicator a[href*="bearish"] {
    background: rgba(239, 68, 68, 0.1);
    color: var(--wp--preset--color--bearish);
}

.sentiment-indicator a[href*="bearish"]::before {
    content: "📉";
}

.sentiment-indicator a[href*="neutral"] {
    background: rgba(107, 114, 128, 0.1);
    color: var(--wp--preset--color--muted);
}

.sentiment-indicator a[href*="neutral"]::before {
    content: "➖";
}

/* Top Movers List */
.top-movers-list {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.mover-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.5rem 0;
    border-bottom: 1px solid var(--wp--preset--color--border);
}

.mover-item:last-child {
    border-bottom: none;
}

.mover-info {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.mover-info img {
    width: 24px;
    height: 24px;
    border-radius: 50%;
}

.mover-name {
    font-weight: 500;
    font-size: 0.875rem;
}

.mover-symbol {
    font-size: 0.75rem;
    color: var(--wp--preset--color--muted);
}

.mover-change {
    font-family: var(--wp--preset--font-family--mono);
    font-size: 0.875rem;
    font-weight: 600;
}

.mover-change.up {
    color: var(--wp--preset--color--bullish);
}

.mover-change.down {
    color: var(--wp--preset--color--bearish);
}

/* Blok Mood Widget */
.blok-mood-widget {
    text-align: center;
}

.blok-mood-display {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.75rem;
}

.blok-mood-mascot {
    width: 80px;
    height: 80px;
    animation: blok-float 3s ease-in-out infinite;
}

.blok-mood-text {
    font-size: 0.875rem;
    color: var(--wp--preset--color--muted);
    margin: 0;
}

/* ===== RESPONSIVE GUIDE & MARKET PAGES ===== */

@media (max-width: 1024px) {
    .market-overview-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .market-updates-sidebar {
        display: none;
    }
}

@media (max-width: 782px) {
    .guides-main-grid .wp-block-post-template,
    .featured-guides-query .wp-block-post-template {
        grid-template-columns: 1fr !important;
    }
    
    .difficulty-filters {
        gap: 0.5rem;
    }
    
    .difficulty-filter {
        padding: 0.5rem 1rem;
        font-size: 0.8125rem;
    }
    
    .guide-stat {
        padding: 0 1rem;
    }
    
    .guide-stat-value {
        font-size: 1.25rem;
    }
    
    .market-overview-grid {
        grid-template-columns: 1fr 1fr;
        gap: 1rem;
    }
    
    .market-value {
        font-size: 1rem;
    }
    
    .market-update-tabs {
        gap: 0.375rem;
    }
    
    .market-tab {
        padding: 0.375rem 0.75rem;
        font-size: 0.8125rem;
    }
    
    .guides-newsletter-form {
        flex-direction: column;
    }
}
/* ==========================================================================
   Glossary Styles
   ========================================================================== */

/* Single term page */
.glossary-term-main {
    max-width: 800px;
    margin: 0 auto;
}

.glossary-back-link a {
    color: var(--blok-text-muted);
    font-size: 0.9375rem;
    transition: color 0.2s ease;
}

.glossary-back-link a:hover {
    color: var(--blok-primary);
}

.glossary-term-title {
    font-size: clamp(2rem, 5vw, 3rem) !important;
    margin-bottom: 1.5rem;
}

.glossary-tooltip-box {
    background: var(--blok-surface);
    border-left: 4px solid var(--blok-primary) !important;
    border-radius: var(--radius-lg);
    padding: var(--space-lg);
    margin-bottom: var(--space-xl);
}

.glossary-tooltip-label {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--blok-primary);
    margin-bottom: var(--space-sm);
    font-weight: 600;
}

.glossary-tooltip-text {
    font-size: 1.125rem;
    line-height: 1.6;
    color: var(--blok-text);
    margin: 0;
}

.glossary-full-definition {
    font-size: 1.0625rem;
    line-height: 1.8;
    margin-bottom: var(--space-xl);
}

.glossary-full-definition h2 {
    font-size: 1.25rem;
    color: var(--blok-text);
    margin-bottom: var(--space-lg);
}

.glossary-full-definition p {
    margin-bottom: 1.25rem;
}

.glossary-browse-more {
    border-top: 1px solid var(--blok-border);
    padding-top: var(--space-lg);
    margin-top: var(--space-xl);
    text-align: center;
}

.glossary-browse-more a {
    color: var(--blok-primary);
    font-weight: 500;
}

/* Glossary archive */
.glossary-archive-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: var(--space-lg);
}

.glossary-card {
    position: relative;
    background: #ffffff;
    border-radius: var(--radius-lg);
    padding: var(--space-lg);
    border: 1px solid var(--blok-border, #e5e7eb);
    border-left: 4px solid var(--blok-primary, #6366f1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    transition: all 0.2s ease;
    cursor: pointer;
}

.glossary-card:hover {
    box-shadow: 0 8px 25px rgba(99, 102, 241, 0.15);
    border-left-color: var(--blok-primary-dark, #4f46e5);
    transform: translateY(-2px);
}

.glossary-card h3 {
    margin: 0 0 var(--space-sm);
    font-size: 1.25rem;
}

/* Stretched link - makes entire card clickable */
.glossary-card h3 a {
    color: var(--blok-text, #1f2937);
    text-decoration: none;
}

.glossary-card h3 a::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}

.glossary-card:hover h3 a {
    color: var(--blok-primary, #6366f1);
}

.glossary-card p {
    margin: 0;
    color: var(--blok-text-muted, #6b7280);
    font-size: 0.9375rem;
    line-height: 1.6;
}

.glossary-letter {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--blok-primary);
    margin: var(--space-xl) 0 var(--space-lg);
    padding-bottom: var(--space-sm);
    border-bottom: 2px solid var(--blok-border);
}

.glossary-letter:first-child {
    margin-top: 0;
}

/* Tooltip styles (for shortcode in articles) */
.blokfeed-glossary-term {
    position: relative;
    display: inline-block;
}

.blokfeed-glossary-link {
    color: inherit;
    text-decoration: none;
    border-bottom: 1px dotted var(--blok-primary);
    transition: border-color 0.2s ease, color 0.2s ease;
}

.blokfeed-glossary-link:hover {
    color: var(--blok-primary);
    border-bottom-style: solid;
}

.blokfeed-glossary-term::before,
.blokfeed-glossary-term::after {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease;
    z-index: 1000;
    pointer-events: none;
}

.blokfeed-glossary-term::before {
    content: attr(data-tooltip);
    bottom: calc(100% + 10px);
    left: 50%;
    transform: translateX(-50%) translateY(5px);
    padding: 10px 14px;
    width: max-content;
    max-width: 280px;
    background: #1f2937;
    color: #f9fafb;
    font-size: 13px;
    line-height: 1.5;
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-lg);
    text-align: left;
    font-weight: normal;
}

.blokfeed-glossary-term::after {
    content: '';
    bottom: calc(100% + 4px);
    left: 50%;
    transform: translateX(-50%) translateY(5px);
    border: 6px solid transparent;
    border-top-color: #1f2937;
}

.blokfeed-glossary-term:hover::before,
.blokfeed-glossary-term:hover::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}

/* ==========================================================================
   Single Post Styles
   ========================================================================== */
.single-post-main {
    max-width: 1200px;
    margin: 0 auto;
}

.single-post-header {
    max-width: 800px;
    margin: 0 auto var(--space-2xl);
}

.single-post-title {
    font-size: clamp(1.75rem, 4vw, 2.5rem);
    margin-bottom: var(--space-md);
}

.single-post-meta {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-md);
    color: var(--blok-text-muted);
    font-size: 0.9375rem;
}

.single-post-content {
    max-width: 800px;
    margin: 0 auto;
}

.single-post-content p {
    margin-bottom: 1.5rem;
}

.single-post-content h2 {
    margin-top: var(--space-2xl);
    margin-bottom: var(--space-lg);
}

.single-post-content h3 {
    margin-top: var(--space-xl);
    margin-bottom: var(--space-md);
}

/* ==========================================================================
   Footer
   ========================================================================== */
.site-footer {
    background: var(--blok-surface);
    border-top: 1px solid var(--blok-border);
    padding: var(--space-3xl) 0 var(--space-xl);
    margin-top: var(--space-3xl);
}

.footer-inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 var(--space-lg);
}

.footer-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: var(--space-2xl);
    margin-bottom: var(--space-2xl);
}

.footer-col h4 {
    font-size: 0.875rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: var(--space-md);
    color: var(--blok-text-muted);
}

.footer-col ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.footer-col li {
    margin-bottom: var(--space-sm);
}

.footer-col a {
    color: var(--blok-text);
}

.footer-col a:hover {
    color: var(--blok-primary);
}

.footer-bottom {
    border-top: 1px solid var(--blok-border);
    padding-top: var(--space-xl);
    text-align: center;
    color: var(--blok-text-muted);
    font-size: 0.875rem;
}

/* ==========================================================================
   Responsive
   ========================================================================== */
@media (max-width: 768px) {
    .header-inner {
        flex-wrap: wrap;
        gap: var(--space-md);
    }
    
    .primary-nav {
        order: 3;
        width: 100%;
    }
    
    .primary-nav ul {
        flex-wrap: wrap;
        gap: var(--space-sm) var(--space-md);
    }
}

@media (max-width: 480px) {
    .glossary-term-title {
        font-size: 1.75rem !important;
    }
    
    .blokfeed-glossary-term::before {
        max-width: 220px;
        font-size: 12px;
        padding: 8px 12px;
        left: 0;
        transform: translateX(0) translateY(5px);
    }
    
    .blokfeed-glossary-term::after {
        left: 20px;
        transform: translateX(0) translateY(5px);
    }
    
    .blokfeed-glossary-term:hover::before,
    .blokfeed-glossary-term:hover::after {
        transform: translateX(0) translateY(0);
    }
}

/* ==========================================================================
   Hide author/excerpt on glossary terms
   ========================================================================== */
.single-glossary_term .author-bio-box,
.single-glossary_term .post-author,
.single-glossary_term .author-info,
.single-glossary_term .entry-author,
.single-glossary_term .entry-excerpt,
.single-glossary_term .post-excerpt,
.single-glossary_term .excerpt,
.single-glossary_term .wp-block-post-excerpt,
.single-glossary_term .entry-meta,
.single-glossary_term .post-meta,
.single-glossary_term .wp-block-post-date,
.single-glossary_term .wp-block-post-terms,
.single-glossary_term .comments-area,
.single-glossary_term .wp-block-comments,
.single-glossary_term .single-post-sidebar {
    display: none !important;
}

/* ==========================================================================
   Single Market Update - Compact Above-the-Fold Design
   ========================================================================== */

.single-market-update-main {
    background: var(--wp--preset--color--background);
}

/* Hero Section - Compact */
.market-update-hero {
    max-width: 1000px;
    margin: 0 auto;
}

/* Market Update Badge */
.market-update-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    background: var(--wp--preset--color--primary);
    color: white;
    padding: 0.25rem 0.75rem;
    border-radius: 4px;
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

/* Sentiment Badge Styling */
.sentiment-badge a {
    display: inline-block;
    padding: 0.2rem 0.6rem;
    border-radius: 4px;
    font-size: 0.7rem !important;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    text-decoration: none;
}

.sentiment-badge a[href*="bullish"] {
    background: rgba(34, 197, 94, 0.15);
    color: #22c55e;
}

.sentiment-badge a[href*="bearish"] {
    background: rgba(239, 68, 68, 0.15);
    color: #ef4444;
}

.sentiment-badge a[href*="neutral"] {
    background: rgba(107, 114, 128, 0.15);
    color: #6b7280;
}

/* Compact Title */
.market-update-title {
    font-size: clamp(1.5rem, 4vw, 2rem) !important;
    line-height: 1.25 !important;
    margin-bottom: 0 !important;
}

/* Single Line Excerpt */
.market-update-excerpt {
    font-size: 1rem !important;
    line-height: 1.5 !important;
    color: var(--wp--preset--color--muted);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.market-update-excerpt p {
    margin: 0;
}

/* Featured Image - Compact */
.market-update-featured-image {
    margin-top: 0;
    border-radius: 12px;
    overflow: hidden;
}

.market-update-featured-image img {
    width: 100%;
    height: auto;
    aspect-ratio: 16/9;
    object-fit: cover;
}

/* Content Area */
.market-update-content {
    font-size: 1.05rem;
    line-height: 1.75;
}

.market-update-content h2 {
    font-size: 1.25rem;
    font-weight: 600;
    margin-top: 1.75rem;
    margin-bottom: 0.75rem;
    color: var(--wp--preset--color--foreground);
}

.market-update-content p {
    margin-bottom: 1rem;
}

.market-update-content strong {
    color: var(--wp--preset--color--foreground);
}

/* Price Snapshot Styling in Content */
.market-update-content pre,
.market-update-content code {
    background: var(--wp--preset--color--surface);
    border: 1px solid var(--wp--preset--color--border);
    border-radius: 8px;
    padding: 1rem;
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.9rem;
    line-height: 1.6;
    overflow-x: auto;
}

/* Tags Section */
.market-update-tags {
    gap: 0.5rem;
}

.coin-profile-links {
    font-size: 0.875rem;
}

.coin-profile-links a.coin-profile-link {
    color: var(--wp--preset--color--primary);
    text-decoration: none;
    font-weight: 500;
}

.coin-profile-links a.coin-profile-link:hover {
    text-decoration: underline;
}

/* Sidebar */
.market-update-sidebar .sidebar-sticky {
    position: sticky;
    top: 100px;
}

/* Sidebar Updates List */
.sidebar-updates-list .wp-block-post-template {
    list-style: none;
    padding: 0;
    margin: 0;
}

.sidebar-updates-list .wp-block-post-title {
    font-size: 0.875rem !important;
    line-height: 1.4;
}

.sidebar-updates-list .wp-block-post-title a {
    color: var(--wp--preset--color--foreground);
    text-decoration: none;
}

.sidebar-updates-list .wp-block-post-title a:hover {
    color: var(--wp--preset--color--primary);
}

/* Responsive */
@media (max-width: 1024px) {
    .market-update-sidebar {
        display: none;
    }
    
    .single-market-update-main .wp-block-column[style*="66.66%"] {
        flex-basis: 100% !important;
    }
}

@media (max-width: 768px) {
    .market-update-hero {
        padding: 1rem !important;
    }
    
    .market-update-title {
        font-size: 1.375rem !important;
    }
    
    .market-update-excerpt {
        font-size: 0.9rem !important;
        -webkit-line-clamp: 3;
    }
    
    .market-update-badge {
        font-size: 0.65rem;
        padding: 0.2rem 0.5rem;
    }
}

/* ==========================================================================
   Featured News Shortcode Styles
   ========================================================================== */

.featured-news-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
}

.featured-news-card {
    background: var(--wp--preset--color--surface);
    border-radius: 12px;
    border: 1px solid var(--wp--preset--color--border);
    overflow: hidden;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.featured-news-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.08);
}

.featured-news-image {
    display: block;
    aspect-ratio: 16/9;
    overflow: hidden;
}

.featured-news-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.featured-news-card:hover .featured-news-image img {
    transform: scale(1.05);
}

.featured-news-content {
    padding: 1.25rem;
}

.featured-news-category {
    display: inline-block;
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--wp--preset--color--primary);
    margin-bottom: 0.5rem;
}

.featured-news-title {
    font-family: var(--wp--preset--font-family--heading);
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.3;
    margin: 0 0 0.75rem 0;
}

.featured-news-title a {
    color: var(--wp--preset--color--foreground);
    text-decoration: none;
}

.featured-news-title a:hover {
    color: var(--wp--preset--color--primary);
}

.featured-news-excerpt {
    font-size: 0.875rem;
    color: var(--wp--preset--color--muted);
    margin: 0 0 1rem 0;
    line-height: 1.5;
}

.featured-news-meta {
    display: flex;
    justify-content: space-between;
    font-size: 0.75rem;
    color: var(--wp--preset--color--muted);
}

.featured-news-meta time,
.featured-news-meta .read-time {
    color: var(--wp--preset--color--muted);
}

/* ==========================================================================
   Latest News Shortcode Styles
   ========================================================================== */

.latest-news-list {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.latest-news-item {
    display: flex;
    gap: 1.25rem;
    padding: 1.25rem 0;
    border-bottom: 1px solid var(--wp--preset--color--border);
    align-items: flex-start;
}

.latest-news-item:first-child {
    padding-top: 0;
}

.latest-news-item:last-child {
    border-bottom: none;
}

.latest-news-thumb {
    flex-shrink: 0;
    width: 180px;
    aspect-ratio: 3/2;
    border-radius: 8px;
    overflow: hidden;
}

.latest-news-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.latest-news-item:hover .latest-news-thumb img {
    transform: scale(1.05);
}

.latest-news-content {
    flex: 1;
    min-width: 0;
}

.latest-news-category {
    display: inline-block;
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--wp--preset--color--primary);
    margin-bottom: 0.35rem;
}

.latest-news-title {
    font-family: var(--wp--preset--font-family--heading);
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.4;
    margin: 0 0 0.5rem 0;
}

.latest-news-title a {
    color: var(--wp--preset--color--foreground);
    text-decoration: none;
}

.latest-news-title a:hover {
    color: var(--wp--preset--color--primary);
}

.latest-news-meta {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.75rem;
    color: var(--wp--preset--color--muted);
}

.latest-news-meta .separator {
    color: var(--wp--preset--color--muted);
}

.no-news {
    text-align: center;
    color: var(--wp--preset--color--muted);
    padding: 2rem;
}

/* Responsive */
@media (max-width: 900px) {
    .featured-news-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 600px) {
    .featured-news-grid {
        grid-template-columns: 1fr;
    }
    
    .latest-news-item {
        flex-direction: column;
        gap: 0.75rem;
    }
    
    .latest-news-thumb {
        width: 100%;
    }
}

/* ==========================================================================
   Single News Post Styles
   ========================================================================== */

.single-news-main {
    background: var(--wp--preset--color--background);
}

.news-hero {
    max-width: 1000px;
    margin: 0 auto;
}

.news-title {
    font-size: clamp(1.5rem, 4vw, 2rem) !important;
    margin: 0;
}

.news-excerpt {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 0;
}

.news-featured-image img {
    width: 100%;
    height: auto;
    display: block;
}

.news-content {
    font-size: 1.0625rem;
    line-height: 1.75;
}

.news-content h2 {
    margin-top: 2rem;
    margin-bottom: 1rem;
}

.news-content p {
    margin-bottom: 1.25rem;
}

/* News Sidebar */
.news-sidebar {
    position: relative;
}

.sidebar-news-list .wp-block-post-template {
    list-style: none;
    padding: 0;
    margin: 0;
}

.sidebar-news-list .wp-block-post-title {
    font-size: 0.875rem !important;
    line-height: 1.4;
}

.sidebar-news-list .wp-block-post-title a {
    color: var(--wp--preset--color--foreground);
    text-decoration: none;
}

.sidebar-news-list .wp-block-post-title a:hover {
    color: var(--wp--preset--color--primary);
}

/* Reading Progress Bar */
.reading-progress-bar {
    position: fixed;
    top: 0;
    left: 0;
    width: 0%;
    height: 3px;
    background: linear-gradient(90deg, var(--wp--preset--color--primary), #818cf8);
    z-index: 9999;
    transition: width 0.1s ease-out;
}

/* Responsive */
@media (max-width: 1024px) {
    .news-sidebar {
        display: none;
    }
    
    .single-news-main .wp-block-column[style*="66.66%"] {
        flex-basis: 100% !important;
    }
}

@media (max-width: 768px) {
    .news-hero {
        padding: 1rem !important;
    }
    
    .news-title {
        font-size: 1.375rem !important;
    }
    
    .news-excerpt {
        font-size: 0.9rem !important;
        -webkit-line-clamp: 3;
    }
}

/* ===== GUIDE STYLES ===== */

/* Guide Hero Section */
.single-guide-main {
    background: var(--wp--preset--color--background, #ffffff);
}

.guide-hero {
    max-width: 1000px;
    margin: 0 auto;
}

.guide-title {
    font-size: clamp(1.5rem, 4vw, 2rem) !important;
    line-height: 1.2 !important;
    margin-bottom: 0 !important;
}

.guide-excerpt {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-top: 0.75rem !important;
}

.guide-featured-image {
    margin-top: 0 !important;
}

.guide-featured-image img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

/* Guide Sidebar */
.guide-sidebar {
    position: relative;
}

.guide-sidebar .sidebar-sticky {
    position: sticky;
    top: 100px;
}

/* Sidebar guides list styling */
.sidebar-guides-list .wp-block-post-title {
    margin: 0 !important;
}

.sidebar-guides-list .wp-block-post-title a {
    color: var(--wp--preset--color--foreground, #1a1a2e);
    text-decoration: none;
    transition: color 0.15s;
}

.sidebar-guides-list .wp-block-post-title a:hover {
    color: var(--wp--preset--color--primary);
}

/* Read Time Badge */
.guide-read-time {
    display: inline-flex;
    align-items: center;
    font-size: 0.75rem;
    color: var(--wp--preset--color--muted, #6b7280);
}

/* Key Takeaways Box */
.guide-takeaways-box {
    background: var(--wp--preset--color--surface, #f8f9fa);
    border-radius: 12px;
    padding: 1.5rem 2rem;
    margin-top: 3rem;
}

.guide-takeaways-box h4 {
    font-size: 1.25rem;
    font-weight: 700;
    margin: 0 0 1rem 0;
    color: var(--wp--preset--color--foreground, #1a1a2e);
}

.guide-takeaways-list {
    margin: 0;
    padding-left: 0;
    list-style: none;
}

.guide-takeaways-list li {
    position: relative;
    padding-left: 1.75rem;
    margin-bottom: 0.75rem;
    font-size: 0.9375rem;
    line-height: 1.6;
    color: var(--wp--preset--color--foreground, #1a1a2e);
}

.guide-takeaways-list li::before {
    content: '•';
    position: absolute;
    left: 0;
    color: var(--wp--preset--color--primary, #6366f1);
    font-size: 1.5rem;
    line-height: 1;
    top: 0.1em;
}

.guide-takeaways-list li:last-child {
    margin-bottom: 0;
}

/* Blok's Tip Boxes */
.guide-blok-tip {
    display: flex;
    gap: 1rem;
    padding: 1.25rem 1.5rem;
    border-radius: 10px;
    margin: 2rem 0;
    font-size: 0.9375rem;
    line-height: 1.6;
}

.guide-blok-tip .tip-icon {
    font-size: 1.5rem;
    flex-shrink: 0;
}

.guide-blok-tip .tip-content {
    flex: 1;
}

.guide-blok-tip--tip {
    background: #ecfdf5;
    border-left: 4px solid #10b981;
}

.guide-blok-tip--tip .tip-content strong {
    color: #047857;
}

.guide-blok-tip--warning {
    background: #fef3c7;
    border-left: 4px solid #f59e0b;
}

.guide-blok-tip--warning .tip-content strong {
    color: #b45309;
}

.guide-blok-tip--says {
    background: #eff6ff;
    border-left: 4px solid #3b82f6;
}

.guide-blok-tip--says .tip-content strong {
    color: #1d4ed8;
}

/* Table of Contents */
.guide-toc h4 {
    font-size: 1rem;
    font-weight: 600;
    margin: 0 0 1rem 0;
    color: var(--wp--preset--color--foreground, #1a1a2e);
}

.guide-toc-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.guide-toc-list li {
    margin-bottom: 0.5rem;
}

.guide-toc-list li:last-child {
    margin-bottom: 0;
}

.guide-toc-list a {
    display: block;
    padding: 0.5rem 0;
    font-size: 0.875rem;
    color: var(--wp--preset--color--muted, #6b7280);
    text-decoration: none;
    transition: color 0.15s, padding-left 0.15s;
    border-left: 2px solid transparent;
    padding-left: 0;
}

.guide-toc-list a:hover {
    color: var(--wp--preset--color--primary, #6366f1);
    padding-left: 0.5rem;
    border-left-color: var(--wp--preset--color--primary, #6366f1);
}

/* Guide Responsive */
@media (max-width: 1024px) {
    .guide-sidebar {
        display: none;
    }
    
    .single-guide-main .wp-block-column[style*="66.66%"] {
        flex-basis: 100% !important;
    }
}

@media (max-width: 900px) {
    .guide-blok-tip {
        padding: 1rem;
    }
    
    .guide-takeaways-box {
        padding: 1.25rem 1.5rem;
    }
}

@media (max-width: 768px) {
    .guide-hero {
        padding: 1rem !important;
    }
    
    .guide-title {
        font-size: 1.375rem !important;
    }
    
    .guide-excerpt {
        font-size: 0.9rem !important;
        -webkit-line-clamp: 3;
    }
}

/* ===== NEW HOMEPAGE ENGAGEMENT STYLES ===== */

/* Live Ticker */
.live-ticker {
    display: flex;
    align-items: center;
    background: linear-gradient(135deg, #1e1b4b 0%, #312e81 100%);
    overflow: hidden;
    height: 44px;
}

.live-ticker__badge {
    background: #ef4444;
    color: white;
    padding: 6px 14px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    flex-shrink: 0;
    animation: pulse 2s infinite;
    margin-right: 8px;
}

@keyframes pulse {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.7; }
}

.live-ticker__scroll {
    flex: 1;
    overflow: hidden;
    position: relative;
}

.live-ticker__inner {
    display: flex;
    animation: ticker-scroll 35s linear infinite;
    white-space: nowrap;
}

@keyframes ticker-scroll {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

.ticker-item {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 0 24px;
    color: white;
    text-decoration: none;
    font-size: 14px;
    transition: background 0.2s;
}

.ticker-item:hover {
    background: rgba(255,255,255,0.1);
}

.ticker-item__icon {
    width: 20px;
    height: 20px;
    border-radius: 50%;
}

.ticker-item__name {
    font-weight: 700;
    color: white;
    text-transform: uppercase;
}

.ticker-item__price {
    font-weight: 600;
    color: rgba(255,255,255,0.95);
}

.ticker-item__change {
    font-size: 13px;
    font-weight: 600;
}

.ticker-item__change--up {
    color: #4ade80;
}

.ticker-item__change--down {
    color: #f87171;
}

/* Breaking Banner */
.breaking-banner {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 20px;
    background: linear-gradient(90deg, #ef4444, #dc2626);
    color: white;
}

.breaking-banner__badge {
    font-size: 12px;
    font-weight: 700;
    animation: pulse 1s infinite;
}

.breaking-banner__link {
    flex: 1;
    color: white;
    text-decoration: none;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.breaking-banner__link:hover {
    text-decoration: underline;
}

.breaking-banner__time {
    font-size: 12px;
    opacity: 0.8;
}

/* Quick Takes Carousel */
.quick-takes-section {
    border-bottom: 1px solid var(--wp--preset--color--border, #e5e7eb);
    overflow: hidden;
}

.quick-takes-section .wp-block-shortcode,
.quick-takes-section p:has(.quick-takes-wrapper),
.quick-takes-section > .wp-block-group > .wp-block-shortcode {
    display: block;
    margin: 0 !important;
    padding: 0 !important;
}

.quick-takes-wrapper {
    position: relative;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.quick-takes-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: white;
    border: 1px solid var(--wp--preset--color--border, #e5e7eb);
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: bold;
    color: var(--wp--preset--color--foreground, #1a1a2e);
    z-index: 10;
    transition: all 0.2s;
}

.quick-takes-nav:hover {
    background: var(--wp--preset--color--primary, #6366f1);
    color: white;
    border-color: transparent;
}

.quick-takes-nav--prev {
    left: -18px;
}

.quick-takes-nav--next {
    right: -18px;
}

.quick-takes-nav:disabled {
    opacity: 0;
    pointer-events: none;
}

.quick-takes {
    display: flex;
    flex-wrap: nowrap;
    gap: 12px;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    -ms-overflow-style: none;
    cursor: grab;
    scroll-behavior: smooth;
    margin: 0;
    padding: 0;
}

.quick-takes::-webkit-scrollbar {
    display: none;
}

.quick-takes.grabbing {
    cursor: grabbing;
    scroll-behavior: auto;
}

/* IMPORTANT: Only target actual card links, not p tags */
.quick-takes > a.quick-take {
    flex: 0 0 200px;
    width: 200px;
    height: 260px;
    text-decoration: none;
    color: inherit;
    scroll-snap-align: start;
    transition: transform 0.2s;
    display: block;
}

.quick-takes > a.quick-take:hover {
    transform: translateY(-4px);
}

/* Hide ALL p tags inside quick-takes - they shouldn't exist */
.quick-takes > p,
.quick-takes p {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    flex: none !important;
    overflow: hidden !important;
}

.quick-take__card {
    width: 100%;
    height: 100%;
    border-radius: 12px;
    overflow: hidden;
    background: linear-gradient(135deg, #6366f1, #8b5cf6);
    position: relative;
}

.quick-take__card.has-image {
    background-size: cover;
    background-position: center;
}

/* Dark overlay for text readability */
.quick-take__card::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.1) 50%, rgba(0,0,0,0.2) 100%);
}

/* Sentiment border */
.quick-take--bullish .quick-take__card {
    box-shadow: inset 0 0 0 3px #10b981;
}

.quick-take--bearish .quick-take__card {
    box-shadow: inset 0 0 0 3px #ef4444;
}

.quick-take__time {
    position: absolute;
    top: 12px;
    left: 12px;
    font-size: 11px;
    color: white;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 0.05em;
    z-index: 2;
    background: rgba(0,0,0,0.5);
    padding: 4px 10px;
    border-radius: 4px;
}

.quick-take__icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -60%);
    font-size: 40px;
    color: white;
    z-index: 2;
    opacity: 0.9;
}

.quick-take__card.has-image .quick-take__icon {
    display: none;
}

.quick-take__content {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 16px;
    z-index: 2;
}

.quick-take__type {
    display: inline-block;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: white;
    background: var(--wp--preset--color--primary, #6366f1);
    padding: 4px 10px;
    border-radius: 4px;
    margin-bottom: 8px;
}

.quick-take__type--update {
    background: #10b981;
}

.quick-take__title {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
    color: white;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Trending Stories */
/* Top Stories Section */
.top-stories {
    display: flex;
    gap: 24px;
}

.top-stories__featured {
    flex: 1.2;
}

.top-stories__snippets {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

/* Featured Story (Left Column) */
.story-featured {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.story-featured__image {
    position: relative;
    border-radius: 12px;
    overflow: hidden;
    margin-bottom: 16px;
    display: block;
    flex: 1;
}

.story-featured__image img {
    width: 100%;
    height: 100%;
    min-height: 260px;
    object-fit: cover;
    display: block;
    transition: transform 0.3s;
}

.story-featured__image:hover img {
    transform: scale(1.03);
}

.story-featured__badge {
    position: absolute;
    top: 12px;
    left: 12px;
    background: linear-gradient(135deg, #ef4444, #dc2626);
    color: white;
    padding: 6px 12px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 700;
}

.story-featured__content {
    flex-shrink: 0;
}

.story-featured__meta {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    color: var(--wp--preset--color--muted, #6b7280);
    margin-bottom: 8px;
}

.story-featured__type {
    font-weight: 500;
}

.story-featured__title {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.35;
    margin: 0 0 10px;
}

.story-featured__title a {
    color: inherit;
    text-decoration: none;
}

.story-featured__title a:hover {
    color: var(--wp--preset--color--primary, #6366f1);
}

.story-featured__excerpt {
    font-size: 0.9375rem;
    color: var(--wp--preset--color--muted, #6b7280);
    line-height: 1.6;
    margin: 0 0 10px;
}

.story-featured__stats {
    font-size: 12px;
    color: var(--wp--preset--color--muted, #6b7280);
}

/* Story Snippets (Right Column) */
.story-snippet {
    background: var(--wp--preset--color--surface, #f8f9fa);
    border-radius: 12px;
    padding: 14px 18px;
    transition: transform 0.2s, box-shadow 0.2s;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.story-snippet:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}

.story-snippet__meta {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 11px;
    color: var(--wp--preset--color--muted, #6b7280);
    margin-bottom: 6px;
}

.story-snippet__type {
    font-weight: 500;
}

.story-snippet__title {
    font-size: 0.9375rem;
    font-weight: 600;
    line-height: 1.4;
    margin: 0 0 6px;
}

.story-snippet__title a {
    color: inherit;
    text-decoration: none;
}

.story-snippet__title a:hover {
    color: var(--wp--preset--color--primary, #6366f1);
}

.story-snippet__stats {
    font-size: 11px;
    color: var(--wp--preset--color--muted, #6b7280);
}

.breaking-badge {
    animation: pulse 1.5s infinite;
}

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

/* Learn Section */
.learn-section {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

.learn-card {
    background: white;
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid var(--wp--preset--color--border, #e5e7eb);
    transition: transform 0.2s, box-shadow 0.2s;
}

.learn-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 24px rgba(0,0,0,0.1);
}

.learn-card__image {
    display: block;
    aspect-ratio: 16/9;
    overflow: hidden;
}

.learn-card__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s;
}

.learn-card:hover .learn-card__image img {
    transform: scale(1.05);
}

.learn-card__content {
    padding: 16px;
}

.learn-card__meta {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    color: var(--wp--preset--color--muted, #6b7280);
    margin-bottom: 8px;
}

.learn-card__difficulty {
    font-weight: 500;
}

.learn-card__title {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.4;
    margin: 0;
}

.learn-card__title a {
    color: inherit;
    text-decoration: none;
}

.learn-card__title a:hover {
    color: var(--wp--preset--color--primary, #6366f1);
}

/* Upcoming Events */
.upcoming-events {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
}

.event-card {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    background: white;
    border-radius: 12px;
    padding: 16px;
    border: 1px solid var(--wp--preset--color--border, #e5e7eb);
    transition: transform 0.2s, box-shadow 0.2s;
}

.event-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}

.event-card__icon {
    width: 44px;
    height: 44px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    flex-shrink: 0;
}

.event-card__content {
    flex: 1;
    min-width: 0;
}

.event-card__date {
    font-size: 11px;
    font-weight: 600;
    color: var(--wp--preset--color--primary, #6366f1);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.event-card__title {
    font-size: 0.9375rem;
    font-weight: 600;
    margin: 4px 0;
    line-height: 1.3;
}

.event-card__desc {
    font-size: 12px;
    color: var(--wp--preset--color--muted, #6b7280);
    margin: 0;
    line-height: 1.4;
}

/* Feed Filter Tabs */
.feed-filter-tabs {
    display: flex;
    gap: 8px;
}

.feed-tab {
    padding: 6px 14px;
    border: none;
    background: transparent;
    color: var(--wp--preset--color--muted, #6b7280);
    font-size: 13px;
    font-weight: 500;
    border-radius: 20px;
    cursor: pointer;
    transition: all 0.2s;
}

.feed-tab:hover {
    background: var(--wp--preset--color--surface, #f8f9fa);
}

.feed-tab.active {
    background: var(--wp--preset--color--primary, #6366f1);
    color: white;
}

/* Latest Feed */
.latest-feed {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.feed-item {
    display: flex;
    gap: 16px;
    padding-bottom: 20px;
    border-bottom: 1px solid var(--wp--preset--color--border, #e5e7eb);
    animation: fadeIn 0.3s ease;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

.feed-item__image {
    flex-shrink: 0;
    width: 160px;
    height: 100px;
    border-radius: 12px;
    overflow: hidden;
    background: var(--wp--preset--color--surface, #f5f5f5);
}

.feed-item__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: transform 0.3s;
    border-radius: 12px;
}

.feed-item__image:hover img {
    transform: scale(1.05);
}

.feed-item__content {
    flex: 1;
    min-width: 0;
}

.feed-item__meta {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    color: var(--wp--preset--color--muted, #6b7280);
    margin-bottom: 4px;
}

.feed-item__type {
    font-weight: 600;
}

.feed-item__type--news { color: #3b82f6; }
.feed-item__type--market_update { color: #10b981; }
.feed-item__type--guide { color: #8b5cf6; }

.feed-item__title {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.4;
    margin: 0 0 6px;
}

.feed-item__title a {
    color: inherit;
    text-decoration: none;
}

.feed-item__title a:hover {
    color: var(--wp--preset--color--primary, #6366f1);
}

.feed-item__excerpt {
    font-size: 0.875rem;
    color: var(--wp--preset--color--muted, #6b7280);
    margin: 0 0 8px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.feed-item__stats {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 12px;
    color: var(--wp--preset--color--muted, #6b7280);
}

.feed-item__coin {
    background: var(--wp--preset--color--surface, #f8f9fa);
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 11px;
}

/* Load More */
.load-more-container {
    text-align: center;
    margin-top: 30px;
}

.load-more-btn {
    padding: 12px 32px;
    background: var(--wp--preset--color--surface, #f8f9fa);
    border: 1px solid var(--wp--preset--color--border, #e5e7eb);
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    color: var(--wp--preset--color--foreground, #1a1a2e);
    cursor: pointer;
    transition: all 0.2s;
}

.load-more-btn:hover {
    background: var(--wp--preset--color--primary, #6366f1);
    color: white;
    border-color: transparent;
}

.load-more-btn.all-loaded {
    background: var(--wp--preset--color--surface, #f8f9fa);
    color: var(--wp--preset--color--muted, #6b7280);
    cursor: default;
}

/* Sidebar Widgets */
.homepage-sidebar .sidebar-sticky {
    position: sticky;
    top: 80px;
}

/* Market Pulse / Sentiment Poll */
.sentiment-poll__question {
    font-size: 0.9375rem;
    font-weight: 600;
    margin: 0 0 15px;
    color: var(--wp--preset--color--foreground, #1a1a2e);
}

.sentiment-poll__buttons {
    display: flex;
    gap: 10px;
}

.sentiment-btn {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    padding: 15px;
    border: 2px solid var(--wp--preset--color--border, #e5e7eb);
    border-radius: 12px;
    background: transparent;
    cursor: pointer;
    transition: all 0.2s;
}

.sentiment-btn:hover {
    border-color: var(--wp--preset--color--primary, #6366f1);
    transform: translateY(-2px);
}

.sentiment-btn--bull:hover {
    border-color: #10b981;
    background: rgba(16, 185, 129, 0.05);
}

.sentiment-btn--bear:hover {
    border-color: #ef4444;
    background: rgba(239, 68, 68, 0.05);
}

.sentiment-btn.voting {
    opacity: 0.5;
    pointer-events: none;
}

.sentiment-btn__icon {
    font-size: 24px;
}

.sentiment-btn__label {
    font-size: 13px;
    font-weight: 600;
    color: var(--wp--preset--color--foreground, #1a1a2e);
}

.sentiment-poll__results {
    text-align: center;
}

.sentiment-bar {
    height: 8px;
    background: #ef4444;
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: 10px;
}

.sentiment-bar__fill--bull {
    height: 100%;
    background: #10b981;
    border-radius: 4px;
    transition: width 0.5s ease-out;
}

.sentiment-stats {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    font-weight: 600;
}

.sentiment-stat--bull { color: #10b981; }
.sentiment-stat--bear { color: #ef4444; }

.sentiment-poll__total {
    font-size: 12px;
    color: var(--wp--preset--color--muted, #6b7280);
    margin-top: 8px;
}

/* Blok Mood Widget */
.blok-mood__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}

.blok-mood__title {
    font-size: 0.9375rem;
    font-weight: 700;
}

.blok-mood__badge {
    font-size: 10px;
    font-weight: 700;
    color: #10b981;
    background: rgba(16, 185, 129, 0.1);
    padding: 3px 8px;
    border-radius: 4px;
}

.blok-mood__content {
    display: flex;
    align-items: center;
    gap: 15px;
}

.blok-mood__mascot {
    width: 60px;
    height: 60px;
    flex-shrink: 0;
}

.blok-mood__status {
    display: block;
    font-size: 1rem;
    font-weight: 700;
    color: var(--wp--preset--color--foreground, #1a1a2e);
}

.blok-mood__message {
    display: block;
    font-size: 0.8125rem;
    color: var(--wp--preset--color--muted, #6b7280);
    margin-top: 2px;
}

/* Top Movers */
.top-movers-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.top-mover {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px;
    border-radius: 8px;
    text-decoration: none;
    color: inherit;
    transition: background 0.2s;
}

.top-mover:hover {
    background: var(--wp--preset--color--border, #e5e7eb);
}

.top-mover__rank {
    width: 24px;
    height: 24px;
    background: var(--wp--preset--color--surface, #f8f9fa);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    font-weight: 700;
    color: var(--wp--preset--color--muted, #6b7280);
}

.top-mover__icon {
    width: 28px;
    height: 28px;
    border-radius: 50%;
}

.top-mover__name {
    flex: 1;
    font-size: 14px;
    font-weight: 500;
}

.top-mover__change {
    font-size: 13px;
    font-weight: 600;
}

.top-mover__change--up { color: #10b981; }
.top-mover__change--down { color: #ef4444; }

/* Newsletter Mini Widget */
.newsletter-mini {
    color: white;
}

.newsletter-mini__title {
    font-size: 1.1rem;
    font-weight: 700;
    margin: 0 0 6px;
    line-height: 1.3;
}

.newsletter-mini__desc {
    font-size: 0.875rem;
    opacity: 0.9;
    margin: 0 0 16px;
    line-height: 1.4;
}

.newsletter-mini__form {
    display: flex;
    gap: 8px;
    align-items: center;
}

.newsletter-mini__form input {
    flex: 1;
    padding: 12px 16px;
    border: 2px solid rgba(255,255,255,0.2);
    border-radius: 10px;
    font-size: 14px;
    min-width: 0;
    background: rgba(255,255,255,0.15);
    color: white;
    transition: all 0.2s;
}

.newsletter-mini__form input::placeholder {
    color: rgba(255,255,255,0.7);
}

.newsletter-mini__form input:focus {
    outline: none;
    border-color: rgba(255,255,255,0.5);
    background: rgba(255,255,255,0.2);
}

.newsletter-mini__form button {
    padding: 12px 16px;
    background: rgba(255,255,255,0.25);
    border: 2px solid rgba(255,255,255,0.2);
    border-radius: 10px;
    color: white;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    transition: all 0.2s;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 46px;
    width: 46px;
}

.newsletter-mini__form button:hover {
    background: rgba(255,255,255,0.35);
    border-color: rgba(255,255,255,0.4);
}

/* Newsletter mini widget wrapper */
.newsletter-mini-widget {
    margin-top: 0;
}

/* Featured Guides */
.featured-guides {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

.guide-card {
    background: white;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0,0,0,0.08);
    transition: transform 0.2s, box-shadow 0.2s;
}

.guide-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 25px rgba(0,0,0,0.1);
}

.guide-card__image {
    display: block;
    aspect-ratio: 16/10;
    overflow: hidden;
}

.guide-card__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s;
}

.guide-card:hover .guide-card__image img {
    transform: scale(1.05);
}

.guide-card__content {
    padding: 16px;
}

.guide-card__difficulty {
    display: inline-block;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: 3px 8px;
    border-radius: 4px;
}

.guide-card__difficulty--beginner {
    background: #d1fae5;
    color: #047857;
}

.guide-card__difficulty--intermediate {
    background: #fef3c7;
    color: #b45309;
}

.guide-card__difficulty--advanced {
    background: #fee2e2;
    color: #991b1b;
}

.guide-card__title {
    font-size: 0.9375rem;
    font-weight: 600;
    line-height: 1.4;
    margin: 10px 0 8px;
}

.guide-card__title a {
    color: inherit;
    text-decoration: none;
}

.guide-card__title a:hover {
    color: var(--wp--preset--color--primary, #6366f1);
}

.guide-card__excerpt {
    font-size: 0.8125rem;
    color: var(--wp--preset--color--muted, #6b7280);
    margin: 0 0 10px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.guide-card__time {
    font-size: 12px;
    color: var(--wp--preset--color--muted, #6b7280);
}

/* Newsletter CTA Dark */
.newsletter-form--dark {
    margin-top: 25px;
}

.newsletter-form--dark .newsletter-form__inner {
    background: rgba(255,255,255,0.1);
    border-radius: 12px;
    padding: 6px;
}

.newsletter-form--dark input {
    background: transparent;
    border: none;
    color: white;
    padding: 14px 18px;
}

.newsletter-form--dark input::placeholder {
    color: rgba(255,255,255,0.6);
}

.newsletter-form--dark button {
    background: white;
    color: var(--wp--preset--color--primary, #6366f1);
    border-radius: 8px;
}

/* Homepage Responsive */
@media (max-width: 1024px) {
    .homepage-sidebar {
        display: none;
    }
    
    .homepage-main .wp-block-column[style*="66%"] {
        flex-basis: 100% !important;
    }
    
    .featured-guides {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .top-stories {
        flex-direction: column;
    }
    
    .top-stories__featured {
        order: 1;
    }
    
    .top-stories__snippets {
        order: 2;
    }
    
    .story-featured__image img {
        height: 240px;
        min-height: 240px;
    }
    
    .learn-section {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .upcoming-events {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 640px) {
    .learn-section {
        grid-template-columns: 1fr;
    }
    
    .upcoming-events {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .quick-takes > a.quick-take {
        flex: 0 0 160px;
        width: 160px;
        height: 220px;
    }
    
    .quick-take__card {
        height: 100%;
    }
    
    .quick-take__icon {
        font-size: 32px;
    }
    
    .quick-take__title {
        font-size: 13px;
    }
    
    .quick-takes-nav {
        display: none;
    }
    
    .feed-item {
        flex-direction: column;
    }
    
    .feed-item__image {
        width: 100%;
        height: 180px;
        border-radius: 12px;
    }
    
    .feed-filter-tabs {
        overflow-x: auto;
        padding-bottom: 5px;
    }
    
    .featured-guides {
        grid-template-columns: 1fr;
    }
    
    .live-ticker__badge {
        padding: 4px 8px;
        font-size: 9px;
    }
    
    .hide-on-mobile {
        display: none !important;
    }
}

/* Ticker Loading State */
.ticker-loading {
    color: rgba(255,255,255,0.6);
    font-size: 13px;
    padding: 0 20px;
}

/* ============================
   Week in Review Card
   ============================ */
.week-review-card {
    background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);
    border-radius: 16px;
    padding: 24px;
    color: white;
}

.week-review-card__header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 16px;
}

.week-review-card__blok {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
}

.week-review-card__mood {
    font-size: 48px;
    line-height: 1;
}

.week-review-card__mood-label {
    font-size: 11px;
    opacity: 0.8;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.week-review-card__meta {
    text-align: right;
}

.week-review-card__week {
    font-size: 13px;
    opacity: 0.9;
    display: block;
    margin-bottom: 8px;
}

.week-review-card__score {
    display: inline-flex;
    align-items: baseline;
    background: rgba(255,255,255,0.2);
    padding: 8px 12px;
    border-radius: 8px;
}

.week-review-card__score--bullish {
    background: rgba(16, 185, 129, 0.3);
}

.week-review-card__score--bearish {
    background: rgba(239, 68, 68, 0.3);
}

.week-review-card__score .score-value {
    font-size: 24px;
    font-weight: 700;
}

.week-review-card__score .score-label {
    font-size: 14px;
    opacity: 0.7;
}

.week-review-card__title {
    font-size: 1.375rem;
    font-weight: 700;
    margin: 0 0 16px;
    line-height: 1.3;
}

.week-review-card__title a {
    color: inherit;
    text-decoration: none;
}

.week-review-card__title a:hover {
    text-decoration: underline;
}

.week-review-card__stats {
    display: flex;
    gap: 16px;
    margin-bottom: 16px;
}

.week-review-card__stat {
    flex: 1;
    background: rgba(255,255,255,0.15);
    border-radius: 10px;
    padding: 12px;
    text-align: center;
}

.week-review-card__stat .stat-label {
    display: block;
    font-size: 12px;
    opacity: 0.8;
    margin-bottom: 4px;
}

.week-review-card__stat .stat-value {
    display: block;
    font-size: 15px;
    font-weight: 600;
}

.week-review-card__hottake {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    background: rgba(255,255,255,0.1);
    border-radius: 10px;
    padding: 14px;
    margin-bottom: 16px;
}

.week-review-card__hottake .hottake-icon {
    font-size: 20px;
    flex-shrink: 0;
}

.week-review-card__hottake .hottake-text {
    margin: 0;
    font-size: 14px;
    font-style: italic;
    line-height: 1.5;
    opacity: 0.95;
}

.week-review-card__cta {
    display: inline-block;
    color: white;
    font-weight: 600;
    font-size: 14px;
    text-decoration: none;
    opacity: 0.9;
    transition: opacity 0.2s;
}

.week-review-card__cta:hover {
    opacity: 1;
    text-decoration: underline;
}

/* ============================
   Week Ahead Card
   ============================ */
.week-ahead-card {
    background: white;
    border-radius: 16px;
    padding: 24px;
    border: 1px solid var(--wp--preset--color--border, #e5e7eb);
    box-shadow: 0 2px 8px rgba(0,0,0,0.04);
}

.week-ahead-card__header {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
}

.week-ahead-card__icon {
    font-size: 32px;
}

.week-ahead-card__dates {
    display: flex;
    flex-direction: column;
}

.week-ahead-card__label {
    font-size: 12px;
    color: var(--wp--preset--color--primary, #6366f1);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.week-ahead-card__week {
    font-size: 15px;
    font-weight: 600;
    color: var(--wp--preset--color--foreground, #111827);
}

.week-ahead-card__title {
    font-size: 1.25rem;
    font-weight: 700;
    margin: 0 0 16px;
    line-height: 1.3;
}

.week-ahead-card__title a {
    color: inherit;
    text-decoration: none;
}

.week-ahead-card__title a:hover {
    color: var(--wp--preset--color--primary, #6366f1);
}

.week-ahead-card__events {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 16px;
}

.week-ahead-card__event {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 14px;
    background: var(--wp--preset--color--surface, #f8f9fa);
    border-radius: 8px;
}

.week-ahead-card__event .event-day {
    font-size: 12px;
    font-weight: 600;
    color: var(--wp--preset--color--muted, #6b7280);
    min-width: 36px;
}

.week-ahead-card__event .event-name {
    flex: 1;
    font-size: 14px;
    font-weight: 500;
}

.week-ahead-card__event .event-impact {
    font-size: 12px;
}

.week-ahead-card__prediction {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%);
    border-radius: 10px;
    padding: 14px;
    margin-bottom: 16px;
}

.week-ahead-card__prediction .prediction-icon {
    font-size: 20px;
    flex-shrink: 0;
}

.week-ahead-card__prediction .prediction-text {
    margin: 0;
    font-size: 14px;
    line-height: 1.5;
    color: var(--wp--preset--color--foreground, #111827);
}

.week-ahead-card__cta {
    display: inline-block;
    color: var(--wp--preset--color--primary, #6366f1);
    font-weight: 600;
    font-size: 14px;
    text-decoration: none;
    transition: opacity 0.2s;
}

.week-ahead-card__cta:hover {
    text-decoration: underline;
}

/* ============================
   Comparisons Grid (Homepage)
   ============================ */
.comparisons-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    align-items: start;
}

.comparisons-grid:has(.comparison-card:nth-child(2):last-child) {
    grid-template-columns: repeat(2, 1fr);
    max-width: 800px;
}

.comparisons-grid:has(.comparison-card:only-child) {
    grid-template-columns: 1fr;
    max-width: 400px;
}

.comparison-card {
    display: flex;
    flex-direction: column;
    background: white;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0,0,0,0.06);
    text-decoration: none;
    color: inherit;
    transition: transform 0.2s, box-shadow 0.2s;
    height: 100%;
}

.comparison-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 32px rgba(0,0,0,0.12);
}

.comparison-card__image {
    position: relative;
    aspect-ratio: 16/9;
    overflow: hidden;
    background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);
}

.comparison-card__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s;
}

.comparison-card:hover .comparison-card__image img {
    transform: scale(1.05);
}

.comparison-card__placeholder {
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);
}

.comparison-card__badge {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12px 16px;
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
}

.comparison-card__badge-item {
    font-size: 14px;
    font-weight: 700;
    color: white;
    text-shadow: 0 1px 2px rgba(0,0,0,0.3);
}

.comparison-card__badge-vs {
    font-size: 11px;
    font-weight: 700;
    color: rgba(255,255,255,0.7);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.comparison-card__content {
    padding: 20px;
    display: flex;
    flex-direction: column;
    flex: 1;
}

.comparison-card__title {
    font-size: 1.0625rem;
    font-weight: 700;
    line-height: 1.35;
    margin: 0 0 10px;
    color: var(--wp--preset--color--foreground, #111827);
}

.comparison-card__verdict {
    font-size: 14px;
    color: var(--wp--preset--color--muted, #6b7280);
    line-height: 1.5;
    margin: 0 0 auto;
    padding-bottom: 14px;
}

.comparison-card__meta {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 14px;
    border-top: 1px solid var(--wp--preset--color--border, #e5e7eb);
}

.comparison-card__updated {
    font-size: 12px;
    color: var(--wp--preset--color--muted, #6b7280);
}

.comparison-card__winner {
    font-size: 12px;
    font-weight: 600;
    color: #059669;
    background: #dcfce7;
    padding: 4px 10px;
    border-radius: 20px;
}

.comparison-card__winner--tie {
    color: #6366f1;
    background: #eef2ff;
}

/* Responsive */
@media (max-width: 1024px) {
    .comparisons-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 640px) {
    .comparisons-grid {
        grid-template-columns: 1fr;
    }
    
    .week-review-card__stats {
        flex-direction: column;
    }
    
    .week-ahead-card__event .event-name {
        font-size: 13px;
    }
}

/* Comparison Content Styles */
.comparison-content .comparison-intro {
    background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%);
    border-left: 4px solid var(--wp--preset--color--primary, #6366f1);
    padding: 16px 20px;
    border-radius: 0 8px 8px 0;
    margin-bottom: 32px;
}

.comparison-content .comparison-table {
    width: 100%;
    border-collapse: collapse;
    margin: 24px 0;
    font-size: 14px;
}

.comparison-content .comparison-table th,
.comparison-content .comparison-table td {
    padding: 12px 16px;
    text-align: left;
    border-bottom: 1px solid var(--wp--preset--color--border, #e5e7eb);
}

.comparison-content .comparison-table th {
    background: var(--wp--preset--color--surface, #f8f9fa);
    font-weight: 600;
}

.comparison-content .comparison-table tr:hover td {
    background: var(--wp--preset--color--surface, #f8f9fa);
}

.comparison-content .comparison-table td:last-child {
    font-weight: 600;
    color: var(--wp--preset--color--primary, #6366f1);
}

/* ============================
   NEW HOMEPAGE - Price Ticker
   ============================ */
.price-ticker {
    background: linear-gradient(135deg, #1e1b4b 0%, #312e81 100%);
    padding: 12px 24px;
    overflow: hidden;
}

.price-ticker__inner {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 32px;
    flex-wrap: wrap;
    max-width: 1200px;
    margin: 0 auto;
}

.price-ticker__loading {
    color: rgba(255,255,255,0.6);
    font-size: 14px;
}

.price-ticker__item {
    display: flex;
    align-items: center;
    gap: 8px;
    color: white;
    font-size: 14px;
    text-decoration: none;
    transition: opacity 0.2s;
}

.price-ticker__symbol {
    font-weight: 700;
    color: rgba(255,255,255,0.9);
}

.price-ticker__price {
    font-weight: 600;
}

.price-ticker__change {
    font-size: 13px;
    font-weight: 500;
}

.price-ticker__change--up {
    color: #4ade80;
}

.price-ticker__change--down {
    color: #f87171;
}

.price-ticker__sep {
    color: rgba(255,255,255,0.3);
}

.price-ticker__item:hover {
    opacity: 0.8;
}

/* ============================
   NEW HOMEPAGE - Featured Story
   ============================ */
.featured-story {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.featured-story__image {
    display: block;
    position: relative;
    aspect-ratio: 16/9;
    overflow: hidden;
    border-radius: 16px;
    margin-bottom: 20px;
}

.featured-story__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s;
}

.featured-story:hover .featured-story__image img {
    transform: scale(1.03);
}

.featured-story__content {
    flex: 1;
}

.featured-story__meta {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 12px;
}

.featured-story__badge {
    font-size: 13px;
    font-weight: 600;
    color: var(--wp--preset--color--primary, #6366f1);
}

.featured-story__breaking {
    font-size: 12px;
    font-weight: 700;
    color: white;
    background: #ef4444;
    padding: 4px 10px;
    border-radius: 4px;
    animation: pulse 2s infinite;
}

@keyframes pulse {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.7; }
}

.featured-story__time {
    font-size: 13px;
    color: var(--wp--preset--color--muted, #6b7280);
}

.featured-story__title {
    font-size: 1.75rem;
    font-weight: 700;
    line-height: 1.3;
    margin: 0 0 12px;
}

.featured-story__title a {
    color: inherit;
    text-decoration: none;
}

.featured-story__title a:hover {
    color: var(--wp--preset--color--primary, #6366f1);
}

.featured-story__excerpt {
    font-size: 15px;
    color: var(--wp--preset--color--muted, #6b7280);
    line-height: 1.6;
    margin: 0;
}

/* ============================
   NEW HOMEPAGE - Latest List
   ============================ */
.latest-news-box {
    background: white;
    border-radius: 16px;
    padding: 24px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.06);
    height: 100%;
}

.latest-list-wrapper {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 500px;
}

.latest-list {
    list-style: none;
    margin: 0;
    padding: 0;
    flex: 1;
}

.latest-list__item {
    border-bottom: 1px solid var(--wp--preset--color--border, #e5e7eb);
}

.latest-list__item:last-child {
    border-bottom: none;
}

.latest-list__item a {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 14px 0;
    text-decoration: none;
    color: inherit;
    transition: background 0.2s;
}

.latest-list__item a:hover {
    background: var(--wp--preset--color--surface, #f8f9fa);
    margin: 0 -12px;
    padding-left: 12px;
    padding-right: 12px;
    border-radius: 8px;
}

.latest-list__icon {
    flex-shrink: 0;
    font-size: 14px;
    margin-top: 2px;
}

.latest-list__title {
    flex: 1;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
    color: var(--wp--preset--color--foreground, #111827);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.latest-list__time {
    flex-shrink: 0;
    font-size: 12px;
    color: var(--wp--preset--color--muted, #6b7280);
    margin-top: 2px;
    white-space: nowrap;
}

.latest-list__view-all {
    display: block;
    text-align: center;
    padding: 16px;
    margin-top: auto;
    background: var(--wp--preset--color--surface, #f8f9fa);
    border-radius: 10px;
    color: var(--wp--preset--color--primary, #6366f1);
    font-weight: 600;
    font-size: 14px;
    text-decoration: none;
    transition: background 0.2s, transform 0.2s;
}

.latest-list__view-all:hover {
    background: var(--wp--preset--color--primary, #6366f1);
    color: white;
    transform: translateY(-2px);
}

/* ============================
   NEW HOMEPAGE - Weekly Cards
   ============================ */
.weekly-cards {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
}

.weekly-card {
    background: white;
    border-radius: 16px;
    padding: 24px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.06);
    display: flex;
    flex-direction: column;
}

.weekly-card__header {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 8px;
}

.weekly-card__icon {
    font-size: 24px;
}

.weekly-card__label {
    font-size: 1.125rem;
    font-weight: 700;
    margin: 0;
    color: var(--wp--preset--color--foreground, #111827);
}

.weekly-card__dates {
    font-size: 13px;
    color: var(--wp--preset--color--muted, #6b7280);
    margin-bottom: 16px;
}

.weekly-card__events {
    list-style: none;
    margin: 0 0 16px;
    padding: 0;
}

.weekly-card__events li {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 0;
    border-bottom: 1px solid var(--wp--preset--color--border, #e5e7eb);
    font-size: 14px;
}

.weekly-card__events li:last-child {
    border-bottom: none;
}

.weekly-card__events .event-day {
    flex-shrink: 0;
    font-weight: 600;
    color: var(--wp--preset--color--primary, #6366f1);
    width: 36px;
}

.weekly-card__events .event-name {
    flex: 1;
    color: var(--wp--preset--color--foreground, #111827);
}

.weekly-card__events .event-dot {
    flex-shrink: 0;
    font-size: 10px;
}

.weekly-card__stats {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
    margin-bottom: 16px;
}

.weekly-card__stat {
    text-align: center;
    padding: 10px 8px;
    background: var(--wp--preset--color--surface, #f8f9fa);
    border-radius: 8px;
}

.weekly-card__stat .stat-label {
    display: block;
    font-size: 11px;
    color: var(--wp--preset--color--muted, #6b7280);
    margin-bottom: 4px;
}

.weekly-card__stat .stat-value {
    display: block;
    font-size: 14px;
    font-weight: 700;
}

.weekly-card__stat .stat-value--bullish {
    color: #059669;
}

.weekly-card__stat .stat-value--bearish {
    color: #dc2626;
}

.weekly-card__stat .stat-value--neutral {
    color: var(--wp--preset--color--foreground, #111827);
}

.weekly-card__quote {
    font-size: 14px;
    font-style: italic;
    color: var(--wp--preset--color--muted, #6b7280);
    line-height: 1.5;
    margin: 0 0 16px;
    padding: 12px;
    background: var(--wp--preset--color--surface, #f8f9fa);
    border-radius: 8px;
    border-left: 3px solid var(--wp--preset--color--primary, #6366f1);
}

.weekly-card__quote--hot {
    border-left-color: #f59e0b;
    background: linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%);
    color: #92400e;
}

.weekly-card__link {
    margin-top: auto;
    font-size: 14px;
    font-weight: 600;
    color: var(--wp--preset--color--primary, #6366f1);
    text-decoration: none;
}

.weekly-card__link:hover {
    text-decoration: underline;
}

.weekly-card__link--light {
    color: white;
}

.weekly-card__link--light:hover {
    color: rgba(255,255,255,0.8);
}

.weekly-card__empty {
    font-size: 14px;
    color: var(--wp--preset--color--muted, #6b7280);
    font-style: italic;
    margin: 0;
}

.weekly-card__levels {
    font-size: 13px;
    color: var(--wp--preset--color--muted, #6b7280);
    padding: 10px 12px;
    background: var(--wp--preset--color--surface, #f8f9fa);
    border-radius: 8px;
    margin-bottom: 16px;
    font-family: monospace;
}

/* Week in Review - Purple Gradient Style (High Contrast) */
.weekly-card--review {
    background: linear-gradient(135deg, #4338ca 0%, #7c3aed 100%);
    color: white;
}

.weekly-card--review .weekly-card__label {
    color: white;
}

.weekly-card--review .weekly-card__dates {
    color: rgba(255,255,255,0.9);
}

.weekly-card--review .weekly-card__stat {
    background: rgba(255,255,255,0.2);
}

.weekly-card--review .weekly-card__stat .stat-label {
    color: rgba(255,255,255,0.9);
}

.weekly-card--review .weekly-card__stat .stat-value {
    color: white;
    font-weight: 700;
}

.weekly-card--review .weekly-card__stat .stat-value--bullish {
    color: #86efac;
}

.weekly-card--review .weekly-card__stat .stat-value--bearish {
    color: #fca5a5;
}

.weekly-card--review .weekly-card__quote--hot {
    background: rgba(251, 191, 36, 0.2);
    border-left-color: #fbbf24;
    color: white;
}

.weekly-card--review .weekly-card__stories li {
    color: rgba(255,255,255,0.95);
    border-bottom-color: rgba(255,255,255,0.2);
}

.weekly-card--review .weekly-card__stories li::before {
    color: rgba(255,255,255,0.6);
}

/* Week in Review - BTC/ETH Prices */
.weekly-card__prices {
    display: flex;
    gap: 12px;
    margin-bottom: 16px;
}

.weekly-card__price {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 14px;
    background: rgba(255,255,255,0.2);
    border-radius: 8px;
}

.weekly-card__price .price-label {
    font-weight: 700;
    font-size: 13px;
    color: white;
}

.weekly-card__price .price-value {
    font-weight: 700;
    font-size: 14px;
}

.weekly-card__price .price-value--bullish {
    color: #86efac;
}

.weekly-card__price .price-value--bearish {
    color: #fca5a5;
}

/* Week in Review - Key Stories */
.weekly-card__stories {
    list-style: none;
    margin: 0 0 16px;
    padding: 0;
}

.weekly-card__stories li {
    font-size: 13px;
    padding: 6px 0;
    border-bottom: 1px solid rgba(255,255,255,0.2);
    color: rgba(255,255,255,0.95);
}

.weekly-card__stories li:last-child {
    border-bottom: none;
}

.weekly-card__stories li::before {
    content: "• ";
    color: rgba(255,255,255,0.5);
}

/* ============================
   NEW HOMEPAGE - Explore Section (Row Layout)
   ============================ */
.explore-section {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.explore-row {
    background: white;
    border-radius: 12px;
    padding: 20px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.06);
}

.explore-row__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--wp--preset--color--border, #e5e7eb);
}

.explore-row__title {
    display: flex;
    align-items: center;
    gap: 10px;
}

.explore-row__title h3 {
    font-size: 1.125rem;
    font-weight: 700;
    margin: 0;
    color: var(--wp--preset--color--foreground, #111827);
}

.explore-row__icon {
    font-size: 20px;
}

.explore-row__link {
    font-size: 14px;
    font-weight: 600;
    color: var(--wp--preset--color--primary, #6366f1);
    text-decoration: none;
}

.explore-row__link:hover {
    text-decoration: underline;
}

.explore-row__items {
    display: none !important;
}

.explore-row__empty {
    display: none !important;
}

/* Explore Item Cards - Compact Horizontal Layout */
a.explore-item {
    display: grid;
    grid-template-columns: 90px 1fr;
    align-items: center;
    background: #f8f9fa;
    border-radius: 10px;
    overflow: hidden;
    text-decoration: none;
    color: inherit;
    transition: transform 0.2s, box-shadow 0.2s;
}

.explore-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(0,0,0,0.1);
}

.explore-item__image {
    width: 90px;
    height: 65px;
    flex-shrink: 0;
    overflow: hidden;
}

.explore-item__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s;
}

.explore-item:hover .explore-item__image img {
    transform: scale(1.05);
}

.explore-item__content {
    padding: 12px;
    min-width: 0;
}

.explore-item__badge {
    display: inline-block;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--wp--preset--color--primary, #6366f1);
    margin-bottom: 4px;
}

.explore-item__badge--green {
    color: #059669;
}

.explore-item__badge--yellow {
    color: #d97706;
}

.explore-item__badge--red {
    color: #dc2626;
}

.explore-item__title {
    font-size: 13px;
    font-weight: 600;
    line-height: 1.3;
    margin: 0;
    color: var(--wp--preset--color--foreground, #111827);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Glossary Row Special Styling */
.explore-row__glossary {
    display: block;
}

.explore-row__glossary-intro {
    font-size: 14px;
    color: var(--wp--preset--color--muted, #6b7280);
    margin: 0 0 16px 0;
}

.explore-row__glossary-grid {
    display: none !important;
}

/* Explore Glossary Card - disabled */
a.explore-glossary-card {
    display: none !important;
}

/* Responsive Explore Section */
@media (max-width: 900px) {
    .explore-row__items {
        grid-template-columns: 1fr;
    }
    
    .explore-item__image {
        width: 80px;
        height: 60px;
    }
    
    a.explore-item {
        grid-template-columns: 80px 1fr;
    }
    
    .explore-row__glossary-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 480px) {
    .explore-row__glossary-grid {
        grid-template-columns: 1fr;
    }
}

/* Latest News Section - Equal Height Columns */
.latest-news-section .wp-block-columns {
    align-items: stretch;
}

.latest-news-section .wp-block-column {
    display: flex;
    flex-direction: column;
}

.latest-news-section .wp-block-column > .wp-block-group {
    flex: 1;
    display: flex;
    flex-direction: column;
}

/* News List Box */
.news-list-box {
    background: white;
    border-radius: 16px;
    padding: 24px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.06);
    height: 100%;
    display: flex;
    flex-direction: column;
}

.news-list-box .latest-list-wrapper {
    flex: 1;
    display: flex;
    flex-direction: column;
}

/* ============================
   NEW HOMEPAGE - Responsive
   ============================ */
@media (max-width: 1024px) {
    .weekly-cards {
        grid-template-columns: 1fr;
    }
    
    .discover-cards {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 900px) {
    .latest-news-section .wp-block-columns {
        flex-direction: column;
        gap: 32px;
    }
    
    .latest-news-section .wp-block-column {
        flex-basis: 100% !important;
    }
    
    .news-list-box {
        padding: 20px;
    }
    
    .latest-list-wrapper {
        min-height: auto;
    }
}

@media (max-width: 768px) {
    .featured-story__title {
        font-size: 1.375rem;
    }
    
    .price-ticker__inner {
        gap: 20px;
        font-size: 13px;
    }
    
    .weekly-card__stats {
        grid-template-columns: repeat(3, 1fr);
    }
    
    .weekly-card {
        padding: 20px;
    }
}

@media (max-width: 480px) {
    .price-ticker {
        padding: 10px 16px;
    }
    
    .price-ticker__inner {
        gap: 16px;
    }
    
    .price-ticker__item {
        font-size: 12px;
    }
    
    .weekly-card__stats {
        grid-template-columns: 1fr;
    }
}

/* ============================
   Week Ahead Archive
   ============================ */
.week-ahead-archive-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

.week-ahead-archive-card {
    background: white;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0,0,0,0.06);
    transition: transform 0.2s, box-shadow 0.2s;
}

.week-ahead-archive-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 24px rgba(0,0,0,0.1);
}

.week-ahead-archive-card__image {
    display: block;
    position: relative;
    aspect-ratio: 16/9;
    overflow: hidden;
}

.week-ahead-archive-card__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s;
}

.week-ahead-archive-card:hover .week-ahead-archive-card__image img {
    transform: scale(1.05);
}

.week-ahead-archive-card__placeholder {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);
    font-size: 48px;
}

.week-ahead-archive-card__badge {
    position: absolute;
    top: 12px;
    left: 12px;
    background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);
    color: white;
    padding: 6px 12px;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 600;
    box-shadow: 0 2px 8px rgba(99, 102, 241, 0.4);
}

.week-ahead-archive-card__content {
    padding: 20px;
}

.week-ahead-archive-card__title {
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.3;
    margin: 0 0 10px;
}

.week-ahead-archive-card__title a {
    color: inherit;
    text-decoration: none;
}

.week-ahead-archive-card__title a:hover {
    color: var(--wp--preset--color--primary, #6366f1);
}

.week-ahead-archive-card__excerpt {
    font-size: 14px;
    color: var(--wp--preset--color--muted, #6b7280);
    line-height: 1.5;
    margin: 0 0 12px;
}

.week-ahead-archive-card__date {
    font-size: 12px;
    color: var(--wp--preset--color--muted, #6b7280);
}

@media (max-width: 1024px) {
    .week-ahead-archive-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 640px) {
    .week-ahead-archive-grid {
        grid-template-columns: 1fr;
    }
}

/* Archive Pagination */
.archive-pagination {
    display: flex;
    justify-content: center;
    gap: 8px;
    margin-top: 40px;
}

.archive-pagination a,
.archive-pagination span {
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    transition: background 0.2s, color 0.2s;
}

.archive-pagination a {
    background: var(--wp--preset--color--surface, #f8f9fa);
    color: var(--wp--preset--color--foreground, #111827);
}

.archive-pagination a:hover {
    background: var(--wp--preset--color--primary, #6366f1);
    color: white;
}

.archive-pagination .current {
    background: var(--wp--preset--color--primary, #6366f1);
    color: white;
}

/* ============================
   Comparison Archive
   ============================ */
.comparison-archive-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

.comparison-archive-card {
    background: white;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0,0,0,0.06);
    transition: transform 0.2s, box-shadow 0.2s;
}

.comparison-archive-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 24px rgba(0,0,0,0.1);
}

.comparison-archive-card__image {
    display: block;
    position: relative;
    aspect-ratio: 16/9;
    overflow: hidden;
}

.comparison-archive-card__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s;
}

.comparison-archive-card:hover .comparison-archive-card__image img {
    transform: scale(1.05);
}

.comparison-archive-card__placeholder {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #f59e0b 0%, #ef4444 100%);
    font-size: 48px;
}

.comparison-archive-card__badge {
    position: absolute;
    top: 12px;
    left: 12px;
    background: rgba(0, 0, 0, 0.75);
    color: white;
    padding: 6px 12px;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 600;
    backdrop-filter: blur(4px);
}

.comparison-archive-card__winner {
    position: absolute;
    bottom: 12px;
    right: 12px;
    background: linear-gradient(135deg, #10b981 0%, #059669 100%);
    color: white;
    padding: 6px 12px;
    border-radius: 8px;
    font-size: 11px;
    font-weight: 600;
    box-shadow: 0 2px 8px rgba(16, 185, 129, 0.4);
}

.comparison-archive-card__winner--tie {
    background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);
    box-shadow: 0 2px 8px rgba(99, 102, 241, 0.4);
}

.comparison-archive-card__content {
    padding: 20px;
}

.comparison-archive-card__title {
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.3;
    margin: 0 0 10px;
}

.comparison-archive-card__title a {
    color: inherit;
    text-decoration: none;
}

.comparison-archive-card__title a:hover {
    color: var(--wp--preset--color--primary, #6366f1);
}

.comparison-archive-card__verdict {
    font-size: 14px;
    color: var(--wp--preset--color--muted, #6b7280);
    line-height: 1.5;
    margin: 0 0 12px;
}

.comparison-archive-card__updated {
    font-size: 12px;
    color: var(--wp--preset--color--primary, #6366f1);
    font-weight: 500;
}

@media (max-width: 1024px) {
    .comparison-archive-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 640px) {
    .comparison-archive-grid {
        grid-template-columns: 1fr;
    }
}