/*
Theme Name:  EV Community India
Theme URI:   https://evcommunity.in
Author:      EV Community India
Author URI:  https://evcommunity.in
Description: Modern, fast, secure WordPress theme for Indian Electric Vehicles Community. Features EV calculators, animated EV design, dark theme, and mobile-first layout.
Version:     2.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License:     GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: evcommunity
Tags: blog, news, dark, responsive, custom-logo, custom-menu, featured-images, translation-ready
*/

/* =============================================
   CSS VARIABLES
   ============================================= */
:root {
	--ev-teal:        #00D4AA;
	--ev-teal-dark:   #00A884;
	--ev-teal-glow:   rgba(0,212,170,0.25);
	--ev-blue:        #0066FF;
	--ev-dark:        #060E1A;
	--ev-dark2:       #0D1B2A;
	--ev-dark3:       #112233;
	--ev-surface:     #0F1E30;
	--ev-surface2:    #162840;
	--ev-green:       #00E676;
	--ev-yellow:      #FFD700;
	--ev-orange:      #FF6B00;
	--ev-red:         #FF3B3B;
	--text-main:      #E8F4F0;
	--text-sec:       #7AAFC4;
	--text-muted:     #4A7A96;
	--font-head:      'Exo 2', 'Rajdhani', sans-serif;
	--font-body:      'Nunito', sans-serif;
	--r-sm:  6px;
	--r-md:  12px;
	--r-lg:  20px;
	--r-xl:  32px;
	--r-full:9999px;
	--shadow-card: 0 4px 24px rgba(0,0,0,0.4);
	--shadow-glow: 0 0 20px rgba(0,212,170,0.3);
	--trans: 0.25s ease;
	--header-h: 68px;
}

/* =============================================
   RESET
   ============================================= */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;font-size:16px;-webkit-text-size-adjust:100%}
body{font-family:var(--font-body);background:var(--ev-dark);color:var(--text-main);line-height:1.7;overflow-x:hidden;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:var(--ev-teal);text-decoration:none;transition:color var(--trans)}
a:hover{color:#00FFCC}
a:focus-visible{outline:2px solid var(--ev-teal);outline-offset:3px;border-radius:var(--r-sm)}
ul,ol{list-style:none}
h1,h2,h3,h4,h5,h6{font-family:var(--font-head);font-weight:700;line-height:1.2;color:var(--text-main)}
h1{font-size:clamp(2rem,5vw,3.5rem)}
h2{font-size:clamp(1.5rem,3vw,2.2rem)}
h3{font-size:clamp(1.1rem,2vw,1.5rem)}
h4{font-size:1.15rem}
p{margin-bottom:1rem;color:var(--text-sec)}

/* =============================================
   LAYOUT
   ============================================= */
.container{width:100%;max-width:1280px;margin:0 auto;padding:0 24px}
.site-wrap{padding-top:var(--header-h)}
.content-grid{display:grid;grid-template-columns:1fr 320px;gap:40px;padding:48px 0}
@media(max-width:1024px){.content-grid{grid-template-columns:1fr}}

/* =============================================
   ANIMATED BG
   ============================================= */
.ev-bg{position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 20% 50%,rgba(0,212,170,0.06) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(0,102,255,0.05) 0%,transparent 40%),var(--ev-dark)}
.ev-bg::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(0,212,170,0.025) 1px,transparent 1px),linear-gradient(90deg,rgba(0,212,170,0.025) 1px,transparent 1px);background-size:60px 60px;animation:gridMove 25s linear infinite}
@keyframes gridMove{0%{transform:translate(0,0)}100%{transform:translate(60px,60px)}}

/* =============================================
   HEADER
   ============================================= */
.site-header{position:fixed;top:0;left:0;right:0;z-index:1000;height:var(--header-h);background:rgba(6,14,26,0.95);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(0,212,170,0.12);transition:box-shadow var(--trans)}
.site-header.scrolled{box-shadow:0 2px 32px rgba(0,0,0,0.6)}
.header-wrap{display:flex;align-items:center;justify-content:space-between;height:100%;gap:16px}

/* Logo */
.site-logo-link{display:flex;align-items:center;gap:10px;flex-shrink:0;text-decoration:none}
.logo-bolt{width:38px;height:38px;background:linear-gradient(135deg,var(--ev-teal),var(--ev-blue));border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0;animation:boltPulse 2.5s ease-in-out infinite}
@keyframes boltPulse{0%,100%{box-shadow:0 0 0 0 rgba(0,212,170,0)}50%{box-shadow:0 0 0 6px rgba(0,212,170,0)}}
.logo-text-wrap{line-height:1.1}
.logo-name{display:block;font-family:var(--font-head);font-size:1.1rem;font-weight:800;color:var(--text-main)}
.logo-tagline{display:block;font-size:0.62rem;color:var(--ev-teal);text-transform:uppercase;letter-spacing:0.1em;font-weight:600}

/* Nav */
.main-nav{flex:1;display:flex;align-items:center}
.nav-ul{display:flex;align-items:center;gap:2px;flex-wrap:nowrap}
.nav-ul>li{position:relative}
.nav-ul>li>a{display:flex;align-items:center;gap:4px;padding:6px 11px;font-family:var(--font-head);font-size:0.83rem;font-weight:600;color:var(--text-sec);border-radius:var(--r-sm);white-space:nowrap;transition:all var(--trans)}
.nav-ul>li>a:hover,.nav-ul>li.current-menu-item>a,.nav-ul>li.current-menu-ancestor>a{color:var(--ev-teal);background:rgba(0,212,170,0.08)}
.nav-ul>li>a .arrow{font-size:10px;transition:transform var(--trans)}
.nav-ul>li:hover>a .arrow{transform:rotate(180deg)}

/* Dropdown */
.sub-menu{position:absolute;top:calc(100% + 8px);left:0;min-width:210px;background:var(--ev-dark3);border:1px solid rgba(0,212,170,0.15);border-radius:var(--r-md);padding:6px;opacity:0;visibility:hidden;transform:translateY(-8px);transition:all var(--trans);box-shadow:0 8px 32px rgba(0,0,0,0.5);z-index:200}
.nav-ul>li:hover .sub-menu,.nav-ul>li:focus-within .sub-menu{opacity:1;visibility:visible;transform:translateY(0)}
.sub-menu li a{display:block;padding:8px 12px;font-size:0.84rem;color:var(--text-sec);border-radius:var(--r-sm);transition:all var(--trans)}
.sub-menu li a:hover{color:var(--ev-teal);background:rgba(0,212,170,0.08);padding-left:16px}

/* Header actions */
.header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}
.btn-search-icon{width:36px;height:36px;background:rgba(0,212,170,0.1);border:1px solid rgba(0,212,170,0.2);border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--ev-teal);transition:all var(--trans);font-size:15px}
.btn-search-icon:hover{background:rgba(0,212,170,0.2);box-shadow:var(--shadow-glow)}

/* Hamburger */
.hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px;border-radius:var(--r-sm)}
.hamburger span{display:block;width:22px;height:2px;background:var(--ev-teal);border-radius:2px;transition:all var(--trans)}
.hamburger.is-open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}
.hamburger.is-open span:nth-child(2){opacity:0;transform:scaleX(0)}
.hamburger.is-open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}

/* Mobile nav */
@media(max-width:900px){
	.hamburger{display:flex}
	.main-nav{position:fixed;top:var(--header-h);left:0;right:0;background:var(--ev-dark2);border-bottom:1px solid rgba(0,212,170,0.12);padding:12px;display:none;max-height:calc(100vh - var(--header-h));overflow-y:auto}
	.main-nav.nav-open{display:block}
	.nav-ul{flex-direction:column;align-items:stretch;gap:2px}
	.nav-ul>li>a{font-size:1rem;padding:12px 16px}
	.sub-menu{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;background:rgba(0,212,170,0.04);margin-top:4px}
}

/* =============================================
   BUTTONS
   ============================================= */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 22px;font-family:var(--font-head);font-size:0.88rem;font-weight:700;border-radius:var(--r-md);border:none;cursor:pointer;transition:all var(--trans);text-decoration:none;white-space:nowrap;letter-spacing:0.02em}
.btn-primary{background:linear-gradient(135deg,var(--ev-teal),var(--ev-teal-dark));color:var(--ev-dark);box-shadow:0 4px 14px rgba(0,212,170,0.3)}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,212,170,0.45);color:var(--ev-dark)}
.btn-outline{background:transparent;color:var(--ev-teal);border:1.5px solid rgba(0,212,170,0.35)}
.btn-outline:hover{background:rgba(0,212,170,0.08);border-color:var(--ev-teal);transform:translateY(-2px)}
.btn-sm{padding:8px 16px;font-size:0.8rem}

/* =============================================
   HERO
   ============================================= */
.hero{position:relative;min-height:88vh;display:flex;align-items:center;overflow:hidden;padding:64px 0}
.hero-inner{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
@media(max-width:900px){.hero-inner{grid-template-columns:1fr}.hero-visual{display:none}}
.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;background:rgba(0,212,170,0.1);border:1px solid rgba(0,212,170,0.25);border-radius:var(--r-full);font-size:0.78rem;font-weight:700;color:var(--ev-teal);letter-spacing:0.05em;text-transform:uppercase;margin-bottom:20px}
.hero-badge .live-dot{width:6px;height:6px;background:var(--ev-green);border-radius:50%;animation:livePulse 1.5s ease-in-out infinite}
@keyframes livePulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:0.4;transform:scale(0.7)}}
.hero-title{font-size:clamp(2.2rem,5vw,3.6rem);font-weight:800;line-height:1.1;margin-bottom:20px}
.grad-text{background:linear-gradient(135deg,var(--ev-teal),#3399FF);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.hero-desc{font-size:1.05rem;color:var(--text-sec);margin-bottom:32px;max-width:500px}
.hero-btns{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:40px}
.hero-stats{display:flex;gap:32px;flex-wrap:wrap}
.stat-num{font-family:var(--font-head);font-size:1.7rem;font-weight:800;color:var(--ev-teal);display:block}
.stat-lbl{font-size:0.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.08em}

/* EV Car SVG */
.hero-visual{display:flex;align-items:center;justify-content:center}
.ev-car-wrap{width:100%;animation:carFloat 4s ease-in-out infinite}
@keyframes carFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}

/* =============================================
   TOOLS STRIP
   ============================================= */
.tools-strip{background:var(--ev-dark2);border-top:1px solid rgba(0,212,170,0.07);border-bottom:1px solid rgba(0,212,170,0.07);padding:16px 0}
.tools-scroll{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;cursor:grab}
.tools-scroll::-webkit-scrollbar{display:none}
.tools-scroll:active{cursor:grabbing}
.tool-pill{display:flex;align-items:center;gap:7px;padding:9px 16px;background:var(--ev-surface);border:1px solid rgba(0,212,170,0.1);border-radius:var(--r-full);white-space:nowrap;font-size:0.8rem;font-weight:600;color:var(--text-sec);transition:all var(--trans);flex-shrink:0;font-family:var(--font-head)}
.tool-pill:hover{background:rgba(0,212,170,0.1);border-color:var(--ev-teal);color:var(--ev-teal);transform:translateY(-2px)}

/* =============================================
   SECTIONS
   ============================================= */
.section{padding:64px 0}
.section-alt{background:linear-gradient(180deg,transparent 0%,rgba(0,212,170,0.02) 50%,transparent 100%)}
.section-top{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:36px;gap:16px;flex-wrap:wrap}
.section-label{display:block;font-size:0.72rem;font-weight:700;color:var(--ev-teal);letter-spacing:0.12em;text-transform:uppercase;margin-bottom:8px}
.section-title{font-size:clamp(1.4rem,3vw,2rem);font-weight:800}

/* =============================================
   POST CARDS
   ============================================= */
.posts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.posts-grid.grid-featured{grid-template-columns:1.6fr 1fr 1fr;grid-template-rows:auto auto}
.posts-grid.grid-featured .post-card:first-child{grid-row:span 2}
@media(max-width:1024px){.posts-grid,.posts-grid.grid-featured{grid-template-columns:repeat(2,1fr)}.posts-grid.grid-featured .post-card:first-child{grid-row:span 1}}
@media(max-width:600px){.posts-grid,.posts-grid.grid-featured{grid-template-columns:1fr}}

.post-card{background:var(--ev-surface);border:1px solid rgba(0,212,170,0.07);border-radius:var(--r-lg);overflow:hidden;transition:all var(--trans);display:flex;flex-direction:column}
.post-card:hover{transform:translateY(-4px);border-color:rgba(0,212,170,0.22);box-shadow:var(--shadow-card),0 0 0 1px rgba(0,212,170,0.08)}
.card-img{position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--ev-dark3)}
.card-img img{width:100%;height:100%;object-fit:cover;transition:transform 0.4s ease}
.post-card:hover .card-img img{transform:scale(1.04)}
.card-cat{position:absolute;top:12px;left:12px;padding:4px 10px;background:var(--ev-teal);color:var(--ev-dark);font-size:0.7rem;font-weight:700;border-radius:var(--r-full);text-transform:uppercase;letter-spacing:0.06em;font-family:var(--font-head)}
.card-body{padding:20px;flex:1;display:flex;flex-direction:column}
.card-meta{display:flex;align-items:center;gap:12px;font-size:0.76rem;color:var(--text-muted);margin-bottom:8px}
.card-title{font-size:0.98rem;font-weight:700;line-height:1.35;margin-bottom:8px;color:var(--text-main);transition:color var(--trans)}
.post-card:hover .card-title{color:var(--ev-teal)}
.card-excerpt{font-size:0.82rem;color:var(--text-muted);line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex:1;margin-bottom:0}
.card-foot{padding:12px 20px;border-top:1px solid rgba(0,212,170,0.06);display:flex;align-items:center;justify-content:space-between}
.read-more{font-size:0.8rem;font-weight:700;color:var(--ev-teal);font-family:var(--font-head);letter-spacing:0.03em;display:inline-flex;align-items:center;gap:4px;transition:gap var(--trans)}
.read-more:hover{gap:8px;color:#00FFCC}

/* =============================================
   CALCULATORS GRID
   ============================================= */
.calc-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
@media(max-width:1100px){.calc-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:900px){.calc-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:600px){.calc-grid{grid-template-columns:repeat(2,1fr)}}

.calc-card{background:var(--ev-surface);border:1px solid rgba(0,212,170,0.08);border-radius:var(--r-lg);padding:24px 16px;text-align:center;transition:all var(--trans);display:flex;flex-direction:column;align-items:center;gap:12px;position:relative;overflow:hidden}
.calc-card::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,212,170,0.04),transparent);opacity:0;transition:opacity var(--trans)}
.calc-card:hover{transform:translateY(-5px);border-color:var(--ev-teal);box-shadow:var(--shadow-glow),var(--shadow-card)}
.calc-card:hover::before{opacity:1}
.calc-icon{width:56px;height:56px;border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;font-size:24px}
.ic-teal  {background:rgba(0,212,170,0.12);border:1px solid rgba(0,212,170,0.2)}
.ic-blue  {background:rgba(0,102,255,0.12);border:1px solid rgba(0,102,255,0.2)}
.ic-gold  {background:rgba(255,215,0,0.1);border:1px solid rgba(255,215,0,0.2)}
.ic-green {background:rgba(0,230,118,0.1);border:1px solid rgba(0,230,118,0.2)}
.ic-orange{background:rgba(255,107,0,0.1);border:1px solid rgba(255,107,0,0.2)}
.ic-red   {background:rgba(255,59,59,0.1);border:1px solid rgba(255,59,59,0.2)}
.ic-purple{background:rgba(147,51,234,0.1);border:1px solid rgba(147,51,234,0.2)}
.ic-cyan  {background:rgba(6,182,212,0.1);border:1px solid rgba(6,182,212,0.2)}
.ic-pink  {background:rgba(236,72,153,0.1);border:1px solid rgba(236,72,153,0.2)}
.ic-lime  {background:rgba(132,204,22,0.1);border:1px solid rgba(132,204,22,0.2)}
.calc-card h3{font-size:0.85rem;font-weight:700;line-height:1.3}
.calc-card p{font-size:0.76rem;color:var(--text-muted);margin-bottom:0}

/* =============================================
   CATEGORIES CARDS
   ============================================= */
.cat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
@media(max-width:900px){.cat-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:500px){.cat-grid{grid-template-columns:1fr 1fr}}
.cat-card{background:var(--ev-surface);border:1px solid rgba(0,212,170,0.08);border-radius:var(--r-lg);padding:28px 20px;text-align:center;transition:all var(--trans);display:flex;flex-direction:column;align-items:center;gap:12px;text-decoration:none}
.cat-card:hover{transform:translateY(-4px);border-color:rgba(0,212,170,0.3);box-shadow:var(--shadow-glow)}
.cat-card .cat-icon{font-size:36px;line-height:1}
.cat-card h3{font-size:1rem;color:var(--text-main)}
.cat-card p{font-size:0.8rem;color:var(--text-muted);margin:0}

/* =============================================
   CATEGORY FILTER TABS
   ============================================= */
.filter-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:28px}
.filter-tab{padding:7px 16px;background:var(--ev-surface);border:1px solid rgba(0,212,170,0.1);border-radius:var(--r-full);font-size:0.8rem;font-weight:600;color:var(--text-sec);cursor:pointer;transition:all var(--trans);font-family:var(--font-head);letter-spacing:0.02em}
.filter-tab:hover,.filter-tab.active{background:var(--ev-teal);color:var(--ev-dark);border-color:var(--ev-teal)}

/* =============================================
   SIDEBAR
   ============================================= */
.sidebar{display:flex;flex-direction:column;gap:24px}
.widget-box{background:var(--ev-surface);border:1px solid rgba(0,212,170,0.07);border-radius:var(--r-lg);overflow:hidden}
.widget-head{font-size:0.8rem;font-weight:700;color:var(--ev-teal);text-transform:uppercase;letter-spacing:0.1em;padding:14px 20px;border-bottom:1px solid rgba(0,212,170,0.07);font-family:var(--font-head)}
.widget-inner{padding:16px}
.w-post{display:flex;gap:12px;padding:8px;border-radius:var(--r-md);transition:background var(--trans)}
.w-post:hover{background:rgba(0,212,170,0.06)}
.w-post img{width:60px;height:60px;object-fit:cover;border-radius:var(--r-sm);flex-shrink:0}
.w-post-info{display:flex;flex-direction:column;gap:4px}
.w-post-info a{font-size:0.8rem;font-weight:600;color:var(--text-main);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.w-post-info time{font-size:0.72rem;color:var(--text-muted)}
.w-cats li{border-bottom:1px solid rgba(0,212,170,0.05)}
.w-cats li:last-child{border:none}
.w-cats a{display:flex;align-items:center;justify-content:space-between;padding:9px 16px;font-size:0.83rem;color:var(--text-sec);transition:all var(--trans);border-radius:var(--r-sm)}
.w-cats a:hover{color:var(--ev-teal);padding-left:20px}
.w-count{background:rgba(0,212,170,0.1);color:var(--ev-teal);font-size:0.7rem;font-weight:700;padding:2px 7px;border-radius:var(--r-full)}
.station-box{background:linear-gradient(135deg,var(--ev-surface),rgba(0,102,255,0.08));border:1px solid rgba(0,102,255,0.2);border-radius:var(--r-lg);padding:24px;text-align:center}
.station-icon{font-size:38px;animation:chargeGlow 2s ease-in-out infinite;margin-bottom:12px}
@keyframes chargeGlow{0%,100%{filter:drop-shadow(0 0 8px rgba(0,230,118,0.4))}50%{filter:drop-shadow(0 0 18px rgba(0,212,170,0.8))}}
.station-box h3{font-size:1rem;margin-bottom:6px}
.station-box p{font-size:0.82rem;color:var(--text-muted);margin-bottom:16px}

/* =============================================
   SINGLE POST
   ============================================= */
.post-header{padding:40px 0 24px}
.post-cat-badge{display:inline-flex;padding:5px 14px;background:rgba(0,212,170,0.1);color:var(--ev-teal);border-radius:var(--r-full);font-size:0.78rem;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;margin-bottom:16px;font-family:var(--font-head)}
.post-header h1{margin-bottom:20px}
.post-meta{display:flex;align-items:center;gap:20px;flex-wrap:wrap;font-size:0.82rem;color:var(--text-muted);padding-bottom:20px;border-bottom:1px solid rgba(0,212,170,0.07);margin-bottom:28px}
.feat-img{border-radius:var(--r-lg);overflow:hidden;margin-bottom:28px;aspect-ratio:16/8}
.feat-img img{width:100%;height:100%;object-fit:cover}
.post-body{font-size:1rem;line-height:1.85;color:var(--text-sec)}
.post-body h2,.post-body h3,.post-body h4{margin:2rem 0 1rem;color:var(--text-main)}
.post-body p{margin-bottom:1.2rem}
.post-body a{color:var(--ev-teal);border-bottom:1px solid rgba(0,212,170,0.3)}
.post-body blockquote{border-left:4px solid var(--ev-teal);padding:16px 24px;background:rgba(0,212,170,0.05);border-radius:0 var(--r-md) var(--r-md) 0;margin:24px 0;font-style:italic}
.post-body ul,.post-body ol{margin:12px 0 20px 24px;color:var(--text-sec)}
.post-body ul{list-style:disc}
.post-body ol{list-style:decimal}
.post-body li{margin-bottom:6px}
.post-body table{width:100%;border-collapse:collapse;margin:20px 0}
.post-body th{background:rgba(0,212,170,0.1);color:var(--ev-teal);padding:10px 16px;text-align:left;font-size:0.8rem;text-transform:uppercase;letter-spacing:0.05em}
.post-body td{padding:10px 16px;border-bottom:1px solid rgba(0,212,170,0.06);color:var(--text-sec)}
.post-body img{border-radius:var(--r-md)}
.post-body code{background:var(--ev-dark3);padding:2px 6px;border-radius:4px;font-size:0.9em}
.post-body pre{background:var(--ev-dark3);padding:16px;border-radius:var(--r-md);overflow-x:auto;margin:20px 0}

/* Alignments */
.alignwide{margin-left:calc(-5vw);margin-right:calc(-5vw)}
.alignfull{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);width:100vw}
@media(max-width:768px){.alignwide{margin:0}}

/* Tags */
.post-tags{margin-top:24px;padding-top:20px;border-top:1px solid rgba(0,212,170,0.07)}
.post-tag{display:inline-flex;margin:3px;padding:4px 12px;background:rgba(0,212,170,0.07);border:1px solid rgba(0,212,170,0.14);border-radius:var(--r-full);font-size:0.76rem;color:var(--ev-teal);transition:all var(--trans)}
.post-tag:hover{background:rgba(0,212,170,0.15)}

/* Author box */
.author-box{margin-top:32px;padding:24px;background:var(--ev-surface);border:1px solid rgba(0,212,170,0.08);border-radius:var(--r-lg);display:flex;gap:20px;align-items:flex-start}
.author-box img{border-radius:50%;border:2px solid rgba(0,212,170,0.3);flex-shrink:0}
.author-name{font-family:var(--font-head);font-weight:700;color:var(--text-main);display:block;margin-bottom:4px}

/* Post nav */
.post-nav{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:32px}
@media(max-width:600px){.post-nav{grid-template-columns:1fr}}
.post-nav a{background:var(--ev-surface);border:1px solid rgba(0,212,170,0.08);border-radius:var(--r-md);padding:16px;transition:all var(--trans);text-decoration:none}
.post-nav a:hover{border-color:rgba(0,212,170,0.25);transform:translateY(-2px)}
.post-nav-label{font-size:0.72rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.08em;display:block;margin-bottom:4px}
.post-nav-title{font-size:0.88rem;font-weight:600;color:var(--text-main);line-height:1.3}

/* =============================================
   BREADCRUMBS
   ============================================= */
.breadcrumbs{display:flex;align-items:center;gap:8px;font-size:0.78rem;color:var(--text-muted);padding:12px 0;flex-wrap:wrap}
.breadcrumbs a{color:var(--text-muted);transition:color var(--trans)}
.breadcrumbs a:hover{color:var(--ev-teal)}
.bc-sep{color:rgba(0,212,170,0.3)}
.bc-current{color:var(--ev-teal)}

/* =============================================
   PAGINATION
   ============================================= */
.pagination{display:flex;align-items:center;justify-content:center;gap:8px;padding:48px 0;flex-wrap:wrap}
.page-numbers{display:flex;align-items:center;justify-content:center;min-width:38px;height:38px;padding:0 10px;background:var(--ev-surface);border:1px solid rgba(0,212,170,0.1);border-radius:var(--r-sm);font-size:0.83rem;font-weight:600;color:var(--text-sec);transition:all var(--trans);font-family:var(--font-head)}
.page-numbers:hover,.page-numbers.current{background:var(--ev-teal);color:var(--ev-dark);border-color:var(--ev-teal)}

/* =============================================
   SEARCH OVERLAY
   ============================================= */
.search-overlay{position:fixed;inset:0;z-index:2000;background:rgba(6,14,26,0.96);backdrop-filter:blur(16px);display:flex;align-items:flex-start;justify-content:center;padding-top:100px;opacity:0;visibility:hidden;transition:all var(--trans)}
.search-overlay.is-open{opacity:1;visibility:visible}
.search-wrap{width:100%;max-width:600px;padding:0 24px}
.search-wrap .search-field{width:100%;padding:16px 22px;background:var(--ev-surface);border:2px solid var(--ev-teal);border-radius:var(--r-lg);font-size:1.1rem;color:var(--text-main);font-family:var(--font-head);outline:none;box-shadow:var(--shadow-glow)}
.search-wrap .search-field::placeholder{color:var(--text-muted)}
.search-results-list{margin-top:8px;background:var(--ev-dark3);border:1px solid rgba(0,212,170,0.15);border-radius:var(--r-md);overflow:hidden}
.search-result-item{display:flex;gap:12px;align-items:center;padding:10px 16px;border-bottom:1px solid rgba(0,212,170,0.06);text-decoration:none;transition:background var(--trans)}
.search-result-item:last-child{border:none}
.search-result-item:hover{background:rgba(0,212,170,0.06)}
.search-result-item img{width:46px;height:46px;object-fit:cover;border-radius:var(--r-sm);flex-shrink:0}
.sri-title{font-size:0.83rem;font-weight:600;color:var(--text-main);display:block;line-height:1.3}
.sri-cat{font-size:0.72rem;color:var(--ev-teal)}
.search-close{position:absolute;top:24px;right:24px;background:rgba(0,212,170,0.1);border:1px solid rgba(0,212,170,0.2);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--ev-teal);font-size:18px;transition:all var(--trans)}
.search-close:hover{background:rgba(0,212,170,0.2)}

/* =============================================
   LOAD MORE
   ============================================= */
.load-more-wrap{text-align:center;padding:32px 0}
.btn-load-more{background:var(--ev-surface);border:1.5px solid rgba(0,212,170,0.25);color:var(--ev-teal);font-family:var(--font-head);font-size:0.9rem;font-weight:700;padding:12px 32px;border-radius:var(--r-full);cursor:pointer;transition:all var(--trans)}
.btn-load-more:hover{background:rgba(0,212,170,0.1);border-color:var(--ev-teal);transform:translateY(-2px)}
.btn-load-more:disabled{opacity:0.5;cursor:not-allowed;transform:none}

/* =============================================
   FOOTER
   ============================================= */
.site-footer{background:var(--ev-dark2);border-top:1px solid rgba(0,212,170,0.08);padding:64px 0 24px;margin-top:64px}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:48px;margin-bottom:48px}
@media(max-width:1024px){.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.footer-grid{grid-template-columns:1fr}}
.footer-about{font-size:0.83rem;color:var(--text-muted);line-height:1.7;margin:12px 0 20px}
.footer-col-title{font-size:0.78rem;font-weight:700;color:var(--text-main);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:16px;font-family:var(--font-head)}
.footer-links li{margin-bottom:8px}
.footer-links a{font-size:0.83rem;color:var(--text-muted);transition:all var(--trans);display:flex;align-items:center;gap:6px}
.footer-links a:hover{color:var(--ev-teal);padding-left:4px}
.social-row{display:flex;gap:8px;margin-top:4px}
.social-btn{width:38px;height:38px;background:var(--ev-surface);border:1px solid rgba(0,212,170,0.12);border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;font-size:15px;transition:all var(--trans)}
.social-btn:hover{background:rgba(0,212,170,0.12);border-color:var(--ev-teal);transform:translateY(-2px);box-shadow:var(--shadow-glow)}
.footer-bottom{border-top:1px solid rgba(0,212,170,0.06);padding-top:24px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}
.footer-bottom p{font-size:0.78rem;color:var(--text-muted);margin:0}
.footer-disclaimer{font-size:0.74rem;color:var(--text-muted);background:rgba(0,212,170,0.03);border:1px solid rgba(0,212,170,0.07);border-radius:var(--r-sm);padding:12px 16px;margin-top:24px;line-height:1.6}

/* =============================================
   404
   ============================================= */
.page-404{text-align:center;padding:80px 0}
.err-code{font-size:clamp(5rem,12vw,8rem);font-weight:800;font-family:var(--font-head);background:linear-gradient(135deg,var(--ev-teal),var(--ev-blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}
.err-icon{font-size:52px;margin:16px 0;animation:carFloat 3s ease-in-out infinite}
.err-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:28px}

/* =============================================
   ACCESSIBILITY
   ============================================= */
.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:absolute;top:-9999px;left:16px;background:var(--ev-teal);color:var(--ev-dark);padding:8px 16px;border-radius:var(--r-sm);font-weight:700;z-index:9999;text-decoration:none}
.skip-link:focus{top:16px}

/* =============================================
   ANIMATIONS
   ============================================= */
@keyframes fadeUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
.anim{opacity:0;transform:translateY(20px);transition:opacity 0.5s ease,transform 0.5s ease}
.anim.visible{opacity:1;transform:translateY(0)}
.delay-1{transition-delay:0.1s}
.delay-2{transition-delay:0.15s}
.delay-3{transition-delay:0.2s}
.delay-4{transition-delay:0.25s}
.delay-5{transition-delay:0.3s}
.delay-6{transition-delay:0.35s}

/* =============================================
   GUTENBERG
   ============================================= */
.wp-block-image img{border-radius:var(--r-md)}
.wp-block-quote{border-left:4px solid var(--ev-teal);background:rgba(0,212,170,0.04);padding:16px 24px;border-radius:0 var(--r-md) var(--r-md) 0}
.wp-block-code{background:var(--ev-dark3);border:1px solid rgba(0,212,170,0.1);border-radius:var(--r-md)}
.has-text-color.has-ev-teal-color{color:var(--ev-teal)}
.has-background.has-ev-dark-background-color{background-color:var(--ev-dark)}

/* =============================================
   WOOCOMMERCE BASICS
   ============================================= */
.woocommerce .woocommerce-products-header h1{font-family:var(--font-head)}
.woocommerce ul.products li.product a.button,.woocommerce #respond input#submit,.woocommerce a.button,.woocommerce button.button{background:var(--ev-teal);color:var(--ev-dark);font-family:var(--font-head);border-radius:var(--r-md);font-weight:700;border:none;padding:10px 20px;cursor:pointer;transition:all var(--trans)}
.woocommerce ul.products li.product a.button:hover,.woocommerce a.button:hover{background:var(--ev-teal-dark)}

/* =============================================
   PRINT
   ============================================= */
@media print{.site-header,.site-footer,.sidebar,.tools-strip{display:none}.content-grid{grid-template-columns:1fr}body{background:#fff;color:#000}}