/*
Theme Name: Siddhivinayak Towing
Theme URI: https://siddhivinayaktowing.in/
Author: Siddhivinayak Towing
Description: Fast, SEO-first WordPress theme for Siddhivinayak Towing (Thane). Includes Home, Services, Contact, Blog, and dedicated location landing pages. Trademark (TM) marks built in.
Version: 1.0.4
Requires at least: 6.0
Requires PHP: 7.4
License: Proprietary
Text Domain: svt
*/
:root{--navy:#16294d;--navy2:#0e1c38;--red:#d2232a;--red2:#a91a20;--gold:#b48a2c;--ink:#1a2233;--mute:#5b6473;--paper:#f4f6f9;--line:#dde2ea;--white:#fff;--r:6px}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font:400 17px/1.65 'Barlow',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto}a{color:var(--navy)}a:hover{color:var(--red)}
h1,h2,h3,h4{font-family:'Barlow Condensed','Barlow',sans-serif;line-height:1.08;margin:0 0 .5em;color:var(--navy);letter-spacing:.005em}
h1{font-size:clamp(2.4rem,6vw,4.4rem);font-weight:800}h2{font-size:clamp(1.9rem,4vw,2.9rem);font-weight:700}h3{font-size:1.5rem;font-weight:700}
p{margin:0 0 1em}.wrap{width:min(1180px,92%);margin:0 auto}.narrow{width:min(780px,92%);margin:0 auto}
:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
.tm{font-size:.5em;font-weight:600;vertical-align:super;line-height:0;margin-left:.08em;letter-spacing:0}
.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;background:#fff;padding:8px;z-index:99}
/* buttons */
.btn{display:inline-flex;align-items:center;gap:.5em;font:700 1.05rem/1 'Barlow Condensed',sans-serif;letter-spacing:.04em;text-transform:uppercase;padding:.95em 1.5em;border-radius:var(--r);text-decoration:none;border:2px solid transparent;cursor:pointer;transition:background .15s,color .15s}
.btn-red{background:var(--red);color:#fff}.btn-red:hover{background:var(--red2);color:#fff}
.btn-wa{background:#1fa855;color:#fff}.btn-wa:hover{background:#178a45;color:#fff}
.btn-line{border-color:#fff;color:#fff}.btn-line:hover{background:#fff;color:var(--navy)}
.btn-navy{background:var(--navy);color:#fff}.btn-navy:hover{background:var(--navy2);color:#fff}
/* topbar + header */
.topbar{background:var(--navy2);color:#cfd7e6;font-size:.9rem}.topbar .wrap{display:flex;justify-content:space-between;gap:1rem;padding:.45rem 0;flex-wrap:wrap}
.topbar a{color:#fff;text-decoration:none;font-weight:600}.topbar b{color:#ffd166}
.hdr{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}
.hdr .wrap{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.55rem 0}
.brand{display:flex;align-items:center;gap:.7rem;text-decoration:none}.brand img{width:58px;height:auto;display:block}
.wm{display:flex;flex-direction:column;line-height:1}.wm b{font:800 1.55rem/1 'Barlow Condensed',sans-serif;color:var(--navy);letter-spacing:.03em;text-transform:uppercase}
.wm i{font:600 .78rem/1.2 'Barlow',sans-serif;font-style:normal;color:var(--gold);letter-spacing:.09em;text-transform:uppercase;margin-top:.25rem}
.nav ul{list-style:none;display:flex;gap:.2rem;margin:0;padding:0;align-items:center}
.nav a{display:block;padding:.6em .9em;text-decoration:none;font:700 1.08rem 'Barlow Condensed',sans-serif;letter-spacing:.05em;text-transform:uppercase;color:var(--navy)}
.nav a:hover,.nav .current>a{color:var(--red)}
.nav li{position:relative}.nav .sub{display:none;position:absolute;top:100%;left:0;background:#fff;border:1px solid var(--line);border-top:3px solid var(--red);min-width:230px;padding:.4rem 0;box-shadow:0 12px 30px rgba(14,28,56,.15);flex-direction:column;align-items:stretch}
.nav li:hover>.sub,.nav li:focus-within>.sub{display:flex}.nav .sub a{text-transform:none;font-size:1.1rem;letter-spacing:0;padding:.4em 1.1em}
.hdr .call{white-space:nowrap}
.burger{display:none;background:none;border:2px solid var(--navy);border-radius:var(--r);padding:.4em .7em;font:700 1rem 'Barlow Condensed';color:var(--navy)}
/* hero: road-marking motif */
.hero{position:relative;background:linear-gradient(115deg,var(--navy2),var(--navy) 62%);color:#fff;overflow:hidden}
.hero:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(-14deg,transparent 0 46px,rgba(255,255,255,.035) 46px 48px)}
.hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:14px;background:repeating-linear-gradient(-45deg,var(--red) 0 22px,#fff 22px 44px)}
.hero .wrap{position:relative;display:grid;grid-template-columns:1.15fr .85fr;gap:3rem;align-items:center;padding:4.5rem 0 5.5rem}
.hero h1{color:#fff}.hero p.lead{font-size:1.2rem;color:#d6deec;max-width:34em}
.bignum{display:block;font:800 clamp(2.6rem,7vw,4.6rem)/1 'Barlow Condensed',sans-serif;color:#ffd166;text-decoration:none;letter-spacing:.02em;margin:.2em 0 .35em}
.bignum:hover{color:#fff}.hero .cta{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.2rem}
.hero .ticks{list-style:none;padding:0;margin:1.6rem 0 0;display:grid;gap:.4rem;color:#e7edf8}.ticks li:before{content:"\2713";color:#ffd166;font-weight:800;margin-right:.6em}
.hero .card{background:#fff;border-radius:10px;padding:1.4rem;box-shadow:0 24px 60px rgba(0,0,0,.35);transform:rotate(1.2deg)}
.hero .card img{display:block;width:100%;border-radius:4px}
.crumb{font-size:.9rem;color:#b9c4da;margin-bottom:1rem}.crumb a{color:#fff}
/* sections */
.sec{padding:4.5rem 0}.sec.alt{background:var(--paper)}.sec.dark{background:var(--navy);color:#dbe3f1}.sec.dark h2,.sec.dark h3{color:#fff}
.sec-h{max-width:44em;margin-bottom:2.2rem}.sec-h p{color:var(--mute);font-size:1.1rem}.dark .sec-h p{color:#c3cee4}
.grid{display:grid;gap:1.4rem}.g3{grid-template-columns:repeat(3,1fr)}.g2{grid-template-columns:repeat(2,1fr)}.g4{grid-template-columns:repeat(4,1fr)}
.svc{background:#fff;border:1px solid var(--line);border-left:5px solid var(--red);border-radius:var(--r);padding:1.5rem}.svc p{color:var(--mute);margin:0}
.strip{background:var(--red);color:#fff}.strip .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;padding:1.3rem 0}
.strip div{font:700 1.25rem/1.15 'Barlow Condensed';letter-spacing:.03em;text-transform:uppercase}.strip small{display:block;font:500 .9rem 'Barlow';text-transform:none;letter-spacing:0;opacity:.9}
.areas{display:grid;grid-template-columns:repeat(4,1fr);gap:.7rem}
.areas a{display:block;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:.85em 1em;text-decoration:none;font:700 1.15rem 'Barlow Condensed';color:var(--navy);letter-spacing:.03em}
.areas a:hover{border-color:var(--red);color:var(--red)}
.steps{counter-reset:s;list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:1.4rem}
.steps li{counter-increment:s;background:rgba(255,255,255,.07);border-radius:var(--r);padding:1.4rem}.steps li:before{content:counter(s);display:grid;place-items:center;width:2.4rem;height:2.4rem;background:var(--red);color:#fff;border-radius:50%;font:800 1.3rem 'Barlow Condensed';margin-bottom:.8rem}
.quote{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:1.6rem}.quote p{font-size:1.1rem}.quote b{color:var(--navy)}
.faq details{background:#fff;border:1px solid var(--line);border-radius:var(--r);margin-bottom:.7rem;padding:0 1.2rem}
.faq summary{cursor:pointer;font:700 1.3rem 'Barlow Condensed';color:var(--navy);padding:.9rem 0}.faq details[open] summary{color:var(--red)}
.cta-band{background:var(--navy2);color:#fff;text-align:center;padding:3.5rem 0}.cta-band h2{color:#fff}
.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem}.gallery img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:var(--r)}
/* content */
.entry{font-size:1.1rem}.entry h2{margin-top:1.6em}.entry h3{margin-top:1.3em}.entry ul,.entry ol{padding-left:1.3em}.entry li{margin:.3em 0}
.entry table{border-collapse:collapse;width:100%}.entry td,.entry th{border:1px solid var(--line);padding:.6em .8em;text-align:left}
.page-hero{background:var(--navy);color:#fff;padding:3rem 0 2.6rem;border-bottom:8px solid var(--red)}.page-hero h1{color:#fff;margin:0;font-size:clamp(2.2rem,5vw,3.6rem)}.page-hero p{color:#cbd5ea;margin:.6rem 0 0}
.posts{display:grid;grid-template-columns:repeat(3,1fr);gap:1.6rem}.post{background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column}
.post img{width:100%;aspect-ratio:16/10;object-fit:cover}.post .b{padding:1.3rem}.post h2{font-size:1.6rem}.post h2 a{text-decoration:none}.meta{color:var(--mute);font-size:.9rem}
.box{background:var(--paper);border-left:5px solid var(--red);padding:1.4rem;border-radius:var(--r);margin:2rem 0}
.pager{display:flex;gap:.5rem;justify-content:center;margin-top:2rem}.pager .page-numbers{padding:.5em .9em;border:1px solid var(--line);border-radius:var(--r);text-decoration:none}.pager .current{background:var(--navy);color:#fff}
/* form */
.form label{display:block;font-weight:600;margin:.9rem 0 .25rem}.form input,.form select,.form textarea{width:100%;padding:.8em;border:1px solid #b9c2d1;border-radius:var(--r);font:inherit}
.form .hp{position:absolute;left:-9999px}.notice{padding:1rem;border-radius:var(--r);margin-bottom:1rem;font-weight:600}.ok{background:#e4f6ea;color:#14602f}.err{background:#fde7e7;color:#8a1717}
.cbox{background:var(--paper);border-radius:10px;padding:1.6rem}.cbox p{margin:.3rem 0 1rem}
/* footer */
.ftr{background:var(--navy2);color:#b9c4da;padding:3.5rem 0 1.5rem;font-size:.98rem}.ftr h3{color:#fff;font-size:1.3rem}.ftr a{color:#dbe3f1;text-decoration:none}.ftr a:hover{color:#ffd166}
.ftr ul{list-style:none;padding:0;margin:0}.ftr li{margin:.35em 0}.ftr .cols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:2rem}
.ftr .wm b{color:#fff}.ftr .legal{border-top:1px solid rgba(255,255,255,.14);margin-top:2rem;padding-top:1.2rem;font-size:.85rem;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.ftr .brand img{background:#fff;border-radius:6px;padding:3px}
@media(max-width:960px){.hero .wrap{grid-template-columns:1fr;padding:3rem 0 4rem}.hero .card{display:none}.g3,.posts,.steps,.g4{grid-template-columns:1fr 1fr}.areas,.gallery{grid-template-columns:repeat(2,1fr)}.strip .wrap{grid-template-columns:1fr 1fr}.ftr .cols{grid-template-columns:1fr 1fr}
.burger{display:block}.nav{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:3px solid var(--red)}.nav.open{display:block}.nav ul{flex-direction:column;align-items:stretch;padding:.5rem 4%}.nav .sub{display:flex;position:static;border:0;box-shadow:none;padding-left:1rem;min-width:0}.hdr .call{display:none}
}
@media(max-width:600px){.g3,.g2,.posts,.steps,.g4{grid-template-columns:1fr}.wm b{font-size:1.2rem}.wm i{font-size:.65rem}.brand img{width:46px}.sec{padding:3rem 0}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.fab{position:fixed;right:18px;bottom:22px;z-index:9999;display:flex;flex-direction:column;align-items:flex-end;gap:12px}
.fab a{display:inline-flex;align-items:center;gap:.55em;padding:.85em 1.4em;border-radius:999px;color:#fff;text-decoration:none;font:700 1.12rem/1 'Barlow',sans-serif;box-shadow:0 8px 22px rgba(0,0,0,.28);transition:transform .15s,filter .15s}
.fab a:hover{color:#fff;filter:brightness(1.08);transform:translateY(-2px)}
.fab-wa{background:#25d366}.fab-call{background:#1565c0}
.fab svg{width:1.3em;height:1.3em;fill:currentColor;flex:none}
@media(max-width:600px){.fab{right:12px;bottom:14px;gap:10px}.fab a{padding:.75em 1.15em;font-size:1rem}}
.svc-img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:4px;margin-bottom:1.1rem;background:var(--paper)}
.svc.pic{padding:1rem 1rem 1.5rem;border-left-width:1px;border-top:5px solid var(--red)}.svc.pic h2,.svc.pic p{padding:0 .5rem}
.gallery img{aspect-ratio:3/4}

.hero .card img{aspect-ratio:4/3;object-fit:cover}
.split{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}.split img{width:100%;border-radius:var(--r);display:block}
.tick{list-style:none;padding:0}.tick li{padding-left:1.6em;position:relative;margin:.5em 0}.tick li:before{content:"\2713";position:absolute;left:0;color:var(--red);font-weight:800}
@media(max-width:960px){.split{grid-template-columns:1fr}}