/*
Theme Name: EVCheck Pro (Child of Hello Elementor)
Theme URI: https://evcheck.in
Description: Ultra-fast, SEO-optimized, mobile-responsive theme for EVCheck.in BPAN verification and EV safety guide. Zero Elementor dependency. Built to 10up and WordPress VIP senior engineering standards.
Author: EVCheck Team
Author URI: https://evcheck.in
Template: hello-elementor
Version: 4.1.0
Text Domain: evcheck
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* ══════════════════════════════════════════════════════════════════════
   EVCHECK DESIGN SYSTEM & TOKENS
   ══════════════════════════════════════════════════════════════════════ */
:root {
    /* Brand Colors */
    --ev-green: #00C896;
    --ev-green-hover: #00B083;
    --ev-green-dark: #047857;
    --ev-green-light: #E6FAF5;
    --ev-green-border: rgba(0, 200, 150, 0.25);

    /* Neutral & Background Colors */
    --ev-dark: #111827;
    --ev-dark-surface: #1F2937;
    --ev-dark-card: #1E293B;
    --ev-gray-900: #111827;
    --ev-gray-800: #1F2937;
    --ev-gray-700: #374151;
    --ev-gray-600: #4B5563;
    --ev-gray-500: #4B5563;
    --ev-gray-400: #6B7280;
    --ev-gray-300: #D1D5DB;
    --ev-gray-200: #E5E7EB;
    --ev-gray-100: #F3F4F6;
    --ev-gray-50:  #F9FAFB;
    --ev-border: #E0E6E4;
    --ev-bg: #F8FAFC;
    --ev-white: #FFFFFF;

    /* Semantic Status Colors */
    --ev-safe-bg: #E6FAF5;
    --ev-safe-text: #065F46;
    --ev-safe-border: #A7F3D0;
    --ev-warn-bg: #FFFBEB;
    --ev-warn-text: #92400E;
    --ev-warn-border: #FDE68A;
    --ev-danger-bg: #FEF2F2;
    --ev-danger-text: #DC2626;
    --ev-danger-border: #FECACA;

    /* Typography */
    --ev-font-sans: 'DM Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --ev-font-mono: 'JetBrains Mono', SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;

    /* Layout & Sizing */
    --ev-container-max: 1200px;
    --ev-container-narrow: 840px;
    --ev-container-reading: 760px;
    --ev-header-height: 68px;

    /* Radii & Shadows */
    --ev-radius-sm: 6px;
    --ev-radius-md: 10px;
    --ev-radius-lg: 16px;
    --ev-radius-xl: 24px;
    --ev-radius-full: 9999px;
    --ev-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.05);
    --ev-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06);
    --ev-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.04);
    --ev-shadow-lg: 0 10px 25px -3px rgba(0, 0, 0, 0.08), 0 4px 6px -2px rgba(0, 0, 0, 0.04);
    --ev-shadow-xl: 0 20px 35px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    --ev-transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

/* ── Universal Reset & Viewport Containment ──────────────────────────── */
html {
    overflow-x: hidden;
    width: 100%;
    -webkit-text-size-adjust: 100%;
}

body {
    overflow-x: hidden;
    width: 100%;
    position: relative;
}

/* Universal Button Reset against Parent Themes & Elementor Kit leaks */
button,
input[type="button"],
input[type="submit"],
input[type="reset"] {
    border: none;
    background: transparent;
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    cursor: pointer;
    outline: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}