/*
Theme Name: SmartFinance Calculator
Theme URI: https://example.com/
Author: SmartFinance
Description: Professional responsive financial calculator WordPress theme with SIP, EMI, Loan, GST and Indian Income Tax calculators.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.9
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: smartfinance
*/
:root{--primary:#2563eb;--primary2:#1d4ed8;--dark:#0f172a;--muted:#64748b;--bg:#f6f8fc;--card:#fff;--border:#e2e8f0;--success:#059669;--shadow:0 14px 40px rgba(15,23,42,.08);--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;background:var(--bg);color:#172033;line-height:1.6}a{color:inherit}.container{width:min(1180px,92%);margin:auto}.site-header{background:rgba(15,23,42,.97);color:#fff;position:sticky;top:0;z-index:50}.nav{min-height:72px;display:flex;align-items:center;justify-content:space-between}.logo{font-weight:900;font-size:22px;text-decoration:none}.logo span{color:#60a5fa}.custom-logo-link{display:flex;align-items:center}.custom-logo-link img{max-height:44px;width:auto;display:block}.nav-links{display:flex;gap:20px;align-items:center;list-style:none;margin:0;padding:0}.nav-links a{text-decoration:none;color:#cbd5e1;font-size:14px}.nav-links a:hover{color:#fff}.dropdown-toggle{background:none;border:0;color:#cbd5e1;font-size:14px;font-family:inherit;cursor:pointer;padding:0}.dropdown-toggle:hover{color:#fff}.menu{display:none;background:none;border:0;color:#fff;font-size:25px}.dropdown{position:relative}.dropdown-toggle{cursor:pointer}.dropdown-menu{display:none;position:absolute;top:100%;left:0;background:#0f172a;border:1px solid #1e293b;border-radius:10px;padding:8px;min-width:180px;z-index:60;box-shadow:0 14px 30px rgba(0,0,0,.35)}.dropdown-menu a{display:block;padding:9px 12px;border-radius:7px;white-space:nowrap}.dropdown-menu a:hover{background:#1e293b}.dropdown:hover .dropdown-menu,.dropdown.open .dropdown-menu{display:block}@media(max-width:650px){.dropdown-menu{position:static;box-shadow:none;border:none;background:transparent;padding:0 0 0 12px}}.hero{background:radial-gradient(circle at 20% 20%,#2563eb 0,#1e3a8a 34%,#0f172a 80%);color:#fff;padding:80px 0 105px}.hero .container{text-align:center}.eyebrow,.badge{display:inline-block;padding:7px 12px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(255,255,255,.08);font-size:12px;font-weight:800}.hero h1{font-size:clamp(34px,5vw,60px);line-height:1.08;margin:18px auto 16px;max-width:900px}.hero p{max-width:760px;margin:auto;color:#dbeafe;font-size:17px}.hero-actions{display:flex;gap:12px;justify-content:center;margin-top:26px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:12px;padding:13px 18px;font-weight:800;text-decoration:none;cursor:pointer}.btn-primary{background:#fff;color:#1d4ed8}.btn-blue{background:linear-gradient(135deg,var(--primary),var(--primary2));color:#fff}.btn-soft{background:#eff6ff;color:#1d4ed8}.ad{min-height:92px;border:1px dashed #cbd5e1;background:#eef2f7;color:#94a3b8;display:flex;align-items:center;justify-content:center;border-radius:12px;font-size:12px}.ad-wrap{margin:24px auto;width:min(1180px,92%)}.overlap{margin-top:-52px;position:relative;z-index:2}.section{padding:58px 0}.section-title{text-align:center;margin-bottom:28px}.section-title h2{font-size:32px;margin:0 0 7px}.section-title p{color:var(--muted);margin:0}.grid{display:grid;gap:18px}.tools{grid-template-columns:repeat(5,1fr)}.tool{padding:24px;text-decoration:none;transition:.2s}.tool:hover{transform:translateY(-4px);box-shadow:0 18px 45px rgba(15,23,42,.12)}.icon{width:48px;height:48px;border-radius:14px;background:#eff6ff;color:#2563eb;display:grid;place-items:center;font-weight:900;font-size:19px;margin-bottom:15px}.tool h3{margin:0 0 6px}.tool p{margin:0;color:var(--muted);font-size:14px}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.feature-grid{grid-template-columns:repeat(3,1fr)}.feature{padding:24px}.feature h3{margin:0 0 7px}.feature p{margin:0;color:var(--muted)}.page-hero{padding:50px 0 25px}.page-hero h1{font-size:42px;margin:10px 0 8px}.page-hero p{color:var(--muted);max-width:800px}.calculator-layout{display:grid;grid-template-columns:1fr .95fr;gap:22px;align-items:start}.panel{padding:28px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{margin-bottom:15px}.field label{display:block;font-weight:750;font-size:13px;margin-bottom:7px}.field input,.field select{width:100%;padding:13px 14px;border:1px solid var(--border);border-radius:11px;background:#fff;font:inherit;outline:none}.field input:focus,.field select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #dbeafe}.full{grid-column:1/-1}.help{font-size:12px;color:var(--muted)}.results{background:#eff6ff;border:1px solid #dbeafe;border-radius:15px;padding:20px}.result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.result-box{background:#fff;padding:16px;border-radius:12px;border:1px solid #e2e8f0}.result-box small{display:block;color:var(--muted);font-size:12px}.result-box strong{display:block;font-size:20px;color:#1d4ed8;margin-top:3px}.result-main{font-size:34px;font-weight:900;color:#1d4ed8}.chart-box{height:310px;margin-top:18px;background:#fff;border:1px solid var(--border);border-radius:14px;padding:10px}.chart-box canvas{width:100%;height:100%}.table-wrap{overflow:auto;margin-top:20px}.data-table{width:100%;border-collapse:collapse;min-width:680px}.data-table th,.data-table td{padding:11px;border-bottom:1px solid var(--border);text-align:right;font-size:13px}.data-table th:first-child,.data-table td:first-child{text-align:left}.data-table th{background:#f8fafc}.toggle{display:flex;background:#f1f5f9;border-radius:12px;padding:4px;width:max-content;margin-bottom:18px}.toggle button{border:0;background:transparent;padding:9px 14px;border-radius:9px;cursor:pointer;font-weight:700}.toggle button.active{background:#fff;color:#1d4ed8;box-shadow:0 2px 8px rgba(0,0,0,.06)}.info{padding:26px}.info h2{margin-top:0}.info p,.info li{color:#475569}.faq{max-width:900px;margin:auto}.faq details{background:#fff;border:1px solid var(--border);border-radius:12px;padding:15px 18px;margin:10px 0}.faq summary{cursor:pointer;font-weight:800}.footer{background:#0f172a;color:#cbd5e1;padding:45px 0;margin-top:50px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}.footer h3{color:#fff;margin-top:0}.footer a{display:block;text-decoration:none;color:#cbd5e1;margin:8px 0;font-size:14px}.copyright{border-top:1px solid #334155;margin-top:25px;padding-top:20px;font-size:13px;color:#94a3b8}.notice{padding:13px 15px;background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;border-radius:10px;font-size:13px}.badge{color:#1d4ed8;background:#eff6ff;border-color:#dbeafe}.site-main{min-height:60vh}@media(max-width:950px){.tools{grid-template-columns:repeat(2,1fr)}.calculator-layout{grid-template-columns:1fr}.feature-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:650px){.nav-links{display:none;position:absolute;left:4%;right:4%;top:68px;background:#0f172a;padding:14px;border-radius:12px;flex-direction:column;align-items:stretch}.nav-links.open{display:flex}.menu{display:block}.form-grid,.result-grid{grid-template-columns:1fr}.full{grid-column:auto}.tools{grid-template-columns:1fr}.hero{padding:60px 0 85px}.page-hero h1{font-size:34px}.panel{padding:20px}}