/*
Theme Name: SarkariResults Premium App Theme
Theme URI: https://sarkariresults.biz
Author: Vixera Global
Description: Absolute zero-bloat, high-performance custom theme for Sarkari Results. Optimized for Native App experience, 1450px Premium layouts, and Pure Light UI.
Version: 1.2.0
Text Domain: sarkariresults
*/

/* --- 🚀 CSS Reset & Base Variables (Pure Light Theme) --- */
:root {
    --sr-bg-color: #ffffff;
    --sr-text-main: #0f172a;
    --sr-text-muted: #64748b;
    --sr-primary-color: #0056b3;
}

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

/* 🚀 PREMIUM SCROLLBAR */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #f8fafc; }
::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 10px; }
::-webkit-scrollbar-thumb:hover { background: #94a3b8; }

/* 🚀 FORCE PURE WHITE BACKGROUND ACROSS ENTIRE SITE */
html, 
body, 
body.custom-background, 
.site, 
.site-content, 
#page, 
#content,
.site-main {
    background-color: var(--sr-bg-color) !important;
    background-image: none !important;
}

body {
    color: var(--sr-text-main);
    font-family: -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-tap-highlight-color: transparent;
    overflow-x: hidden;
}

/* 🚀 BASE UTILITY */
.container {
    width: 100%;
    max-width: 1450px;
    margin: 0 auto;
    padding: 0 25px; /* Desktop Padding */
}

/* ==========================================================
   🚀 SMART UNIVERSAL GAP KILLER 
   ========================================================== */
div[id*="-premium-"] {
    padding-top: 20px;
    padding-bottom: 40px;
}

.entry-content > *:first-child:not(.sr-desk-hero-wrapper):not([class*="-banner"]),
.wp-block-post-content > *:first-child:not(.sr-desk-hero-wrapper):not([class*="-banner"]),
.site-main > *:first-child:not(.sr-desk-hero-wrapper):not([class*="-banner"]) {
    padding-top: 20px !important;
    margin-top: 0 !important;
}

.entry-content > *:last-child,
.wp-block-post-content > *:last-child,
.site-main > *:last-child {
    padding-bottom: 40px !important;
    margin-bottom: 0 !important;
}

/* ==========================================================
   📱 ULTRA AGGRESSIVE MOBILE EDGE-TO-EDGE FIX
   ========================================================== */
@media (max-width: 767px) {
    
    /* 🔥 1. KILL ALL THEME PADDINGS/MARGINS: 
       Isse WordPress theme ki default padding poori tarah zero (0) ho jayegi */
    .site-content, .site-inner, #content, #page, .site-main,
    .container, .ast-container, .grid-container, .wrap,
    .entry-content, .post-inner, .type-post, .type-page {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        max-width: 100vw !important;
        width: 100% !important;
        overflow-x: hidden !important;
    }

    /* 🔥 2. ADD EXACT MICRO-GAP: 
       Ab sirf hamare custom content blocks ko 6px ka safe margin milega */
    .sr-post-content,
    .sr-1250-container,
    .sr-app-breakout > .sr-master-container {
        padding-left: 8px !important;
        padding-right: 8px !important;
        box-sizing: border-box !important;
        width: 100% !important;
    }

    /* 🔥 3. FIX TABLES ON MOBILE: 
       Table ko forcefully poori screen stretch karne ke liye */
    .sr-table-responsive {
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100% !important;
        border-radius: 8px !important;
        border-left: none !important;
        border-right: none !important;
    }

    /* 🔥 4. APP NAV SAFE AREA (Bottom Space) */
    div[id*="-premium-"],
    .entry-content > *:last-child,
    .wp-block-post-content > *:last-child,
    .site-main > *:last-child {
        padding-bottom: 100px !important; 
        margin-bottom: 0 !important;
    }
}