/*
Theme Name: Shaikh Fabrication
Theme URI: https://example.com/
Author: Shaikh Fabrication
Description: Responsive fabrication business theme with editable services, projects, blog and contact information.
Version: 1.0.0
Requires PHP: 7.4
Text Domain: shaikh-fabrication
*/
:root{--navy:#071c3d;--navy2:#102e56;--red:#ed252c;--grey:#e9eef4;--ink:#17263a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);line-height:1.65;background:#fff}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}h1,h2,h3{line-height:1.2}h1{font-size:clamp(2.3rem,5vw,4.6rem)}h2{font-size:clamp(1.8rem,3.5vw,2.7rem)}.wrap{width:min(1180px,92%);margin:auto}.topbar{background:var(--navy);color:white;font-size:13px;padding:8px 0}.topbar .wrap,.navrow,.footcols,.contactrow{display:flex;justify-content:space-between;align-items:center;gap:20px}.topbar a:hover{color:#ff7376}.sitehead{background:#fff;position:sticky;top:0;z-index:100;box-shadow:0 3px 20px #091b3820}.navrow{min-height:95px}.brand img{width:260px;max-height:82px;object-fit:contain}.menu{display:flex;gap:24px;align-items:center;list-style:none;margin:0;padding:0}.menu a{font-weight:700;font-size:14px}.menu a:hover{color:var(--red)}.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--red);color:#fff;border:0;border-radius:5px;padding:13px 24px;font-weight:700;cursor:pointer}.btn:hover{background:#b9101d;color:#fff}.btn.alt{background:var(--navy)}.hamb{display:none;border:0;background:var(--navy);color:#fff;padding:10px 13px;font-size:24px}.hero{position:relative;background:var(--navy);color:#fff;min-height:560px;display:flex;align-items:center;overflow:hidden}.hero-bg{position:absolute;inset:0;background-position:center;background-size:cover;opacity:.36;transition:background-image .5s}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#06152ff0 0%,#06152f90 65%,transparent);z-index:1}.hero .wrap{position:relative;z-index:2;padding:85px 0}.eyebrow{color:var(--red);font-weight:800;letter-spacing:2px;text-transform:uppercase}.hero .eyebrow{color:#ff8588}.hero h1{max-width:760px;margin:16px 0}.hero p{font-size:19px;max-width:650px;color:#e5edf9}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:25px}.section{padding:78px 0}.section.muted{background:#f2f5f9}.sectionhead{max-width:760px;margin-bottom:34px}.sectionhead p{color:#59687b}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.card{background:#fff;border:1px solid #e4e9f0;border-radius:10px;overflow:hidden;box-shadow:0 8px 25px #0d214009}.card img{width:100%;height:235px;object-fit:cover}.card-body{padding:23px}.card h3{margin:0 0 10px;font-size:21px}.card p{color:#58677a}.readmore{font-weight:800;color:var(--red)}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.twocol img{width:100%;border-radius:12px;max-height:480px;object-fit:cover}.ticks{padding-left:22px}.ticks li{margin:10px 0}.banner{background:var(--navy);color:#fff;padding:65px 0}.banner .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px}.banner h2{margin:0}.gallerygrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.galleryitem{border:0;background:transparent;padding:0;cursor:zoom-in;position:relative}.galleryitem img{width:100%;height:255px;object-fit:cover;border-radius:8px}.galleryitem span{position:absolute;bottom:9px;left:9px;background:#071c3dcc;color:#fff;padding:5px 12px;border-radius:4px}.pagehero{background:linear-gradient(115deg,var(--navy),var(--navy2));color:#fff;padding:65px 0}.pagehero h1{margin:0}.article{max-width:840px;margin:auto}.article p,.article li{font-size:17px}.article img{border-radius:8px}.foot{background:#07182f;color:#dce5f2;padding:60px 0 20px}.footcols{align-items:flex-start;display:grid;grid-template-columns:2fr 1fr 1.5fr;gap:50px}.foot h3{color:#fff}.foot ul{padding:0;list-style:none}.foot li{margin:9px 0}.foot a:hover{color:#ff767c}.footlogo{width:270px;filter:drop-shadow(0 2px 5px #fff3)}.copyright{border-top:1px solid #ffffff25;margin-top:35px;padding-top:20px;font-size:13px}.floatcall{position:fixed;right:18px;bottom:18px;z-index:90;background:var(--red);color:white;border-radius:50px;padding:13px 20px;box-shadow:0 5px 20px #0004;font-weight:800}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field{width:100%;padding:13px;border:1px solid #cbd4e0;border-radius:5px;font:inherit}.field.full{grid-column:1/-1}.notice{padding:12px;background:#eaf7ed;border-radius:5px}.lightbox{display:none;position:fixed;inset:0;z-index:500;background:#000e;align-items:center;justify-content:center;padding:35px}.lightbox.active{display:flex}.lightbox img{max-width:95vw;max-height:85vh;object-fit:contain}.lightbox button{position:absolute;top:15px;right:20px;background:transparent;border:0;color:white;font-size:40px;cursor:pointer}.meta{color:#64758a;font-size:14px}.service-details{background:#f2f5f9;padding:25px;border-radius:8px;margin-top:25px}@media(max-width:850px){.topbar{display:none}.hamb{display:block}.navrow{min-height:75px}.brand img{width:195px}.menu{display:none;position:absolute;top:100%;left:0;right:0;background:white;padding:20px 5%;flex-direction:column;align-items:flex-start;box-shadow:0 12px 15px #0002}.menu.open{display:flex}.navrow>.btn{display:none}.grid,.gallerygrid{grid-template-columns:repeat(2,1fr)}.twocol{grid-template-columns:1fr}.footcols{grid-template-columns:1fr 1fr}.banner .wrap{display:block}.banner .btn{margin-top:20px}}@media(max-width:550px){.grid,.gallerygrid,.footcols,.formgrid{grid-template-columns:1fr}.field.full{grid-column:auto}.hero{min-height:500px}.hero .wrap{padding:60px 0}.section{padding:50px 0}.galleryitem img{height:240px}.topbar{display:none}}

/* Floating WhatsApp contact icon */
.floatcall{display:none!important}.floatwhatsapp{position:fixed;right:20px;bottom:20px;z-index:200;display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%;background:#25D366;color:#fff;box-shadow:0 5px 18px #0004;transition:transform .2s,background .2s}.floatwhatsapp:hover,.floatwhatsapp:focus{background:#1da851;color:#fff;transform:scale(1.07)}@media(max-width:550px){.floatwhatsapp{right:15px;bottom:15px;width:56px;height:56px}}