/*
Theme Name: SchemeDekho Theme
Theme URI: https://schemedekho.com
Author: SchemeDekho
Description: 100% Zero-Bloat Native Dark Theme. Tailwind Ready.
Version: 1.0.0
Text Domain: schemedekho
*/

/* ==========================================================
   🚀 CSS RESET & ROOT VARIABLES (FinTech Dark Theme)
   ========================================================== */
:root {
    --sd-bg:           #0D111A;   /* Main Background */
    --sd-bg-panel:     #111827;   /* Cards / Panels */
    --sd-bg-elevated:  #1a2236;   /* Hover panels */
    --sd-border:       #1e2d45;   /* Subtle borders */
    --sd-text:         #f1f5f9;   /* Primary text */
    --sd-text-muted:   #94a3b8;   /* Secondary text */
    
    /* Updated to Neon Green for SchemeDekho */
    --sd-accent:       #10b981;   /* Neon Emerald Green */
    --sd-accent-hover: #059669;   /* Darker Emerald */
    --sd-danger:       #ef4444;   /* Red - Alerts */
    
    --sd-header-h:     60px;      
}

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

/* ==========================================================
   🚀 SCROLLBAR
   ========================================================== */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: var(--sd-bg); }
::-webkit-scrollbar-thumb { background: #2d3f5c; border-radius: 10px; }
::-webkit-scrollbar-thumb:hover { background: var(--sd-accent); }

/* ==========================================================
   🚀 BASE - KILL WHITE FLASH (FOUC)
   ========================================================== */
html,
body,
body.custom-background,
.site,
.site-content,
#page,
#content,
.site-main {
    background-color: var(--sd-bg) !important;
    background-image: none !important;
}

body {
    color: var(--sd-text);
    font-family: -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", Roboto, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-tap-highlight-color: transparent;
    overflow-x: hidden;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

a {
    color: var(--sd-accent);
    text-decoration: none;
}
a:hover {
    color: var(--sd-accent-hover);
    text-decoration: underline;
}

img {
    max-width: 100%;
    height: auto;
    display: block;
}

/* ==========================================================
   🚀 HIDE DEFAULT THEME HEADER/FOOTER (WP Override)
   ========================================================== */
.site-header,
#masthead,
.site-footer,
#colophon,
.site-info,
.navigation-top {
    display: none !important;
}

/* Kill default theme container max-widths */
.site-content,
.site-inner,
#content,
#primary,
#main,
.container,
.ast-container,
.wrap,
.wrapper,
.entry-content,
.page-content,
.wp-site-blocks,
.type-page,
.post-content,
.wp-block-html {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin: 0 auto !important;
    box-sizing: border-box !important;
    background-color: var(--sd-bg) !important;
}

/* ==========================================================
   🚀 404 / EMPTY STATE (Desi Style)
   ========================================================== */
.sd-empty-state {
    text-align: center;
    padding: 80px 20px;
}
.sd-empty-state h2 {
    font-size: 2rem;
    color: var(--sd-danger);
    margin-bottom: 12px;
}
.sd-empty-state p {
    color: var(--sd-text-muted);
}