/*
Theme Name: Vistaar Business
Theme URI: https://vistaarbusiness.in
Author: Vistaar Business
Description: Responsive business consultancy theme; requires Vistaar Business Core for lead management.
Version: 1.2.0
Requires PHP: 8.0
Text Domain: vistaar-business
*/
:root{--navy:#112d4c;--accent:#f59e0b;--teal:#087f8c;--bg:#f5f8fc;--ink:#172b45}*{box-sizing:border-box}body{margin:0;color:var(--ink);font:16px/1.65 system-ui,-apple-system,Segoe UI,sans-serif;background:white}a{color:var(--teal)}.wrap{width:min(1160px,92%);margin:auto}.site-header{background:white;position:sticky;top:0;z-index:40;box-shadow:0 3px 18px #122a4514}.header-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 0}.brand{text-decoration:none;color:var(--navy);font-size:23px;font-weight:850;line-height:1.1}.brand small{display:block;font-size:10px;letter-spacing:1px;font-weight:500}.custom-logo{max-height:56px;width:auto}.site-header nav ul{display:flex;gap:18px;list-style:none;padding:0;margin:0;flex-wrap:wrap}.site-header nav a{text-decoration:none;color:var(--ink);font-weight:600;font-size:14px}.btn,button.vb-submit{display:inline-block;background:var(--accent);color:#14243b!important;border:0;padding:12px 20px;border-radius:9px;text-decoration:none;font-weight:750;cursor:pointer}.btn.secondary{background:var(--teal);color:white!important}.hero{background:linear-gradient(125deg,var(--navy),#19506a);color:white;padding:75px 0}.hero-grid{display:grid;grid-template-columns:1.2fr .85fr;gap:48px;align-items:center}.hero h1{font-size:clamp(32px,4vw,56px);line-height:1.14;margin:14px 0}.hero p{color:#e2edf5;font-size:18px}.eyebrow{color:#ffcf78;font-weight:700;letter-spacing:1px;text-transform:uppercase;font-size:12px}.section{padding:65px 0}.section.soft{background:var(--bg)}.section h2{font-size:clamp(26px,3vw,38px);line-height:1.2;margin:0 0 14px}.muted{color:#657488}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:28px}.card{background:white;border:1px solid #e2e9f1;border-radius:15px;padding:24px;box-shadow:0 8px 25px #112d4c09}.card h3{margin:0 0 10px}.card a{text-decoration:none;font-weight:700}.vb-form{background:white;border-radius:18px;padding:28px;box-shadow:0 14px 50px #071a3440;color:var(--ink)}.vb-form h3{margin:0 0 8px}.vb-form label{display:block;font-weight:650;font-size:13px;margin:10px 0 4px}.vb-form input:not([type=checkbox]),.vb-form select,.vb-form textarea{width:100%;border:1px solid #cbd5e1;border-radius:8px;padding:11px;font:inherit;background:white}.vb-form .consent{font-size:12px;display:flex;gap:9px;align-items:start;font-weight:400}.vb-form .consent input{margin-top:4px}.vb-form button{width:100%;margin-top:12px}.vb-result{font-size:14px;margin:10px 0}.page-hero{background:var(--navy);color:white;padding:55px 0}.page-hero h1{font-size:clamp(30px,4vw,46px);margin:0}.page-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:45px;padding:48px 0}.page-grid article{min-width:0}.page-grid article h2{margin-top:32px}.page-grid aside .vb-form{box-shadow:0 8px 30px #071a3418;position:sticky;top:100px}.footer{background:#10263f;color:#e4edf5;padding:48px 0}.footer a{color:#e4edf5}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}.footer ul{list-style:none;padding:0}.footer li{margin-bottom:9px}.wa-float{position:fixed;right:22px;bottom:24px;background:#1fba65;color:white!important;padding:12px 18px;border-radius:50px;z-index:55;text-decoration:none;font-weight:750}.mobile-actions{display:none}.faq details{padding:15px 0;border-bottom:1px solid #dde5ee}.faq summary{font-weight:700;cursor:pointer}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.steps .card{background:var(--bg)}.site-header .menu-toggle{display:none}.entry-content img{max-width:100%;height:auto}@media(max-width:900px){.hero-grid,.page-grid{grid-template-columns:1fr}.cards{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.site-header nav{display:none}.site-header nav.open{display:block;position:absolute;top:100%;left:0;right:0;background:white;padding:18px 5%;box-shadow:0 12px 20px #112d4c20}.site-header nav ul{display:block}.site-header nav li{margin:12px 0}.site-header .menu-toggle{display:block;background:transparent;border:1px solid #ddd;padding:8px 12px;border-radius:7px}.header-cta{display:none}.steps{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.cards,.steps,.footer-grid{grid-template-columns:1fr}.hero{padding:46px 0}.section{padding:45px 0}.vb-form{padding:20px}.wa-float{bottom:75px}.mobile-actions{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:54;background:white;box-shadow:0 -5px 20px #112d4c30}.mobile-actions a{flex:1;text-align:center;padding:12px 5px;text-decoration:none;font-size:13px;font-weight:800;border-right:1px solid #e5e7eb}}

/* v1.1 responsive header and form status */
.header-row{display:grid;grid-template-columns:minmax(130px,190px) minmax(0,1fr) auto;gap:clamp(12px,2vw,26px);padding:12px 0;align-items:center}
.site-header nav{min-width:0}.site-header nav ul{display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;gap:clamp(9px,1.1vw,18px)}.site-header nav a{font-size:clamp(11px,.83vw,13px);white-space:nowrap}.site-header nav li{min-width:0}.header-cta{white-space:nowrap;text-align:center;font-size:13px;padding:11px 14px}.brand{font-size:clamp(18px,1.5vw,23px)}
.vb-result{overflow-wrap:anywhere;line-height:1.5}.vb-result.vb-error{color:#a12222;background:#fff0f0;border:1px solid #ffd3d3;padding:10px;border-radius:8px}.vb-result.vb-success{color:#116337;background:#eafaf0;border:1px solid #b5e7c7;padding:10px;border-radius:8px}.vb-submit:disabled{opacity:.65;cursor:wait}
@media(max-width:1250px){.header-row{grid-template-columns:150px minmax(0,1fr) auto}.site-header nav ul{gap:10px}.site-header nav a{font-size:11px}}
@media(max-width:1100px){.header-row{display:flex;flex-wrap:nowrap}.site-header nav{display:none}.site-header nav.open{display:block;position:absolute;top:100%;left:0;right:0;background:white;padding:18px 5%;box-shadow:0 12px 20px #112d4c20;max-height:calc(100dvh - 90px);overflow:auto}.site-header nav ul{display:flex;flex-direction:column;align-items:stretch;gap:0}.site-header nav li{margin:0}.site-header nav a{display:block;font-size:15px;white-space:normal;padding:10px 0}.site-header .menu-toggle{display:block;margin-left:auto;background:transparent;border:1px solid #ddd;padding:8px 12px;border-radius:7px}.header-cta{display:none}}
@media(max-width:600px){.header-row{padding:12px 0}.brand{font-size:20px}.hero-grid,.page-grid{gap:24px}.hero h1{overflow-wrap:break-word}.vb-form{max-width:100%;min-width:0}.vb-form input,.vb-form select,.vb-form textarea{max-width:100%}.page-grid{padding:28px 0}.wrap{width:min(100% - 28px,1160px)}body{padding-bottom:50px}}

/* v1.2: responsive popup and accessible status */
.vb-popup{display:none;position:fixed;inset:0;z-index:9999}.vb-popup.is-open{display:flex;align-items:center;justify-content:center;padding:16px}.vb-popup-backdrop{position:absolute;inset:0;background:rgba(10,24,43,.76)}.vb-popup-dialog{position:relative;background:white;width:min(100%,510px);max-height:min(90dvh,850px);overflow:auto;border-radius:18px;padding:22px;box-shadow:0 20px 80px #0005}.vb-popup-dialog h2{font-size:clamp(19px,2.5vw,25px);line-height:1.3;padding-right:30px;margin:0 0 14px}.vb-popup-dialog .vb-form{box-shadow:none;padding:0}.vb-popup-close{position:absolute;right:13px;top:8px;background:transparent;border:0;font-size:30px;cursor:pointer;z-index:1}.vb-modal-open{overflow:hidden}.vb-result .vb-success,.vb-result .vb-error{display:block;padding:12px;border-radius:8px}.vb-result .vb-success{background:#eafaf0;color:#116337}.vb-result .vb-error{background:#fff0f0;color:#a12222}@media(max-width:600px){.vb-popup.is-open{padding:10px}.vb-popup-dialog{padding:18px;max-height:calc(100dvh - 20px);border-radius:12px}.vb-popup-dialog .vb-form input:not([type=checkbox]),.vb-popup-dialog .vb-form select,.vb-popup-dialog .vb-form textarea{padding:9px}.vb-popup-dialog .vb-form label{margin:7px 0 3px}}
