/*
Theme Name: eTechScience
Theme URI: https://etechscience.com
Author: eTechScience Development Team
Author URI: https://etechscience.com
Description: A modern, ultra-fast, premium magazine and publication WordPress theme designed specifically for technology, science, artificial intelligence, cybersecurity, gadgets, and digital trends. Built with Core Web Vitals optimization, deep SEO architecture, native Gutenberg integration, and Google AdSense revenue maximization.
Version: 1.0.19
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: etechscience
Tags: technology, news, magazine, science, blog, grid-layout, two-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, featured-images, flexible-header, footer-widgets, full-width-template, theme-options, translation-ready, accessibility-ready
*/

/* ==========================================================================
   eTechScience Base CSS Variables & Dual-Mode System
   ========================================================================== */

:root,
[data-theme="light"] {
  --ets-primary: #101828;
  --ets-heading: #0F172A;
  --ets-text: #334155;
  --ets-text-secondary: #64748B;
  --ets-text-muted: #596780;
  --ets-secondary: #2563EB;
  --ets-secondary-hover: #1D4ED8;
  --ets-accent: #06B6D4;
  --ets-accent-hover: #0891B2;
  --ets-bg: #FFFFFF;
  --ets-bg-secondary: #F8FAFC;
  --ets-bg-tertiary: #F1F5F9;
  --ets-surface: #FFFFFF;
  --ets-header-bg: #FFFFFF;
  --ets-footer-bg: #0B0F19;
  --ets-border: #E2E8F0;
  --ets-border-light: #F1F5F9;
  --ets-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --ets-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.07), 0 2px 4px -2px rgba(0, 0, 0, 0.05);
  --ets-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.08), 0 4px 6px -4px rgba(0, 0, 0, 0.04);
  --ets-radius-sm: 4px;
  --ets-radius: 8px;
  --ets-radius-lg: 12px;
  --ets-radius-full: 9999px;
  --ets-content-width: 800px;
  --ets-wide-width: 1280px;
  --ets-sidebar-width: 340px;
  --ets-font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --ets-font-heading: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --ets-transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

[data-theme="dark"] {
  --ets-primary: #38BDF8;
  --ets-heading: #FFFFFF;
  --ets-text: #E2E8F0;
  --ets-text-secondary: #94A3B8;
  --ets-text-muted: #64748B;
  --ets-secondary: #3B82F6;
  --ets-secondary-hover: #60A5FA;
  --ets-accent: #22D3EE;
  --ets-accent-hover: #67E8F9;
  --ets-bg: #090D16;
  --ets-bg-secondary: #0F172A;
  --ets-bg-tertiary: #1E293B;
  --ets-surface: #141D2E;
  --ets-header-bg: #0D1322;
  --ets-footer-bg: #070A10;
  --ets-border: #1E293B;
  --ets-border-light: #162032;
  --ets-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.4);
  --ets-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.5);
  --ets-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.6);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --ets-primary: #38BDF8;
    --ets-heading: #FFFFFF;
    --ets-text: #E2E8F0;
    --ets-text-secondary: #94A3B8;
    --ets-text-muted: #64748B;
    --ets-secondary: #3B82F6;
    --ets-secondary-hover: #60A5FA;
    --ets-accent: #22D3EE;
    --ets-accent-hover: #67E8F9;
    --ets-bg: #090D16;
    --ets-bg-secondary: #0F172A;
    --ets-bg-tertiary: #1E293B;
    --ets-surface: #141D2E;
    --ets-header-bg: #0D1322;
    --ets-footer-bg: #070A10;
    --ets-border: #1E293B;
    --ets-border-light: #162032;
    --ets-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.4);
    --ets-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.5);
    --ets-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.6);
  }
}

/* ==========================================================================
   Navigation & Dropdown Zero-Bullet Universal Reset
   ========================================================================== */
nav ul,
nav ol,
.ets-main-nav ul,
.ets-main-nav ol,
.ets-menu-list,
.ets-menu-list ul,
.sub-menu,
.sub-menu li,
.menu-item,
.page_item {
  list-style: none !important;
  list-style-type: none !important;
}