/*
Theme Name: ElectroCalc
Theme URI: https://electrocalc.net/
Author: ElectroCalc
Description: Clean modern electrical calculator website theme.
Version: 1.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: electrocalc
*/

:root{--navy:#062d57;--blue:#0d63d8;--yellow:#ffbd12;--text:#12345a;--muted:#607796;--line:#dbe7f2;--soft:#eef7ff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--text);background:#fff;line-height:1.6}a{color:inherit;text-decoration:none}.ec-container{width:min(1180px,92%);margin:auto}

.ec-header{height:80px;background:#fff;border-bottom:1px solid #eef2f6;display:flex;align-items:center}.ec-header-inner{display:flex;align-items:center;justify-content:space-between;gap:25px}.ec-logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:25px;color:var(--navy)}.ec-logo img{width:58px;height:58px}.ec-logo small{display:block;font-size:12px;font-weight:500;color:#57708e;margin-top:-4px}.ec-nav{display:flex;align-items:center;gap:27px;font-size:15px;font-weight:600}.ec-nav a:hover{color:var(--blue)}.ec-nav .active{color:var(--blue);border-bottom:3px solid var(--yellow);padding-bottom:24px}.ec-bookmark{background:var(--yellow);padding:11px 20px;border-radius:24px;color:#17395d;font-weight:800}.ec-mobile{display:none;background:none;border:0;font-size:26px}

/* =========================
   CALCULATORS DROPDOWN
   ========================= */

.ec-dropdown{position:relative;height:80px;display:flex;align-items:center}

.ec-dropdown > a{
 display:flex;
 align-items:center;
 height:80px;
 white-space:nowrap;
}

.ec-dropdown-menu{
 position:absolute;
 top:75px;
 left:0;
 min-width:210px;
 background:#fff;
 border:1px solid var(--line);
 border-radius:10px;
 box-shadow:0 12px 30px rgba(20,60,100,.15);
 padding:8px 0;
 opacity:0;
 visibility:hidden;
 transform:translateY(8px);
 transition:.2s ease;
 z-index:9999;
}

.ec-dropdown-menu a{
 display:block;
 padding:11px 16px;
 color:var(--text);
 font-size:14px;
 font-weight:600;
 white-space:nowrap;
 border:0 !important;
}

.ec-dropdown-menu a:hover{
 background:var(--soft);
 color:var(--blue);
}

.ec-dropdown:hover .ec-dropdown-menu{
 opacity:1;
 visibility:visible;
 transform:translateY(0);
}

.ec-hero{background:linear-gradient(90deg,#052b53 0%,#083e76 58%,#0b4f86 100%);color:#fff;overflow:hidden}.ec-hero-inner{min-height:370px;display:grid;grid-template-columns:1.15fr .85fr;align-items:center}.ec-kicker{color:var(--yellow);font-weight:800;letter-spacing:.8px;font-size:14px}.ec-hero h1{font-size:43px;line-height:1.15;margin:10px 0 15px;max-width:690px}.ec-hero h1 span{color:var(--yellow)}.ec-hero p{font-size:17px;max-width:650px;color:#e9f3ff}.ec-search{display:flex;background:#fff;border-radius:9px;overflow:hidden;max-width:650px;margin:20px 0}.ec-search input{flex:1;border:0;padding:15px 18px;font-size:15px;outline:none}.ec-search button{border:0;background:var(--yellow);padding:0 28px;font-weight:800;color:#16395c}.ec-checks{display:flex;gap:24px;flex-wrap:wrap;font-size:13px}.ec-checks span:before{content:"✓";display:inline-flex;align-items:center;justify-content:center;background:#16c784;color:white;width:19px;height:19px;border-radius:50%;margin-right:7px;font-weight:800}.ec-hero-art{height:100%;min-height:370px;background:linear-gradient(135deg,rgba(255,255,255,.03),rgba(255,255,255,.11));display:flex;align-items:center;justify-content:center;position:relative}.ec-panel{width:75%;background:#173e68;border:1px solid rgba(255,255,255,.16);border-radius:18px;padding:30px;box-shadow:0 20px 60px rgba(0,0,0,.25)}.ec-panel .wire{height:14px;border-radius:10px;background:var(--yellow);margin:12px 0}.ec-panel .wire:nth-child(2){background:#21c8c8}.ec-panel .wire:nth-child(3){background:#20a95a}.ec-warning{font-size:55px;text-align:center;margin:10px}

.ec-section{padding:48px 0}.ec-section h2{text-align:center;font-size:30px;margin:0 0 6px;color:var(--navy)}.ec-sub{text-align:center;color:var(--muted);margin:0 0 30px}.ec-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.ec-card{border:1px solid var(--line);border-radius:12px;padding:20px;background:#fff;min-height:135px;display:flex;gap:15px;transition:.2s;box-shadow:0 4px 15px rgba(20,60,100,.03)}.ec-card:hover{transform:translateY(-3px);box-shadow:0 10px 28px rgba(20,60,100,.1);border-color:#c6d9ec}.ec-icon{width:55px;height:55px;flex:0 0 55px;border-radius:12px;background:var(--blue);color:#fff;display:flex;align-items:center;justify-content:center;font-size:25px;font-weight:900}.ec-card h3{font-size:16px;margin:2px 0 6px;color:var(--navy)}.ec-card p{font-size:13px;color:var(--muted);margin:0}.ec-arrow{margin-left:auto;align-self:flex-end;font-size:24px;color:var(--navy)}

.ec-benefits{background:var(--soft);padding:27px 0}.ec-benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.ec-benefit{display:flex;gap:13px;align-items:center;border-right:1px solid #d5e5f2;padding-right:18px}.ec-benefit:last-child{border:0}.ec-benefit-icon{font-size:28px;color:var(--blue)}.ec-benefit strong{display:block;font-size:14px;color:var(--navy)}.ec-benefit small{color:var(--muted);font-size:12px}

.ec-cta{padding:48px 0;text-align:center}.ec-cta-box{background:#f7fbff;border:1px solid var(--line);border-radius:16px;padding:35px}.ec-cta h2{margin-bottom:8px}.ec-btn{display:inline-block;background:var(--blue);color:#fff;padding:12px 24px;border-radius:8px;font-weight:800;margin-top:10px}

.ec-footer{background:#052c55;color:#fff;padding:30px 0 18px}.ec-footer-top{display:flex;justify-content:space-between;gap:30px;align-items:center}.ec-footer .ec-logo{color:#fff}.ec-footer .ec-logo small{color:#c5d8eb}.ec-footer-nav{display:flex;gap:20px;font-size:13px}.ec-footer-nav a:hover{color:var(--yellow)}.ec-social{display:flex;gap:9px}.ec-social span{width:31px;height:31px;border:1px solid #547494;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px}.ec-footer-bottom{border-top:1px solid #315276;margin-top:20px;padding-top:15px;display:flex;justify-content:space-between;font-size:12px;color:#c5d8eb}

@media(max-width:900px){
 .ec-nav{display:none}
 .ec-mobile{display:block}
 .ec-grid{grid-template-columns:repeat(2,1fr)}
 .ec-benefit-grid{grid-template-columns:repeat(2,1fr)}
 .ec-benefit:nth-child(2){border:0}
 .ec-hero-inner{grid-template-columns:1fr}
 .ec-hero-art{display:none}
 .ec-hero h1{font-size:36px}
 .ec-header{height:70px}
 .ec-logo img{width:50px;height:50px}
}

@media(max-width:600px){
 .ec-grid,.ec-benefit-grid{grid-template-columns:1fr}
 .ec-card{min-height:115px}
 .ec-hero h1{font-size:31px}
 .ec-hero p{font-size:15px}
 .ec-search button{padding:0 17px}
 .ec-checks{gap:10px}
 .ec-footer-top,.ec-footer-bottom{flex-direction:column;align-items:flex-start}
 .ec-footer-nav{flex-wrap:wrap}
 .ec-section{padding:35px 0}
}