/*
Theme Name: ExamRanker App Theme
Theme URI: https://examranker.com
Author: Vixera Global
Description: Absolute zero-bloat, high-performance custom theme for ExamRanker. Optimized for WebView and native app experience.
Version: 1.0.0
Text Domain: examranker
*/

/* --- CSS Reset & Base Variables --- */
:root {
    --bg-color: #ffffff;
    --text-color: #333333;
    --primary-color: #0056b3;
}

*, *::before, *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body {
    background-color: var(--bg-color);
    color: var(--text-color);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /* Prevent webview text selection highlighting */
    -webkit-tap-highlight-color: transparent;
}

/* Base Utility Classes */
.container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
}
/* ==========================================================
   🚀 UNIVERSAL GAP KILLER (Vixera & ExamRanker Global Fix)
   ========================================================== */

/* 1. MASTER OVERRIDE: Target ANY section whose ID contains "-premium-" 
   (This automatically catches #vixera-premium-press, #er-premium-about, etc.) */
div[id*="-premium-"] {
    padding-top: 20px !important;
    padding-bottom: 40px !important;
}

/* 2. TOP GAP KILLER: Force the VERY FIRST block inside WP content to kill extra top padding */
.entry-content > *:first-child,
.wp-block-post-content > *:first-child,
.site-main > *:first-child {
    padding-top: 20px !important;
    margin-top: 0 !important;
}

/* 3. BOTTOM GAP KILLER: Force the VERY LAST block to kill extra bottom padding */
.entry-content > *:last-child,
.wp-block-post-content > *:last-child,
.site-main > *:last-child {
    padding-bottom: 40px !important;
    margin-bottom: 0 !important;
}

/* 4. MOBILE EDGE-TO-EDGE FIX (Ultra Tight Spacing) */
@media (max-width: 768px) {
    div[id*="-premium-"],
    .entry-content > *:first-child,
    .wp-block-post-content > *:first-child,
    .site-main > *:first-child {
        padding-top: 10px !important;
    }
    
    div[id*="-premium-"],
    .entry-content > *:last-child,
    .wp-block-post-content > *:last-child,
    .site-main > *:last-child {
        padding-bottom: 20px !important;
    }
}