/**
 * Gaming Mouse Post Components - CSS Component Library
 * Version: 1.0.0
 *
 * Category-specific styling for gaming mouse product reviews.
 * Extends product-review-base.css with electric blue precision gaming theme.
 *
 * Theme: Electric Blue (#2196F3) - Precision gaming aesthetic
 *
 * @package VividUltimate
 * @since 3.5.260
 */

/* ==========================================================================
   GAMING MOUSE THEME OVERRIDES (for base class compatibility)
   ========================================================================== */
.vae-gaming-mouse-post {
    --vae-accent-color: #2196F3;
    --vae-accent-hover: #1976D2;
    --vae-accent-light: #E3F2FD;
    --vae-accent-dark: #1565C0;
    --vae-dark-bg: #2d2d3a;
    --vae-dark-text: #ffffff;
    /* Radius variables */
    --vae-radius-sm: 6px;
    --vae-radius-md: 10px;
    --vae-radius-lg: 12px;
    /* Mouse-specific */
    --vae-mouse-primary: #2196F3;
    --vae-mouse-secondary: #64B5F6;
    --vae-mouse-dark: #1565C0;
}

/* Ensure box-sizing for all elements to prevent overflow */
.vae-gaming-mouse-post .entry-content *,
.vae-gaming-mouse-post .entry-content *::before,
.vae-gaming-mouse-post .entry-content *::after {
    box-sizing: border-box;
}

/* ==========================================================================
   CSS VARIABLES - Gaming Mouse theme
   ========================================================================== */
.vae-gaming-mouse-post {
    /* Brand Colors - Electric Blue Theme */
    --vae-mouse-primary: #2196F3;
    --vae-mouse-secondary: #64B5F6;
    --vae-mouse-dark: #1565C0;
    --vae-amazon-orange: #ff9900;
    --vae-amazon-orange-dark: #ff6600;

    /* Grip Style Colors */
    --vae-grip-palm: #4caf50;
    --vae-grip-claw: #ff9800;
    --vae-grip-fingertip: #e91e63;

    /* Semantic Colors */
    --vae-success: #4caf50;
    --vae-success-bg: #e8f5e9;
    --vae-error: #f44336;
    --vae-error-bg: #ffebee;
    --vae-info: #2196f3;
    --vae-info-bg: #e3f2fd;
    --vae-warning: #ff9800;
    --vae-warning-bg: #fff8e1;
}

/* ==========================================================================
   WORDPRESS COMPATIBILITY FIXES (wpautop pollution)
   ========================================================================== */

/* Hide ALL <br> tags inside VAE components - comprehensive list */
.vae-gaming-mouse-post .vae-sensor-specs br,
.vae-gaming-mouse-post .vae-sensor-grid br,
.vae-gaming-mouse-post .vae-sensor-item br,
.vae-gaming-mouse-post .vae-dpi-info br,
.vae-gaming-mouse-post .vae-polling-rate br,
.vae-gaming-mouse-post .vae-polling-grid br,
.vae-gaming-mouse-post .vae-polling-option br,
.vae-gaming-mouse-post .vae-weight-info br,
.vae-gaming-mouse-post .vae-weight-display br,
.vae-gaming-mouse-post .vae-grip-styles br,
.vae-gaming-mouse-post .vae-grip-grid br,
.vae-gaming-mouse-post .vae-grip-item br,
.vae-gaming-mouse-post .vae-button-layout br,
.vae-gaming-mouse-post .vae-button-count br,
.vae-gaming-mouse-post .vae-button-list br,
.vae-gaming-mouse-post .vae-button-item br,
.vae-gaming-mouse-post .vae-build-quality br,
.vae-gaming-mouse-post .vae-build-grid br,
.vae-gaming-mouse-post .vae-key-takeaways br,
.vae-gaming-mouse-post .vae-ratings-grid br,
.vae-gaming-mouse-post .vae-rating-item br,
.vae-gaming-mouse-post .vae-quick-verdict br,
.vae-gaming-mouse-post .vae-who-should-buy br,
.vae-gaming-mouse-post .vae-freshness-badge br,
.vae-gaming-mouse-post .vae-pros-cons br,
.vae-gaming-mouse-post .vae-pros br,
.vae-gaming-mouse-post .vae-cons br,
.vae-gaming-mouse-post .vae-final-verdict br,
.vae-gaming-mouse-post .vae-about-reviewer br,
.vae-gaming-mouse-post .vae-cta-wrapper br,
.vae-gaming-mouse-post .vae-trust-badges br,
.vae-gaming-mouse-post .vae-trust-badge br,
.vae-gaming-mouse-post .vae-value-tier br,
.vae-gaming-mouse-post .vae-tier-scale br,
.vae-gaming-mouse-post .vae-tier-labels br,
.vae-gaming-mouse-post .vae-praise-section br,
.vae-gaming-mouse-post .vae-complaints-section br,
.vae-gaming-mouse-post .vae-alternatives br,
.vae-gaming-mouse-post .vae-alternatives-grid br,
.vae-gaming-mouse-post .vae-alternative-item br,
.vae-gaming-mouse-post .vae-disclaimer br,
.vae-gaming-mouse-post .vae-buy-box br,
.vae-gaming-mouse-post .vae-buy-box-left br,
.vae-gaming-mouse-post .vae-buy-box-right br,
.vae-gaming-mouse-post .vae-mouse-connectivity br,
.vae-gaming-mouse-post .vae-price-check-cta br {
    display: none !important;
}

/* Reset paragraph styling inside ALL components */
.vae-gaming-mouse-post .vae-sensor-specs p,
.vae-gaming-mouse-post .vae-dpi-info p,
.vae-gaming-mouse-post .vae-polling-rate p,
.vae-gaming-mouse-post .vae-weight-info p,
.vae-gaming-mouse-post .vae-grip-styles p,
.vae-gaming-mouse-post .vae-button-layout p,
.vae-gaming-mouse-post .vae-build-quality p,
.vae-gaming-mouse-post .vae-key-takeaways p,
.vae-gaming-mouse-post .vae-freshness-badge p,
.vae-gaming-mouse-post .vae-cta-wrapper p,
.vae-gaming-mouse-post .vae-trust-badges p,
.vae-gaming-mouse-post .vae-trust-badge p,
.vae-gaming-mouse-post .vae-value-tier p,
.vae-gaming-mouse-post .vae-quick-verdict p,
.vae-gaming-mouse-post .vae-who-should-buy p,
.vae-gaming-mouse-post .vae-praise-section p,
.vae-gaming-mouse-post .vae-complaints-section p,
.vae-gaming-mouse-post .vae-alternatives p,
.vae-gaming-mouse-post .vae-disclaimer p,
.vae-gaming-mouse-post .vae-buy-box p,
.vae-gaming-mouse-post .vae-mouse-connectivity p,
.vae-gaming-mouse-post .vae-price-check-cta p {
    margin: 0 !important;
    padding: 0 !important;
}

/* CRITICAL: Make unwanted <p> tags transparent in flex/grid layouts */
/* When wpautop wraps flex children in <p>, this preserves the layout */
.vae-gaming-mouse-post .vae-trust-badges > p,
.vae-gaming-mouse-post .vae-trust-badge > p,
.vae-gaming-mouse-post .vae-ratings-grid > p,
.vae-gaming-mouse-post .vae-rating-item > p,
.vae-gaming-mouse-post .vae-sensor-grid > p,
.vae-gaming-mouse-post .vae-sensor-item > p,
.vae-gaming-mouse-post .vae-polling-grid > p,
.vae-gaming-mouse-post .vae-polling-option > p,
.vae-gaming-mouse-post .vae-grip-grid > p,
.vae-gaming-mouse-post .vae-grip-item > p,
.vae-gaming-mouse-post .vae-button-count > p,
.vae-gaming-mouse-post .vae-button-list > p,
.vae-gaming-mouse-post .vae-button-item > p,
.vae-gaming-mouse-post .vae-weight-display > p,
.vae-gaming-mouse-post .vae-tier-labels > p,
.vae-gaming-mouse-post .vae-alternatives-grid > p,
.vae-gaming-mouse-post .vae-alternative-item > p,
.vae-gaming-mouse-post .vae-build-grid > p,
.vae-gaming-mouse-post .vae-buy-box > p,
.vae-gaming-mouse-post .vae-buy-box-left > p,
.vae-gaming-mouse-post .vae-buy-box-right > p,
.vae-gaming-mouse-post .vae-pros-cons > p,
.vae-gaming-mouse-post .vae-pros > p,
.vae-gaming-mouse-post .vae-cons > p {
    display: contents !important;
}

/* Ensure spans inside incorrectly wrapped <p> still display correctly */
.vae-gaming-mouse-post .vae-trust-badge > p > span,
.vae-gaming-mouse-post .vae-rating-item > p > span,
.vae-gaming-mouse-post .vae-sensor-item > p > span,
.vae-gaming-mouse-post .vae-polling-option > p > span,
.vae-gaming-mouse-post .vae-grip-item > p > span,
.vae-gaming-mouse-post .vae-weight-display > p > span,
.vae-gaming-mouse-post .vae-button-count > p > span,
.vae-gaming-mouse-post .vae-tier-labels > p > span,
.vae-gaming-mouse-post .vae-alternative-item > p > span {
    display: inline-block;
}

/* ==========================================================================
   H3/H4 STYLING FOR COMPONENT CONTAINERS
   ========================================================================== */

/* H3/H4 styling inside DARK containers - white text */
.vae-gaming-mouse-post .vae-sensor-specs h3,
.vae-gaming-mouse-post .vae-sensor-specs h4,
.vae-gaming-mouse-post .vae-dpi-info h3,
.vae-gaming-mouse-post .vae-dpi-info h4,
.vae-gaming-mouse-post .vae-polling-rate h3,
.vae-gaming-mouse-post .vae-polling-rate h4,
.vae-gaming-mouse-post .vae-weight-info h3,
.vae-gaming-mouse-post .vae-weight-info h4,
.vae-gaming-mouse-post .vae-grip-styles h3,
.vae-gaming-mouse-post .vae-grip-styles h4,
.vae-gaming-mouse-post .vae-button-layout h3,
.vae-gaming-mouse-post .vae-button-layout h4,
.vae-gaming-mouse-post .vae-key-takeaways h3,
.vae-gaming-mouse-post .vae-key-takeaways h4,
.vae-gaming-mouse-post .vae-final-verdict h3,
.vae-gaming-mouse-post .vae-final-verdict h2,
.vae-gaming-mouse-post .vae-buy-box h3,
.vae-gaming-mouse-post .vae-buy-box h4,
.vae-gaming-mouse-post .vae-alternatives h3,
.vae-gaming-mouse-post .vae-alternatives h4,
.vae-gaming-mouse-post .vae-price-check-cta h3,
.vae-gaming-mouse-post .vae-price-check-cta h4 {
    font-size: 1.3em !important;
    font-weight: 700 !important;
    color: #fff !important;
    margin: 0 0 20px 0 !important;
    padding: 0 !important;
    text-shadow: 0 1px 2px rgba(0,0,0,0.3);
}

/* H3/H4 styling inside LIGHT containers - dark text */
.vae-gaming-mouse-post .vae-build-quality h3,
.vae-gaming-mouse-post .vae-build-quality h4,
.vae-gaming-mouse-post .vae-about-reviewer h3,
.vae-gaming-mouse-post .vae-about-reviewer h4 {
    font-size: 1.2em !important;
    font-weight: bold !important;
    color: #333 !important;
    margin: 0 0 15px 0 !important;
    padding: 0 !important;
}

/* ==========================================================================
   TRUST BADGES - Credibility indicators
   ========================================================================== */
.vae-gaming-mouse-post .vae-trust-badges,
.vae-gaming-mouse-post .vae-trust-badges *,
.vae-gaming-mouse-post .vae-trust-badge,
.vae-gaming-mouse-post .vae-trust-badge * {
    color: #e0e0e8;
}

.vae-gaming-mouse-post .vae-trust-badges {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
    margin: 25px 0;
    padding: 20px 25px;
    background: linear-gradient(135deg, #2d2d3a 0%, #1a1a2e 100%);
    border-radius: 12px;
    border: 1px solid rgba(33, 150, 243, 0.3);
    box-shadow: 0 4px 15px rgba(0,0,0,0.2);
}

.vae-gaming-mouse-post .vae-trust-badge {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 18px;
    background: rgba(255,255,255,0.05);
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 10px;
    transition: transform 0.2s ease, background 0.2s ease;
}

.vae-gaming-mouse-post .vae-trust-badge:hover {
    transform: translateY(-2px);
    background: rgba(255,255,255,0.1);
    box-shadow: 0 6px 20px rgba(0,0,0,0.3);
}

.vae-gaming-mouse-post .vae-trust-badge .badge-icon {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1em;
    color: #fff;
}

.vae-gaming-mouse-post .vae-trust-badge.badge-tested .badge-icon {
    background: linear-gradient(135deg, #4caf50, #45a049);
}

.vae-gaming-mouse-post .vae-trust-badge.badge-expert .badge-icon {
    background: linear-gradient(135deg, #2196F3, #1976D2);
}

.vae-gaming-mouse-post .vae-trust-badge.badge-amazon .badge-icon {
    background: linear-gradient(135deg, #ff9900, #ff6600);
}

.vae-gaming-mouse-post .vae-trust-badge.badge-warranty .badge-icon {
    background: linear-gradient(135deg, #2196f3, #1976d2);
}

.vae-gaming-mouse-post .vae-trust-badge .badge-text {
    color: #fff;
    font-size: 0.9em;
    font-weight: 500;
}

/* ==========================================================================
   KEY TAKEAWAYS - Summary box with ratings
   ========================================================================== */
.vae-gaming-mouse-post .vae-key-takeaways,
.vae-gaming-mouse-post .vae-key-takeaways * {
    color: #e0e0e8;
}

.vae-gaming-mouse-post .vae-key-takeaways {
    background: linear-gradient(135deg, #2d2d3a 0%, #1a1a2e 100%);
    color: #fff;
    border-radius: 12px;
    padding: 25px;
    margin: 25px 0;
    box-shadow: 0 4px 15px rgba(0,0,0,0.2);
    border: 1px solid rgba(33, 150, 243, 0.3);
}

.vae-gaming-mouse-post .vae-key-takeaways .vae-takeaway-title,
.vae-gaming-mouse-post .vae-key-takeaways > h3,
.vae-gaming-mouse-post .vae-key-takeaways > h4 {
    margin: 0 0 20px 0 !important;
    font-size: 1.15em !important;
    letter-spacing: -0.01em !important;
    font-weight: 700 !important;
    color: #fff !important;
}

.vae-gaming-mouse-post .vae-key-takeaways ul {
    margin: 0 0 20px 0;
    padding-left: 0;
    list-style: none;
}

.vae-gaming-mouse-post .vae-key-takeaways li {
    color: #fff;
    margin-bottom: 12px;
    line-height: 1.6;
    padding-left: 28px;
    position: relative;
}

.vae-gaming-mouse-post .vae-key-takeaways li::before {
    content: '✓';
    position: absolute;
    left: 0;
    color: #4caf50;
    font-weight: bold;
    font-size: 1.1em;
}

.vae-gaming-mouse-post .vae-key-takeaways li strong {
    color: var(--vae-accent-color);
}

/* Ratings Grid inside Key Takeaways */
.vae-gaming-mouse-post .vae-rating-item,
.vae-gaming-mouse-post .vae-rating-item * {
    color: #e0e0e8;
}

.vae-gaming-mouse-post .vae-key-takeaways .vae-ratings-grid,
.vae-gaming-mouse-post .vae-ratings-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    gap: 12px;
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid rgba(255,255,255,0.1);
}

.vae-gaming-mouse-post .vae-key-takeaways .vae-rating-item,
.vae-gaming-mouse-post .vae-rating-item {
    background: rgba(33, 150, 243, 0.2);
    border: 1px solid rgba(33, 150, 243, 0.3);
    padding: 15px 12px;
    border-radius: 8px;
    text-align: center;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.vae-gaming-mouse-post .vae-rating-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(0,0,0,0.3);
}

.vae-gaming-mouse-post .vae-key-takeaways .vae-rating-label,
.vae-gaming-mouse-post .vae-rating-label {
    font-size: 0.68em;
    letter-spacing: 0.08em;
    font-weight: 600;
    line-height: 1.25;
    color: #d8d8e0;
    display: block;
    margin-bottom: 6px;
    text-transform: uppercase;
}

.vae-gaming-mouse-post .vae-key-takeaways .vae-rating-value,
.vae-gaming-mouse-post .vae-rating-value {
    font-size: 1.08em;
    font-weight: 700;
    color: #fff;
    letter-spacing: -0.01em;
}

/* ==========================================================================
   QUICK VERDICT - Accent-colored left border
   ========================================================================== */
.vae-gaming-mouse-post .vae-quick-verdict {
    border-left: 4px solid var(--vae-accent-color);
    background: var(--vae-accent-light);
    padding: 20px 25px;
    margin: 25px 0;
    border-radius: 0 8px 8px 0;
}

.vae-gaming-mouse-post .vae-quick-verdict .vae-verdict-title,
.vae-gaming-mouse-post .vae-quick-verdict > strong:first-child {
    color: var(--vae-accent-dark) !important;
    font-size: 1.1em !important;
    font-weight: 700 !important;
    display: block;
    margin-bottom: 10px;
}

.vae-gaming-mouse-post .vae-quick-verdict p {
    color: #333;
    line-height: 1.7;
    margin: 0;
}

/* ==========================================================================
   WHO SHOULD BUY - Target audience section
   ========================================================================== */
.vae-gaming-mouse-post .vae-who-should-buy,
.vae-gaming-mouse-post .vae-who-should-buy * {
    color: #e0e0e8;
}

.vae-gaming-mouse-post .vae-who-should-buy {
    background: linear-gradient(135deg, #2d2d3a 0%, #1a1a2e 100%);
    color: #fff;
    border-radius: 12px;
    padding: 25px;
    margin: 25px 0;
    box-shadow: 0 4px 15px rgba(0,0,0,0.2);
    border: 1px solid rgba(33, 150, 243, 0.3);
}

.vae-gaming-mouse-post .vae-who-should-buy h3,
.vae-gaming-mouse-post .vae-who-should-buy h4 {
    margin: 0 0 20px 0 !important;
    font-size: 1.3em !important;
    font-weight: 700 !important;
    color: #fff !important;
    text-shadow: 0 1px 2px rgba(0,0,0,0.3);
}

.vae-gaming-mouse-post .vae-who-should-buy ul {
    margin: 0;
    padding-left: 0;
    list-style: none;
}

.vae-gaming-mouse-post .vae-who-should-buy li {
    color: #e8e8f0;
    margin-bottom: 12px;
    line-height: 1.6;
    padding-left: 28px;
    position: relative;
}

.vae-gaming-mouse-post .vae-who-should-buy li::before {
    content: '•';
    position: absolute;
    left: 8px;
    color: var(--vae-accent-color);
    font-size: 1.2em;
}

.vae-gaming-mouse-post .vae-who-should-buy li strong {
    color: var(--vae-accent-color);
}

/* ==========================================================================
   SENSOR SPECS - Sensor information box
   ========================================================================== */
.vae-gaming-mouse-post .vae-sensor-specs,
.vae-gaming-mouse-post .vae-sensor-specs * {
    color: #e0e0e8;
}

.vae-gaming-mouse-post .vae-sensor-specs {
    background: linear-gradient(135deg, #2d2d3a 0%, #1a1a2e 100%);
    color: #fff;
    border-radius: 12px;
    padding: 25px;
    margin: 25px 0;
    box-shadow: 0 4px 15px rgba(0,0,0,0.2);
    border: 1px solid rgba(33, 150, 243, 0.3);
}

.vae-gaming-mouse-post .vae-sensor-specs .vae-sensor-title {
    font-size: 1.3em !important;
    font-weight: 700 !important;
    color: #fff !important;
    margin: 0 0 20px 0 !important;
    display: flex;
    align-items: center;
    gap: 10px;
}

.vae-gaming-mouse-post .vae-sensor-specs .vae-sensor-title::before {
    content: '🎯';
    font-size: 1.2em;
}

.vae-gaming-mouse-post .vae-sensor-specs .vae-sensor-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
    gap: 15px;
}

.vae-gaming-mouse-post .vae-sensor-specs .vae-sensor-item {
    background: rgba(33, 150, 243, 0.2);
    border: 1px solid rgba(33, 150, 243, 0.3);
    padding: 18px 15px;
    border-radius: 10px;
    text-align: center;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.vae-gaming-mouse-post .vae-sensor-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(0,0,0,0.3);
}

.vae-gaming-mouse-post .vae-sensor-specs .vae-sensor-value {
    font-size: 1.15em;
    letter-spacing: -0.01em;
    font-weight: bold;
    color: #fff;
    display: block;
    margin-bottom: 5px;
}

.vae-gaming-mouse-post .vae-sensor-specs .vae-sensor-label {
    font-size: 0.85em;
    color: #b8b8c8;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* ==========================================================================
   DPI INFO - DPI range and stages
   ========================================================================== */
.vae-gaming-mouse-post .vae-dpi-info,
.vae-gaming-mouse-post .vae-dpi-info * {
    color: #e0e0e8;
}

.vae-gaming-mouse-post .vae-dpi-info {
    background: linear-gradient(135deg, #2d2d3a 0%, #1a1a2e 100%);
    color: #fff;
    border-radius: 12px;
    padding: 25px;
    margin: 25px 0;
    box-shadow: 0 4px 15px rgba(0,0,0,0.2);
    border: 1px solid rgba(33, 150, 243, 0.3);
}

.vae-gaming-mouse-post .vae-dpi-info .vae-dpi-title {
    font-size: 1.3em !important;
    font-weight: 700 !important;
    color: #fff !important;
    margin: 0 0 20px 0 !important;
}

.vae-gaming-mouse-post .vae-dpi-scale {
    position: relative;
    height: 12px;
    background: linear-gradient(90deg, #4caf50 0%, #ff9800 50%, #f44336 100%);
    border-radius: 6px;
    margin: 20px 0;
}

.vae-gaming-mouse-post .vae-dpi-marker {
    position: absolute;
    top: -8px;
    width: 28px;
    height: 28px;
    background: #fff;
    border-radius: 50%;
    transform: translateX(-50%);
    box-shadow: 0 2px 8px rgba(0,0,0,0.3);
    border: 3px solid var(--vae-accent-color);
}

.vae-gaming-mouse-post .vae-dpi-labels {
    display: flex;
    justify-content: space-between;
    font-size: 0.85em;
    color: #b8b8c8;
    margin-top: 10px;
}

/* ==========================================================================
   WEIGHT INFO - Mouse weight specifications
   ========================================================================== */
.vae-gaming-mouse-post .vae-weight-info,
.vae-gaming-mouse-post .vae-weight-info * {
    color: #e0e0e8;
}

.vae-gaming-mouse-post .vae-weight-info {
    background: linear-gradient(135deg, #2d2d3a 0%, #1a1a2e 100%);
    color: #fff;
    border-radius: 12px;
    padding: 25px;
    margin: 25px 0;
    box-shadow: 0 4px 15px rgba(0,0,0,0.2);
    border: 1px solid rgba(33, 150, 243, 0.3);
}

.vae-gaming-mouse-post .vae-weight-info .vae-weight-title {
    font-size: 1.3em !important;
    font-weight: 700 !important;
    color: #fff !important;
    margin: 0 0 20px 0 !important;
}

.vae-gaming-mouse-post .vae-weight-display {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    padding: 20px;
    background: rgba(33, 150, 243, 0.15);
    border-radius: 10px;
}

.vae-gaming-mouse-post .vae-weight-value {
    font-size: 3em;
    font-weight: bold;
    color: var(--vae-accent-color);
}

.vae-gaming-mouse-post .vae-weight-unit {
    font-size: 1.5em;
    color: #b8b8c8;
}

.vae-gaming-mouse-post .vae-weight-category {
    display: inline-block;
    padding: 8px 16px;
    border-radius: 20px;
    font-weight: 600;
    margin-top: 15px;
}

.vae-gaming-mouse-post .vae-weight-category[data-category="ultralight"] {
    background: #4caf50;
    color: #fff;
}

.vae-gaming-mouse-post .vae-weight-category[data-category="lightweight"] {
    background: #8bc34a;
    color: #fff;
}

.vae-gaming-mouse-post .vae-weight-category[data-category="medium"] {
    background: #ff9800;
    color: #fff;
}

.vae-gaming-mouse-post .vae-weight-category[data-category="heavy"] {
    background: #f44336;
    color: #fff;
}

/* ==========================================================================
   POLLING RATE - Response time specifications
   ========================================================================== */
.vae-gaming-mouse-post .vae-polling-rate,
.vae-gaming-mouse-post .vae-polling-rate * {
    color: #e0e0e8;
}

.vae-gaming-mouse-post .vae-polling-rate {
    background: linear-gradient(135deg, #2d2d3a 0%, #1a1a2e 100%);
    color: #fff;
    border-radius: 12px;
    padding: 25px;
    margin: 25px 0;
    box-shadow: 0 4px 15px rgba(0,0,0,0.2);
    border: 1px solid rgba(33, 150, 243, 0.3);
}

.vae-gaming-mouse-post .vae-polling-rate .vae-polling-title {
    font-size: 1.3em !important;
    font-weight: 700 !important;
    color: #fff !important;
    margin: 0 0 20px 0 !important;
}

.vae-gaming-mouse-post .vae-polling-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
    gap: 12px;
}

.vae-gaming-mouse-post .vae-polling-option {
    background: rgba(255,255,255,0.05);
    border: 2px solid rgba(255,255,255,0.1);
    padding: 15px;
    border-radius: 8px;
    text-align: center;
    transition: all 0.2s ease;
}

.vae-gaming-mouse-post .vae-polling-option.active {
    background: rgba(33, 150, 243, 0.2);
    border-color: var(--vae-accent-color);
}

.vae-gaming-mouse-post .vae-polling-value {
    font-size: 1.1em;
    letter-spacing: -0.01em;
    font-weight: bold;
    color: #fff;
    display: block;
}

.vae-gaming-mouse-post .vae-polling-label {
    font-size: 0.8em;
    color: #a0a0b0;
}

/* ==========================================================================
   GRIP STYLES - Recommended grip types
   ========================================================================== */
.vae-gaming-mouse-post .vae-grip-styles,
.vae-gaming-mouse-post .vae-grip-styles * {
    color: #e0e0e8;
}

.vae-gaming-mouse-post .vae-grip-styles {
    background: linear-gradient(135deg, #2d2d3a 0%, #1a1a2e 100%);
    color: #fff;
    border-radius: 12px;
    padding: 25px;
    margin: 25px 0;
    box-shadow: 0 4px 15px rgba(0,0,0,0.2);
    border: 1px solid rgba(33, 150, 243, 0.3);
}

.vae-gaming-mouse-post .vae-grip-styles .vae-grip-title {
    font-size: 1.3em !important;
    font-weight: 700 !important;
    color: #fff !important;
    margin: 0 0 20px 0 !important;
}

.vae-gaming-mouse-post .vae-grip-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
}

@media (max-width: 600px) {
    .vae-gaming-mouse-post .vae-grip-grid {
        grid-template-columns: 1fr;
    }
}

.vae-gaming-mouse-post .vae-grip-item {
    background: rgba(30, 30, 45, 0.6);
    border: 1px solid rgba(255,255,255,0.15);
    padding: 20px 15px;
    border-radius: 10px;
    text-align: center;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.vae-gaming-mouse-post .vae-grip-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(0,0,0,0.3);
}

.vae-gaming-mouse-post .vae-grip-item[data-recommended="true"] {
    border-color: #4caf50;
    background: rgba(76, 175, 80, 0.15);
}

.vae-gaming-mouse-post .vae-grip-icon {
    font-size: 1.4em;
    letter-spacing: -0.01em;
    margin-bottom: 10px;
}

.vae-gaming-mouse-post .vae-grip-name {
    font-size: 1.1em;
    font-weight: 600;
    color: #fff;
    margin-bottom: 5px;
}

.vae-gaming-mouse-post .vae-grip-status {
    font-size: 0.85em;
    padding: 4px 12px;
    border-radius: 12px;
    display: inline-block;
}

.vae-gaming-mouse-post .vae-grip-status.recommended {
    background: #4caf50;
    color: #fff;
}

.vae-gaming-mouse-post .vae-grip-status.possible {
    background: #ff9800;
    color: #fff;
}

.vae-gaming-mouse-post .vae-grip-status.not-ideal {
    background: #f44336;
    color: #fff;
}

/* ==========================================================================
   BUTTON LAYOUT - Button configuration
   ========================================================================== */
.vae-gaming-mouse-post .vae-button-layout,
.vae-gaming-mouse-post .vae-button-layout * {
    color: #e0e0e8;
}

.vae-gaming-mouse-post .vae-button-layout {
    background: linear-gradient(135deg, #2d2d3a 0%, #1a1a2e 100%);
    color: #fff;
    border-radius: 12px;
    padding: 25px;
    margin: 25px 0;
    box-shadow: 0 4px 15px rgba(0,0,0,0.2);
    border: 1px solid rgba(33, 150, 243, 0.3);
}

.vae-gaming-mouse-post .vae-button-layout .vae-button-title {
    font-size: 1.3em !important;
    font-weight: 700 !important;
    color: #fff !important;
    margin: 0 0 20px 0 !important;
}

.vae-gaming-mouse-post .vae-button-count {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    padding: 25px;
    background: rgba(33, 150, 243, 0.15);
    border-radius: 10px;
    margin-bottom: 20px;
}

.vae-gaming-mouse-post .vae-button-number {
    font-size: 3.5em;
    font-weight: bold;
    color: var(--vae-accent-color);
}

.vae-gaming-mouse-post .vae-button-text {
    font-size: 1.2em;
    color: #d8d8e0;
}

.vae-gaming-mouse-post .vae-button-list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 10px;
}

.vae-gaming-mouse-post .vae-button-item {
    background: rgba(30, 30, 45, 0.6);
    padding: 12px 15px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 10px;
    color: #e8e8f0;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.vae-gaming-mouse-post .vae-button-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(0,0,0,0.3);
}

.vae-gaming-mouse-post .vae-button-item::before {
    content: '●';
    color: var(--vae-accent-color);
}

/* ==========================================================================
   BUILD QUALITY - Dark theme with cards
   ========================================================================== */
.vae-gaming-mouse-post .vae-build-quality,
.vae-gaming-mouse-post .vae-build-quality * {
    color: #e0e0e8;
}

.vae-gaming-mouse-post .vae-build-quality {
    background: linear-gradient(135deg, #2d2d3a 0%, #1a1a2e 100%);
    border-radius: 12px;
    padding: 25px;
    margin: 25px 0;
    border: 1px solid rgba(33, 150, 243, 0.3);
    box-shadow: 0 4px 15px rgba(0,0,0,0.2);
}

.vae-gaming-mouse-post .vae-build-quality .vae-build-title,
.vae-gaming-mouse-post .vae-build-quality h3,
.vae-gaming-mouse-post .vae-build-quality h4 {
    font-size: 1.3em !important;
    font-weight: 700 !important;
    color: #fff !important;
    margin: 0 0 20px 0 !important;
    text-shadow: 0 1px 2px rgba(0,0,0,0.3);
}

.vae-gaming-mouse-post .vae-build-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
    gap: 15px;
}

.vae-gaming-mouse-post .vae-build-item {
    background: rgba(255,255,255,0.05);
    border: 1px solid rgba(255,255,255,0.1);
    border-left: 3px solid var(--vae-accent-color, #2196F3);
    padding: 18px 15px;
    border-radius: 10px;
    text-align: center;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.vae-gaming-mouse-post .vae-build-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(0,0,0,0.3);
}

.vae-gaming-mouse-post .vae-build-label {
    font-size: 0.75em;
    color: #a0a0b0 !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 600;
    margin-bottom: 10px;
    display: block;
}

.vae-gaming-mouse-post .vae-build-value {
    font-size: 1.1em;
    font-weight: 700;
    color: #fff !important;
    margin-bottom: 8px;
    display: block;
}

.vae-gaming-mouse-post .vae-build-context {
    display: block;
    font-size: 0.8em;
    color: #a0a0b0 !important;
    font-style: italic;
    line-height: 1.4;
}

/* ==========================================================================
   EASE OF USE - Dark theme with cards (override base light theme)
   ========================================================================== */
.vae-gaming-mouse-post .vae-ease-of-use,
.vae-gaming-mouse-post .vae-ease-of-use * {
    color: #e0e0e8;
}

.vae-gaming-mouse-post .vae-ease-of-use {
    background: linear-gradient(135deg, #2d2d3a 0%, #1a1a2e 100%);
    border-radius: 12px;
    padding: 25px;
    margin: 25px 0;
    border: 1px solid rgba(33, 150, 243, 0.3);
    box-shadow: 0 4px 15px rgba(0,0,0,0.2);
}

.vae-gaming-mouse-post .vae-ease-of-use h3,
.vae-gaming-mouse-post .vae-ease-of-use h4 {
    font-size: 1.3em !important;
    font-weight: 700 !important;
    color: #fff !important;
    margin: 0 0 20px 0 !important;
    text-shadow: 0 1px 2px rgba(0,0,0,0.3);
}

.vae-gaming-mouse-post .vae-use-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
    gap: 15px;
}

.vae-gaming-mouse-post .vae-use-item {
    background: rgba(255,255,255,0.05);
    border: 1px solid rgba(255,255,255,0.1);
    border-left: 3px solid var(--vae-accent-color, #2196F3);
    padding: 18px 15px;
    border-radius: 10px;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.vae-gaming-mouse-post .vae-use-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(0,0,0,0.3);
}

/* Override data-rating border colors on dark theme */
.vae-gaming-mouse-post .vae-use-item[data-rating="easy"],
.vae-gaming-mouse-post .vae-use-item[data-rating="excellent"] { border-left-color: #09ed13; }
.vae-gaming-mouse-post .vae-use-item[data-rating="good"] { border-left-color: #8bc34a; }
.vae-gaming-mouse-post .vae-use-item[data-rating="moderate"],
.vae-gaming-mouse-post .vae-use-item[data-rating="average"] { border-left-color: #ff9800; }
.vae-gaming-mouse-post .vae-use-item[data-rating="difficult"],
.vae-gaming-mouse-post .vae-use-item[data-rating="poor"] { border-left-color: #f44336; }

.vae-gaming-mouse-post .vae-use-label {
    font-size: 0.75em;
    color: #a0a0b0 !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 600;
    margin-bottom: 10px;
    display: block;
}

.vae-gaming-mouse-post .vae-use-value {
    font-size: 1.1em;
    font-weight: 700;
    color: #fff !important;
    margin-bottom: 8px;
    display: block;
}

.vae-gaming-mouse-post .vae-use-context {
    font-size: 0.82em;
    color: #a0a0b0 !important;
    line-height: 1.4;
}

@media (max-width: 768px) {
    .vae-gaming-mouse-post .vae-use-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 480px) {
    .vae-gaming-mouse-post .vae-use-grid {
        grid-template-columns: 1fr;
    }
}

/* ==========================================================================
   VALUE TIER - Price positioning slider
   ========================================================================== */
.vae-gaming-mouse-post .vae-value-tier,
.vae-gaming-mouse-post .vae-value-tier * {
    color: #e0e0e8;
}

.vae-gaming-mouse-post .vae-value-tier {
    background: linear-gradient(135deg, #2d2d3a 0%, #1a1a2e 100%);
    color: #fff;
    border-radius: 12px;
    padding: 25px;
    margin: 25px 0;
    box-shadow: 0 4px 15px rgba(0,0,0,0.2);
    border: 1px solid rgba(33, 150, 243, 0.3);
}

.vae-gaming-mouse-post .vae-value-tier .vae-tier-title,
.vae-gaming-mouse-post .vae-value-tier h3,
.vae-gaming-mouse-post .vae-value-tier h4 {
    font-size: 1.3em !important;
    font-weight: 700 !important;
    color: #fff !important;
    margin: 0 0 20px 0 !important;
}

.vae-gaming-mouse-post .vae-tier-scale {
    position: relative;
    height: 8px;
    background: linear-gradient(90deg, #78909c 0%, #5c6bc0 33%, #7e57c2 66%, #ab47bc 100%);
    border-radius: 4px;
    margin: 25px 0 15px 0;
}

.vae-gaming-mouse-post .vae-tier-marker {
    position: absolute;
    top: -8px;
    width: 24px;
    height: 24px;
    background: #fff;
    border-radius: 50%;
    transform: translateX(-50%);
    box-shadow: 0 2px 8px rgba(0,0,0,0.3);
    border: 3px solid var(--vae-accent-color);
}

.vae-gaming-mouse-post .vae-tier-marker[data-position="budget"] { left: 10%; }
.vae-gaming-mouse-post .vae-tier-marker[data-position="entry"] { left: 25%; }
.vae-gaming-mouse-post .vae-tier-marker[data-position="mid-range"] { left: 45%; }
.vae-gaming-mouse-post .vae-tier-marker[data-position="enthusiast"] { left: 70%; }
.vae-gaming-mouse-post .vae-tier-marker[data-position="premium"] { left: 90%; }

.vae-gaming-mouse-post .vae-tier-labels {
    display: flex;
    justify-content: space-between;
    font-size: 0.75em;
    color: #a0a0b0;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* ==========================================================================
   BUY BOX - 2-column CTA
   ========================================================================== */
.vae-gaming-mouse-post .vae-buy-box,
.vae-gaming-mouse-post .vae-buy-box * {
    color: #e0e0e8;
}

.vae-gaming-mouse-post .vae-buy-box {
    background: linear-gradient(135deg, #1a2a3a 0%, #2d2d3a 100%);
    border-radius: 12px;
    padding: 30px;
    margin: 40px 0;
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    align-items: center;
    border: 1px solid rgba(33, 150, 243, 0.3);
    color: #fff;
    box-shadow: 0 4px 15px rgba(0,0,0,0.2);
}

.vae-gaming-mouse-post .vae-buy-box-left {
    flex: 1 1 300px;
    min-width: 0;
    display: flex;
    align-items: flex-start;
    gap: 15px;
}

.vae-gaming-mouse-post .vae-buy-box-icon {
    font-size: 1.45em;
    letter-spacing: -0.01em;
    flex-shrink: 0;
}

.vae-gaming-mouse-post .vae-buy-box-content h4 {
    margin: 0 0 12px 0 !important;
    font-size: 1.15em !important;
    font-weight: 700 !important;
    color: var(--vae-accent-color) !important;
}

.vae-gaming-mouse-post .vae-buy-box-content ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.vae-gaming-mouse-post .vae-buy-box-content li {
    position: relative;
    padding-left: 22px;
    margin-bottom: 8px;
    color: #d8d8e0;
    font-size: 0.92em;
    line-height: 1.5;
}

.vae-gaming-mouse-post .vae-buy-box-content li::before {
    content: '✓';
    position: absolute;
    left: 0;
    color: #4caf50;
    font-weight: bold;
}

.vae-gaming-mouse-post .vae-buy-box-right {
    flex: 0 0 auto;
    min-width: 200px;
    max-width: 280px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    padding-left: 30px;
    border-left: 1px solid rgba(255,255,255,0.1);
}

.vae-gaming-mouse-post .vae-buy-box-note {
    color: #808090;
    font-size: 0.82em;
    text-align: center;
}

@media (max-width: 768px) {
    .vae-gaming-mouse-post .vae-buy-box {
        flex-direction: column;
    }

    .vae-gaming-mouse-post .vae-buy-box-right {
        padding-left: 0;
        padding-top: 20px;
        border-left: none;
        border-top: 1px solid rgba(255,255,255,0.1);
        max-width: 100%;
    }
}

/* ==========================================================================
   PRAISE & COMPLAINTS SECTIONS - Gold standard pattern
   ========================================================================== */
.vae-gaming-mouse-post .vae-praise-section,
.vae-gaming-mouse-post .vae-complaints-section {
    border-radius: 12px;
    padding: 20px;
    margin: 20px 0;
}

.vae-gaming-mouse-post .vae-praise-section {
    border-left: 4px solid #4caf50;
    background: linear-gradient(135deg, #f1f8f1 0%, #fff 100%);
}

.vae-gaming-mouse-post .vae-complaints-section {
    border-left: 4px solid #78909c;
    background: linear-gradient(135deg, #f5f5f5 0%, #fff 100%);
}

.vae-gaming-mouse-post .vae-praise-section h3,
.vae-gaming-mouse-post .vae-praise-section h4 {
    color: #2e7d32 !important;
    margin: 0 0 15px 0 !important;
    font-size: 1.1em !important;
    font-weight: 700 !important;
}

.vae-gaming-mouse-post .vae-complaints-section h3,
.vae-gaming-mouse-post .vae-complaints-section h4 {
    color: #78909c !important;
    margin: 0 0 15px 0 !important;
    font-size: 1.1em !important;
    font-weight: 700 !important;
}

.vae-gaming-mouse-post .vae-praise-section ul,
.vae-gaming-mouse-post .vae-complaints-section ul {
    margin: 0;
    padding-left: 20px;
}

.vae-gaming-mouse-post .vae-praise-section li,
.vae-gaming-mouse-post .vae-complaints-section li {
    color: #333;
    margin-bottom: 8px;
    line-height: 1.6;
}

/* ==========================================================================
   PRICE CHECK CTA - Dark theme Amazon CTA
   ========================================================================== */
.vae-gaming-mouse-post .vae-price-check-cta,
.vae-gaming-mouse-post .vae-price-check-cta * {
    color: #e0e0e8;
}

.vae-gaming-mouse-post .vae-price-check-cta {
    background: linear-gradient(135deg, #1a1a2e 0%, #2d2d3a 100%);
    border-radius: 12px;
    padding: 30px;
    margin: 30px 0;
    text-align: center;
    color: #fff;
    box-shadow: 0 4px 15px rgba(0,0,0,0.2);
}

.vae-gaming-mouse-post .vae-price-check-cta h3,
.vae-gaming-mouse-post .vae-price-check-cta h4 {
    color: #fff !important;
    margin: 0 0 15px 0 !important;
}

.vae-gaming-mouse-post .vae-price-check-cta p {
    color: #d8d8e0;
    margin-bottom: 20px;
}

.vae-gaming-mouse-post .vae-price-check-cta .vae-amazon-btn {
    display: inline-block;
    background: linear-gradient(135deg, #ff9900, #ff6600);
    color: #fff !important;
    padding: 15px 35px;
    border-radius: 8px;
    font-weight: 700;
    text-decoration: none !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.vae-gaming-mouse-post .vae-price-check-cta .vae-amazon-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgba(255, 153, 0, 0.4);
}

/* ==========================================================================
   ALTERNATIVES - Product alternatives grid
   ========================================================================== */
.vae-gaming-mouse-post .vae-alternatives,
.vae-gaming-mouse-post .vae-alternatives * {
    color: #e0e0e8;
}

.vae-gaming-mouse-post .vae-alternatives {
    background: linear-gradient(135deg, #2d2d3a 0%, #1a1a2e 100%);
    border-radius: 12px;
    padding: 25px;
    margin: 25px 0;
    color: #fff;
    border: 1px solid rgba(33, 150, 243, 0.3);
    box-shadow: 0 4px 15px rgba(0,0,0,0.2);
}

.vae-gaming-mouse-post .vae-alternatives h3,
.vae-gaming-mouse-post .vae-alternatives h4 {
    color: #fff !important;
    margin: 0 0 20px 0 !important;
    font-size: 1.3em !important;
    font-weight: 700 !important;
}

.vae-gaming-mouse-post .vae-alternatives-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 15px;
}

.vae-gaming-mouse-post .vae-alternative-item {
    background: rgba(30, 30, 45, 0.6);
    border: 1px solid rgba(255,255,255,0.15);
    border-radius: 10px;
    padding: 20px;
    text-align: center;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.vae-gaming-mouse-post .vae-alternative-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(0,0,0,0.3);
}

.vae-gaming-mouse-post .vae-alternative-name {
    font-weight: 600;
    color: #fff;
    margin-bottom: 8px;
}

.vae-gaming-mouse-post .vae-alternative-reason {
    font-size: 0.9em;
    color: #b8b8c8;
}

/* ==========================================================================
   DISCLAIMER - Warning/notice box
   ========================================================================== */
.vae-gaming-mouse-post .vae-disclaimer {
    background: #fff8e1;
    border: 1px solid #ffc107;
    border-left: 4px solid #ffc107;
    border-radius: 0 8px 8px 0;
    padding: 20px;
    margin: 25px 0;
}

.vae-gaming-mouse-post .vae-disclaimer p {
    color: #5d4037;
    margin: 0;
    font-size: 0.95em;
    line-height: 1.6;
}

/* ==========================================================================
   FINAL VERDICT - Conclusion box with rating
   ========================================================================== */
.vae-gaming-mouse-post .vae-final-verdict,
.vae-gaming-mouse-post .vae-final-verdict * {
    color: #e0e0e8;
}

.vae-gaming-mouse-post .vae-final-verdict {
    background: linear-gradient(135deg, #2d2d3a 0%, #1a1a2e 100%);
    color: #fff;
    border-radius: 12px;
    padding: 30px;
    margin: 30px 0;
    box-shadow: 0 4px 15px rgba(0,0,0,0.2);
    border: 1px solid rgba(33, 150, 243, 0.3);
}

.vae-gaming-mouse-post .vae-final-verdict .vae-verdict-header,
.vae-gaming-mouse-post .vae-final-verdict h2,
.vae-gaming-mouse-post .vae-final-verdict h3 {
    margin: 0 0 20px 0 !important;
    font-size: 1.22em !important;
    letter-spacing: -0.01em !important;
    font-weight: 700 !important;
    color: #fff !important;
}

.vae-gaming-mouse-post .vae-final-verdict .vae-verdict-rating {
    display: inline-block;
    background: var(--vae-accent-color);
    color: #fff;
    padding: 8px 20px;
    border-radius: 20px;
    font-weight: bold;
    font-size: 1.1em;
    margin-bottom: 15px;
}

.vae-gaming-mouse-post .vae-final-verdict p {
    color: #e8e8f0;
    line-height: 1.7;
    margin-bottom: 15px;
}

.vae-gaming-mouse-post .vae-final-verdict p:last-child {
    margin-bottom: 0;
}

/* ==========================================================================
   PROS & CONS — now inherited from base.css v2 light-panel pattern
   ========================================================================== */
/* Pros/Cons styling lives in base.css (v2 pattern, 2026-04-21). */

/* ==========================================================================
   PRODUCT SPECS GRID - Enhanced cards (override base)
   ========================================================================== */
.vae-gaming-mouse-post .vae-product-specs,
.vae-gaming-mouse-post .vae-product-specs * {
    color: #e0e0e8;
}

.vae-gaming-mouse-post .vae-product-specs {
    background: linear-gradient(135deg, #2d2d3a 0%, #1a1a2e 100%);
    border: 1px solid rgba(33, 150, 243, 0.3);
    box-shadow: 0 4px 15px rgba(0,0,0,0.2);
    border-radius: 12px;
    padding: 25px;
}

.vae-gaming-mouse-post .vae-product-specs h3,
.vae-gaming-mouse-post .vae-product-specs h4 {
    font-size: 1.15em !important;
    letter-spacing: -0.01em !important;
    font-weight: 700 !important;
    color: #fff !important;
    margin: 0 0 20px 0 !important;
    text-shadow: 0 1px 2px rgba(0,0,0,0.3);
}

.vae-gaming-mouse-post .vae-specs-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
    gap: 15px;
}

.vae-gaming-mouse-post .vae-spec-item {
    background: rgba(33, 150, 243, 0.1);
    border: 1px solid rgba(33, 150, 243, 0.25);
    padding: 20px 15px;
    border-radius: 10px;
    text-align: center;
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.vae-gaming-mouse-post .vae-spec-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(0,0,0,0.3);
    border-color: rgba(33, 150, 243, 0.5);
}

.vae-gaming-mouse-post .vae-spec-value {
    font-size: 1.15em;
    letter-spacing: -0.01em;
    font-weight: 800;
    color: #fff !important;
    display: block;
    margin-bottom: 10px;
    text-shadow: 0 1px 2px rgba(0,0,0,0.2);
}

.vae-gaming-mouse-post .vae-spec-label {
    font-size: 0.8em;
    color: #b8b8c8 !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 600;
    margin-bottom: 8px;
    display: block;
}

.vae-gaming-mouse-post .vae-spec-context {
    display: block;
    font-size: 0.78em;
    color: #a0a0b0 !important;
    margin-top: 6px;
    font-style: italic;
    line-height: 1.4;
}

@media (max-width: 768px) {
    .vae-gaming-mouse-post .vae-specs-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 480px) {
    .vae-gaming-mouse-post .vae-specs-grid {
        grid-template-columns: 1fr;
    }
}

/* ==========================================================================
   PERFORMANCE RESULTS - Enhanced cards (override base)
   ========================================================================== */
.vae-gaming-mouse-post .vae-performance-results,
.vae-gaming-mouse-post .vae-performance-results * {
    color: #e0e0e8;
}

.vae-gaming-mouse-post .vae-performance-results {
    background: linear-gradient(135deg, #2d2d3a 0%, #1a1a2e 100%);
    border: 1px solid rgba(33, 150, 243, 0.3);
    box-shadow: 0 4px 15px rgba(0,0,0,0.2);
    border-radius: 12px;
    padding: 25px;
}

.vae-gaming-mouse-post .vae-performance-results h3,
.vae-gaming-mouse-post .vae-performance-results h4 {
    font-size: 1.15em !important;
    letter-spacing: -0.01em !important;
    font-weight: 700 !important;
    color: #fff !important;
    margin: 0 0 20px 0 !important;
    text-shadow: 0 1px 2px rgba(0,0,0,0.3);
}

.vae-gaming-mouse-post .vae-perf-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 15px;
}

.vae-gaming-mouse-post .vae-perf-item {
    background: rgba(255,255,255,0.05);
    border: 1px solid rgba(255,255,255,0.1);
    border-top: 3px solid var(--vae-accent-color, #2196F3);
    border-radius: 10px;
    padding: 20px 16px;
    text-align: center;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.vae-gaming-mouse-post .vae-perf-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(0,0,0,0.3);
    background: rgba(255,255,255,0.08);
}

/* Category label — smaller, muted */
.vae-gaming-mouse-post .vae-perf-label {
    display: block;
    font-size: 0.7em !important;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #a0a0b0 !important;
    margin-bottom: 12px;
}

/* Verdict text — proportioned for text verdicts, not numbers */
.vae-gaming-mouse-post .vae-perf-value {
    display: block;
    font-size: 1.1em !important;
    font-weight: 700;
    color: #fff !important;
    margin-bottom: 10px;
    line-height: 1.3;
    letter-spacing: 0.3px;
}

/* Context description */
.vae-gaming-mouse-post .vae-perf-context {
    display: block;
    font-size: 0.82em;
    color: #a0a0b0 !important;
    font-style: italic;
    line-height: 1.4;
}

/* Performance note (italic summary below grid) */
.vae-gaming-mouse-post .vae-perf-note,
.vae-gaming-mouse-post .vae-perf-note p {
    color: #c8c8d8 !important;
    border-top-color: rgba(255,255,255,0.1);
}

@media (max-width: 768px) {
    .vae-gaming-mouse-post .vae-perf-grid {
        grid-template-columns: 1fr;
    }
}

/* ==========================================================================
   SPECS TABLE - Colored header
   ========================================================================== */
.vae-gaming-mouse-post .vae-specs-table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}

.vae-gaming-mouse-post .vae-specs-table th,
.vae-gaming-mouse-post .vae-specs-table td {
    padding: 14px 18px;
    text-align: left;
    border-bottom: 1px solid #eee;
}

.vae-gaming-mouse-post .vae-specs-table th {
    background: var(--vae-accent-color, #2196F3);
    color: #fff;
    font-weight: 600;
}

.vae-gaming-mouse-post .vae-specs-table tr:hover {
    background: #f5f5f5;
}

/* ==========================================================================
   FRESHNESS BADGE
   ========================================================================== */
.vae-gaming-mouse-post .vae-freshness-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #e8f5e9;
    padding: 8px 16px;
    border-radius: 20px;
    font-size: 0.9em;
    color: #2e7d32;
    margin: 15px 0;
}

.vae-gaming-mouse-post .vae-freshness-badge::before {
    content: '✓';
    color: #4caf50;
    font-weight: bold;
}

/* ==========================================================================
   CTA BUTTONS
   ========================================================================== */
.vae-gaming-mouse-post .vae-cta-wrapper {
    text-align: center;
    margin: 30px 0;
}

.vae-gaming-mouse-post .vae-amazon-btn,
.vae-gaming-mouse-post .vae-cta-btn {
    display: inline-block;
    background: linear-gradient(135deg, #ff9900 0%, #ff6600 100%);
    color: #fff !important;
    padding: 15px 35px;
    border-radius: 8px;
    font-weight: bold;
    font-size: 1.1em;
    text-decoration: none !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    border: none;
    cursor: pointer;
}

.vae-gaming-mouse-post .vae-amazon-btn:hover,
.vae-gaming-mouse-post .vae-cta-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgba(255, 153, 0, 0.4);
    color: #fff !important;
}

/* ==========================================================================
   MOBILE RESPONSIVE
   ========================================================================== */
@media (max-width: 768px) {
    .vae-gaming-mouse-post .vae-trust-badges {
        padding: 15px;
        gap: 8px;
    }

    .vae-gaming-mouse-post .vae-trust-badge {
        padding: 8px 12px;
        flex: 1 1 calc(50% - 8px);
        justify-content: center;
    }

    .vae-gaming-mouse-post .vae-key-takeaways,
    .vae-gaming-mouse-post .vae-sensor-specs,
    .vae-gaming-mouse-post .vae-dpi-info,
    .vae-gaming-mouse-post .vae-weight-info,
    .vae-gaming-mouse-post .vae-polling-rate,
    .vae-gaming-mouse-post .vae-grip-styles,
    .vae-gaming-mouse-post .vae-button-layout,
    .vae-gaming-mouse-post .vae-value-tier,
    .vae-gaming-mouse-post .vae-final-verdict {
        padding: 20px;
    }

    .vae-gaming-mouse-post .vae-sensor-grid,
    .vae-gaming-mouse-post .vae-polling-grid,
    .vae-gaming-mouse-post .vae-button-list {
        grid-template-columns: repeat(2, 1fr);
    }

    .vae-gaming-mouse-post .vae-weight-value {
        font-size: 1.6em;
        letter-spacing: -0.01em;
    }

    .vae-gaming-mouse-post .vae-button-number {
        font-size: 1.6em;
        letter-spacing: -0.01em;
    }
}