/*
Theme Name: Solar Shark
Description: High-converting solar company theme. Elementor-ready, multi-page, savings calculator, testimonials. Activate karte hi pages, menu aur content ban jata hai.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: solarshark
*/
:root{--ss-navy:#102a5c;--ss-blue:#1d5fb8;--ss-teal:#0a8fa0;--ss-green:#3aa66a;--ss-ink:#1a2b4a;--ss-muted:#566a85;--ss-soft:#eef5fc}
*{box-sizing:border-box}
body{margin:0;font-family:'Montserrat',system-ui,sans-serif;color:var(--ss-ink);background:#fff;line-height:1.65}
img{max-width:100%;height:auto}
a{color:var(--ss-blue)}
h1,h2,h3,h4{color:var(--ss-navy);line-height:1.15;margin-top:0}
.ss-wrap{width:min(1180px,92%);margin-inline:auto}
/* header */
.ss-header{position:sticky;top:0;z-index:60;background:rgba(14,38,84,.9);backdrop-filter:blur(10px)}
.ss-header .ss-wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 0}
.ss-logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:#fff;font-weight:800;letter-spacing:.04em;font-size:20px}
.ss-logo svg{width:40px;height:30px}
.ss-logo i{font-style:normal;color:#5fd0e0}
.ss-nav ul{list-style:none;margin:0;padding:0;display:flex;gap:6px}
.ss-nav li{position:relative}
.ss-nav a{display:block;padding:9px 16px;color:#e8f0fb;text-decoration:none;font-size:13.5px;font-weight:500;border-radius:8px}
.ss-nav .menu-item-has-children>a:after{content:" \2304";font-size:11px}
.ss-nav .current-menu-item>a,.ss-nav .current-menu-ancestor>a,.ss-nav a:hover{background:rgba(255,255,255,.14);color:#fff}
.ss-nav ul ul{display:none;position:absolute;left:0;top:100%;min-width:280px;background:#fff;border-radius:10px;padding:8px;box-shadow:0 14px 34px rgba(10,30,70,.25);flex-direction:column}
.ss-nav ul ul a{color:var(--ss-ink)}
.ss-nav ul ul a:hover{background:var(--ss-soft);color:var(--ss-navy)}
.ss-nav li:hover>ul,.ss-nav li:focus-within>ul{display:flex}
.ss-btn{display:inline-block;background:linear-gradient(90deg,#3aa66a,#0a8fa0);color:#fff!important;padding:13px 26px;border-radius:8px;font-weight:600;font-size:14px;text-decoration:none;border:0;cursor:pointer;font-family:inherit}
.ss-btn:hover{filter:brightness(1.08)}
.ss-btn.ghost{background:rgba(255,255,255,.92);color:var(--ss-navy)!important}
.ss-btn.navy{background:var(--ss-navy)}
.ss-toggle{display:none;background:none;border:1px solid rgba(255,255,255,.4);color:#fff;border-radius:8px;padding:8px 12px;font-size:18px}
/* layout */
.ss-container{width:min(1180px,92%);margin:48px auto}
.ss-section{padding:76px 0}
.ss-center{text-align:center}
.ss-section h2.t{font-size:clamp(28px,3.4vw,38px);text-align:center;margin-bottom:34px}
.ss-hero{background:linear-gradient(90deg,rgba(10,36,84,.82) 0%,rgba(10,36,84,.45) 38%,rgba(10,36,84,0) 62%),url(assets/hero.svg) center/cover no-repeat;min-height:540px;display:flex;align-items:center;color:#e8f2fc}
.ss-hero h1{color:#fff;font-size:clamp(36px,5vw,56px);max-width:560px;margin-bottom:16px}
.ss-hero h1 b{color:#fff;font-weight:800}
.ss-hero p{max-width:440px;font-size:17px}
.ss-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:26px}
.ss-hero.slim{min-height:300px}
.ss-hero.slim h1{font-size:clamp(32px,4.2vw,46px)}
.ss-haze{background:linear-gradient(180deg,#f1f7fd,#fff)}
.ss-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.ss-card{background:#fff;border-radius:12px;padding:26px 20px;box-shadow:0 10px 30px rgba(16,42,92,.1);text-align:center}
.ss-card .ic{width:54px;height:54px;margin:0 auto 12px;border-radius:50%;background:var(--ss-soft);display:grid;place-items:center;font-size:26px}
.ss-card h3{font-size:16px;margin-bottom:6px}
.ss-card p{font-size:13px;color:var(--ss-muted);margin:0}
.ss-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.ss-step{position:relative}
.ss-step .n{width:46px;height:46px;border-radius:50%;background:var(--ss-navy);color:#fff;font-weight:700;display:grid;place-items:center;margin-bottom:12px}
.ss-step:nth-child(even) .n{background:var(--ss-teal)}
.ss-step h3{font-size:19px;margin-bottom:6px}
.ss-step p{font-size:13.5px;color:var(--ss-muted);margin:0}
.ss-dark{background:linear-gradient(rgba(8,32,80,.55),rgba(8,32,80,.55)),url(assets/panels-bg.svg) center/cover;color:#fff}
.ss-dark h2,.ss-dark h3{color:#fff}
.ss-dark h2.t{margin-bottom:10px}
.ss-dark .sub{text-align:center;font-size:22px;font-weight:600;margin-bottom:30px}
.ss-solutions{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:20px;align-items:stretch}
.ss-panel{background:rgba(255,255,255,.96);color:var(--ss-ink);border-radius:12px;padding:22px;box-shadow:0 14px 40px rgba(0,0,0,.25)}
.ss-panel h3{color:var(--ss-navy);font-size:17px}
.ss-panel label{display:block;font-size:13px;font-weight:600;margin:12px 0 6px}
.ss-panel input,.ss-panel select{width:100%;padding:12px 14px;border:1px solid #cdd9ea;border-radius:8px;font:inherit;background:#fff}
.ss-panel input:focus,.ss-panel select:focus,.ss-btn:focus-visible,.ss-nav a:focus-visible{outline:3px solid #5fd0e0;outline-offset:2px}
.ss-panel .ss-btn{width:100%;margin-top:16px}
.ss-result{margin-top:14px;background:var(--ss-soft);border-left:4px solid var(--ss-teal);padding:12px 14px;border-radius:8px;font-size:14px;display:none}
.ss-result strong{color:var(--ss-navy);font-size:20px;display:block}
.ss-sol .im{height:170px;border-radius:8px;background-size:cover;background-position:center;margin:-8px -8px 14px}
.ss-sol.res .im{background-image:url(assets/residential.svg)}
.ss-sol.com .im{background-image:url(assets/commercial.svg)}
.ss-sol p{font-size:13.5px;color:var(--ss-muted)}
.ss-btn.sm{padding:9px 18px;font-size:12.5px;background:var(--ss-navy)}
.ss-reviews{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.ss-review{background:rgba(255,255,255,.95);color:var(--ss-ink);border-radius:12px;padding:18px;display:flex;gap:14px;box-shadow:0 10px 30px rgba(0,0,0,.2)}
.ss-review img{width:54px;height:54px;border-radius:50%;flex:none}
.ss-review b{display:block;color:var(--ss-navy)}
.ss-review .st{color:#f5a623;letter-spacing:2px;font-size:13px}
.ss-review p{font-size:13px;margin:6px 0 8px}
.ss-review small{color:var(--ss-muted)}
.ss-trust{padding:40px 0;text-align:center;background:#fff}
.ss-trust p{color:var(--ss-muted);font-weight:500;margin-bottom:22px}
.ss-logos{display:flex;gap:28px;justify-content:center;align-items:center;flex-wrap:wrap}
.ss-logos span{font-weight:800;color:#2b4a7a;font-size:18px;padding:8px 18px;border:2px solid #cfdcee;border-radius:10px;letter-spacing:.04em}
.ss-split{display:grid;grid-template-columns:1fr 1fr;gap:46px;align-items:center}
.ss-img{min-height:340px;border-radius:18px;background-size:cover;background-position:center;box-shadow:0 14px 40px rgba(16,42,92,.18)}
.ss-img.res{background-image:url(assets/residential.svg)}
.ss-img.com{background-image:url(assets/commercial.svg)}
.ss-img.hero{background-image:url(assets/hero.svg)}
.ss-list{list-style:none;padding:0;margin:18px 0}
.ss-list li{padding-left:28px;position:relative;margin:9px 0}
.ss-list li:before{content:"\2713";position:absolute;left:0;color:#fff;background:var(--ss-teal);width:20px;height:20px;border-radius:50%;font-size:12px;display:grid;place-items:center;top:3px}
.ss-price{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.ss-plan{background:#fff;border-radius:14px;padding:30px 24px;box-shadow:0 10px 30px rgba(16,42,92,.1);text-align:center;border:2px solid transparent}
.ss-plan.pop{border-color:var(--ss-teal);transform:translateY(-8px)}
.ss-plan .pr{font-size:36px;font-weight:800;color:var(--ss-navy)}
.ss-plan .pr small{font-size:14px;font-weight:500;color:var(--ss-muted)}
.ss-form{display:grid;gap:14px;max-width:620px}
.ss-form input,.ss-form textarea{width:100%;padding:13px 16px;border:1px solid #cdd9ea;border-radius:8px;font:inherit}
.ss-form .row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.ss-ok{background:var(--ss-soft);border-left:4px solid var(--ss-teal);padding:14px 18px;border-radius:8px;margin-bottom:16px}
.ss-box{background:var(--ss-soft);border-radius:12px;padding:22px}
.ss-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
details.ss-faq{background:#fff;border:1px solid #d7e3f3;border-radius:10px;padding:14px 18px;margin:10px 0}
details.ss-faq summary{font-weight:600;cursor:pointer;color:var(--ss-navy)}
.ss-cta{background:linear-gradient(90deg,#102a5c,#0a8fa0);color:#e8f2fc;text-align:center;padding:60px 0}
.ss-cta h2{color:#fff;font-size:32px}
/* footer */
.ss-footer{background:linear-gradient(90deg,#0d2556,#143a78);color:#c3d3ea;padding:34px 0 18px}
.ss-footer .ss-wrap{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
.ss-footer ul{list-style:none;display:flex;gap:6px;margin:0;padding:0;flex-wrap:wrap}
.ss-footer a{color:#dce8f8;text-decoration:none;padding:6px 12px;font-size:13.5px}
.ss-footer a:hover{color:#5fd0e0}
.ss-soc{display:flex;gap:8px}
.ss-soc a{width:30px;height:30px;border:1px solid rgba(255,255,255,.35);border-radius:6px;display:grid;place-items:center;font-size:12px;font-weight:700;padding:0}
.ss-copy{width:min(1180px,92%);margin:18px auto 0;border-top:1px solid rgba(255,255,255,.14);padding-top:14px;font-size:12px;text-align:center}
@media(max-width:900px){
 .ss-toggle{display:block}
 .ss-nav{display:none;position:absolute;left:0;right:0;top:100%;background:#0e2654;padding:10px 4%}
 .ss-nav.open{display:block}
 .ss-nav ul{flex-direction:column}
 .ss-nav ul ul{display:flex;position:static;background:transparent;box-shadow:none;padding:0 0 0 14px;min-width:0}
 .ss-nav ul ul a{color:#e8f0fb}
 .ss-header .ss-cta-btn{display:none}
 .ss-cards,.ss-steps,.ss-reviews,.ss-solutions,.ss-split,.ss-price,.ss-grid3{grid-template-columns:1fr}
 .ss-form .row{grid-template-columns:1fr}
 .ss-hero{background:linear-gradient(rgba(10,36,84,.78),rgba(10,36,84,.55)),url(assets/hero.svg) 65% center/cover}
 .ss-plan.pop{transform:none}
}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}