/* ── TOOLS.SHRONIX.IN — tools.css ── */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');

*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
:root{
  --white:#ffffff;--bg:#f6f7fb;--surface:#ffffff;
  --navy:#0f1b35;--indigo:#4f46e5;--indigo-light:#6366f1;--indigo-pale:#eef2ff;
  --green:#059669;--green-pale:#dcfce7;--amber:#d97706;--red:#dc2626;
  --text:#1e293b;--muted:#64748b;--border:#e2e8f0;
  --shadow:0 1px 3px rgba(0,0,0,.08),0 4px 16px rgba(0,0,0,.04);
  --shadow-lg:0 8px 40px rgba(0,0,0,.12);
  --radius:14px;--radius-sm:8px;
}
body{background:var(--bg);color:var(--text);font-family:'Plus Jakarta Sans',sans-serif;overflow-x:hidden;}
::-webkit-scrollbar{width:5px;}::-webkit-scrollbar-thumb{background:var(--indigo);border-radius:4px;}
a{text-decoration:none;color:inherit;}img{max-width:100%;}

/* ── NAV ── */
nav{position:fixed;top:0;left:0;right:0;z-index:900;background:rgba(255,255,255,.96);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);padding:0 5%;}
.nav-inner{display:flex;align-items:center;justify-content:space-between;height:64px;}
.logo{display:flex;align-items:center;gap:10px;}
.logo-box{width:34px;height:34px;background:var(--indigo);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:13px;}
.logo-name{font-weight:800;font-size:16px;color:var(--navy);}
.logo-name span{color:var(--indigo);}
.logo-sub{font-size:11px;font-weight:600;color:var(--muted);background:var(--indigo-pale);padding:2px 8px;border-radius:4px;margin-left:4px;}
.nav-links{display:flex;align-items:center;gap:2px;}
.nav-links a{padding:7px 12px;border-radius:7px;font-size:13px;font-weight:500;color:var(--muted);transition:.18s;}
.nav-links a:hover,.nav-links a.active{color:var(--indigo);background:var(--indigo-pale);}
.nav-actions{display:flex;align-items:center;gap:8px;}
.btn-primary{padding:8px 18px;border-radius:8px;font-size:13px;font-weight:700;color:#fff;background:var(--indigo);border:none;cursor:pointer;transition:.18s;display:inline-flex;align-items:center;gap:5px;font-family:inherit;}
.btn-primary:hover{background:var(--indigo-light);transform:translateY(-1px);}
.btn-ghost{padding:8px 16px;border-radius:8px;font-size:13px;font-weight:600;color:var(--navy);border:1.5px solid var(--border);background:transparent;cursor:pointer;transition:.18s;display:inline-block;font-family:inherit;}
.btn-ghost:hover{border-color:var(--indigo);color:var(--indigo);}
.hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px;}
.hamburger span{width:21px;height:2px;background:var(--navy);border-radius:2px;transition:.3s;}

/* ── LAYOUT ── */
.page-wrap{padding-top:68px;min-height:100vh;}
.tools-layout{display:grid;grid-template-columns:1fr 300px;gap:24px;max-width:1200px;margin:0 auto;padding:28px 4%;}
.tools-main{}
.tools-left{display:none;}
.tools-left .ad-slot-vert{min-height:600px;width:160px;background:#f8fafc;border:1.5px dashed var(--border);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:11px;color:var(--muted);}
.tools-sidebar{position:sticky;top:80px;height:fit-content;}

/* ── PAGE HERO ── */
.page-hero{background:linear-gradient(160deg,#f0f4ff 0%,#fafafa 100%);padding:44px 5% 36px;border-bottom:1px solid var(--border);}
.page-hero .breadcrumb{font-size:12px;color:var(--muted);margin-bottom:10px;}
.page-hero .breadcrumb a{color:var(--indigo);}
.page-hero .breadcrumb a:hover{text-decoration:underline;}
.page-hero h1{font-size:clamp(24px,3.5vw,40px);font-weight:800;color:var(--navy);letter-spacing:-.5px;margin-bottom:10px;}
.page-hero p{font-size:16px;color:var(--muted);max-width:520px;line-height:1.65;}

/* ── CALCULATOR CARD ── */
.calc-card{background:#fff;border:1.5px solid var(--border);border-radius:var(--radius);padding:28px;margin-bottom:20px;box-shadow:var(--shadow);}
.calc-card h2{font-size:20px;font-weight:800;color:var(--navy);margin-bottom:6px;}
.calc-card .sub{font-size:14px;color:var(--muted);margin-bottom:22px;line-height:1.6;}

/* ── FORM ELEMENTS ── */
.fg{margin-bottom:16px;}
.fg label{display:block;font-size:13px;font-weight:600;color:var(--text);margin-bottom:6px;}
.fg input,.fg select{width:100%;background:#f8fafc;border:1.5px solid var(--border);border-radius:9px;padding:11px 14px;color:var(--text);font-family:'Plus Jakarta Sans',sans-serif;font-size:14px;outline:none;transition:.2s;}
.fg input:focus,.fg select:focus{border-color:var(--indigo);background:#fff;}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.calc-btn{width:100%;background:var(--indigo);color:#fff;border:none;padding:13px;border-radius:10px;font-size:15px;font-weight:700;cursor:pointer;transition:.2s;font-family:'Plus Jakarta Sans',sans-serif;margin-top:4px;}
.calc-btn:hover{background:var(--indigo-light);transform:translateY(-1px);}

/* ── RESULT BOX ── */
.result-box{display:none;background:var(--indigo-pale);border:1.5px solid #c7d2fe;border-radius:12px;padding:22px;margin-top:18px;}
.result-box.show{display:block;}
.result-box h3{font-size:13px;font-weight:700;color:var(--indigo);text-transform:uppercase;letter-spacing:1px;margin-bottom:14px;}
.result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;}
.result-item{background:#fff;border-radius:10px;padding:14px;text-align:center;border:1px solid #e0e7ff;}
.result-item .label{font-size:11px;color:var(--muted);font-weight:600;margin-bottom:4px;}
.result-item .value{font-size:18px;font-weight:800;color:var(--navy);}
.result-item .value.green{color:var(--green);}
.result-item .value.indigo{color:var(--indigo);}

/* ── INFO TABLE ── */
.info-table{width:100%;border-collapse:collapse;font-size:14px;}
.info-table th{background:var(--navy);color:#fff;padding:12px 16px;text-align:left;font-size:12px;font-weight:700;letter-spacing:.5px;}
.info-table td{padding:11px 16px;border-bottom:1px solid var(--border);color:var(--text);}
.info-table tr:nth-child(even) td{background:#f8fafc;}
.info-table tr:hover td{background:var(--indigo-pale);}
.info-table .highlight{font-weight:700;color:var(--indigo);}

/* ── SEARCH BOX ── */
.search-box{background:#fff;border:1.5px solid var(--border);border-radius:var(--radius);padding:24px;margin-bottom:20px;box-shadow:var(--shadow);}
.search-row{display:flex;gap:10px;}
.search-row input,.search-row select{flex:1;background:#f8fafc;border:1.5px solid var(--border);border-radius:9px;padding:12px 16px;font-family:'Plus Jakarta Sans',sans-serif;font-size:14px;outline:none;transition:.2s;}
.search-row input:focus,.search-row select:focus{border-color:var(--indigo);background:#fff;}
.search-btn{background:var(--indigo);color:#fff;border:none;padding:12px 22px;border-radius:9px;font-size:14px;font-weight:700;cursor:pointer;font-family:inherit;transition:.2s;white-space:nowrap;}
.search-btn:hover{background:var(--indigo-light);}

/* ── RESULT CARD (IFSC) ── */
.ifsc-result{display:none;background:#fff;border:1.5px solid var(--border);border-radius:var(--radius);padding:24px;margin-top:18px;box-shadow:var(--shadow);}
.ifsc-result.show{display:block;}
.ifsc-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--border);}
.ifsc-row:last-child{border-bottom:none;}
.ifsc-label{font-size:13px;color:var(--muted);font-weight:500;}
.ifsc-value{font-size:14px;font-weight:700;color:var(--navy);text-align:right;}
.copy-sm{background:none;border:1px solid var(--border);border-radius:5px;padding:3px 8px;font-size:11px;color:var(--indigo);cursor:pointer;font-family:inherit;transition:.15s;}
.copy-sm:hover{background:var(--indigo);color:#fff;border-color:var(--indigo);}

/* ── SIDEBAR ── */
.sidebar-card{background:#fff;border:1.5px solid var(--border);border-radius:var(--radius);padding:20px;margin-bottom:20px;}
.sidebar-card h3{font-size:13px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:14px;}
.tool-link-list a{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:8px;font-size:14px;color:var(--text);transition:.15s;font-weight:500;}
.tool-link-list a:hover{background:var(--indigo-pale);color:var(--indigo);}
.tool-link-list a .ico{font-size:16px;width:24px;text-align:center;}
.promo-card{background:linear-gradient(135deg,var(--navy) 0%,#1a3a6e 100%);border-radius:var(--radius);padding:22px;margin-bottom:20px;color:#fff;}
.promo-card h3{font-size:15px;font-weight:800;margin-bottom:8px;}
.promo-card p{font-size:13px;color:rgba(255,255,255,.65);line-height:1.6;margin-bottom:16px;}
.promo-card a{display:inline-block;background:#fff;color:var(--indigo);padding:9px 18px;border-radius:8px;font-size:13px;font-weight:700;transition:.2s;}
.promo-card a:hover{background:var(--indigo-pale);}

/* ── AD SLOTS ── */
.ad-slot{background:#f8fafc;border:1.5px dashed var(--border);border-radius:10px;padding:16px;text-align:center;margin-bottom:20px;min-height:90px;display:flex;align-items:center;justify-content:center;}
.ad-slot-leaderboard{min-height:90px;}
.ad-slot-rectangle{min-height:250px;}

/* ── DISCLAIMER ── */
.disclaimer{background:#fffbeb;border:1.5px solid #fde68a;border-radius:10px;padding:14px 18px;margin-top:20px;display:flex;gap:10px;}
.disclaimer .ico{font-size:16px;flex-shrink:0;margin-top:2px;}
.disclaimer p{font-size:12px;color:#92400e;line-height:1.65;}

/* ── TOOLS GRID (homepage) ── */
.tools-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px;}
.tool-card{background:#fff;border:1.5px solid var(--border);border-radius:var(--radius);padding:22px;transition:.25s;cursor:pointer;display:block;}
.tool-card:hover{border-color:var(--indigo);transform:translateY(-3px);box-shadow:var(--shadow-lg);}
.tool-card .t-icon{font-size:28px;margin-bottom:12px;}
.tool-card h3{font-size:15px;font-weight:700;color:var(--navy);margin-bottom:6px;}
.tool-card p{font-size:13px;color:var(--muted);line-height:1.5;}
.tool-card .t-tag{display:inline-block;font-size:11px;font-weight:700;padding:2px 8px;border-radius:4px;margin-bottom:10px;}
.tag-calc{background:#eef2ff;color:var(--indigo);}
.tag-info{background:#dcfce7;color:#15803d;}
.tag-find{background:#fdf4ff;color:#7c3aed;}

/* ── CATEGORY LABEL ── */
.cat-label{font-size:11px;font-weight:700;letter-spacing:2px;color:var(--indigo);text-transform:uppercase;margin-bottom:12px;margin-top:28px;}

/* ── FOOTER ── */
footer{background:var(--navy);color:rgba(255,255,255,.65);margin-top:48px;}
.footer-wrap{max-width:1200px;margin:0 auto;padding:40px 5% 24px;}
.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:32px;}
.footer-brand p{font-size:13px;color:rgba(255,255,255,.4);margin-top:12px;line-height:1.7;}
.footer-col h4{font-size:11px;font-weight:700;color:rgba(255,255,255,.35);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:12px;}
.footer-col a{display:block;font-size:13px;color:rgba(255,255,255,.45);margin-bottom:8px;transition:.2s;}
.footer-col a:hover{color:#fff;}
.footer-bottom{border-top:1px solid rgba(255,255,255,.08);padding-top:20px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;}
.footer-bottom p{font-size:12px;color:rgba(255,255,255,.28);}

/* ── MOBILE ── */
@media(max-width:1024px){
  .tools-layout{grid-template-columns:1fr 280px;}
  .footer-top{grid-template-columns:1fr 1fr;}
}
@media(max-width:768px){
  .tools-layout{grid-template-columns:1fr !important;}
  .tools-sidebar{display:none;}
  .tools-grid{grid-template-columns:1fr 1fr;}
  .result-grid{grid-template-columns:1fr 1fr;}
  .form-row{grid-template-columns:1fr;}
  .search-row{flex-direction:column;}
  .nav-links{display:none;}
  .hamburger{display:flex;}
  .footer-top{grid-template-columns:1fr;}
}
@media(max-width:480px){
  .tools-grid{grid-template-columns:1fr;}
  .result-grid{grid-template-columns:1fr;}
  .tools-layout{padding:16px 4%;}
}