/*
Theme Name: ElectricFencing PK
Theme URI: https://electricfencing.pk/
Author: Fast Solution Technologies
Description: Original responsive WordPress theme for ElectricFencing.pk, specialist division of Fast Solution Technologies.
Version: 1.2.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: electricfencing-pk
*/
:root{--navy:#071b2a;--navy2:#102d40;--green:#9cdb42;--mint:#e9f7d7;--ink:#142a38;--sub:#61717b;--light:#f4f8fa;--line:#dce5e9;--white:#fff;--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font:16px/1.7 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#fff}a{color:inherit;text-decoration:none}a:hover{color:#3d7e20}img{max-width:100%;height:auto}h1,h2,h3{font-weight:800;line-height:1.2;letter-spacing:-.03em}h1{font-size:clamp(2.4rem,5vw,4.4rem);margin:12px 0 20px}h2{font-size:clamp(1.85rem,3vw,2.7rem);margin:8px 0 16px}h3{font-size:1.23rem;margin:10px 0}p{margin:0 0 17px}small{font-size:.8rem}.wrap{width:min(1180px,calc(100% - 36px));margin:auto}.eyebrow{font-weight:800;letter-spacing:.13em;text-transform:uppercase;font-size:.76rem;color:#70a83f}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--green);color:#0c291c!important;border-radius:10px;padding:13px 20px;font-weight:800;border:2px solid var(--green);line-height:1.3;transition:.2s}.btn:hover{background:#b6ee61;transform:translateY(-1px)}.btn-outline{background:transparent;border-color:#b8c8cf;color:#fff!important}.btn-outline:hover{background:#ffffff1a}.btn-dark{background:var(--navy);border-color:var(--navy);color:white!important}.btn-light{background:white;border-color:white}.btn-row{display:flex;flex-wrap:wrap;gap:12px}.topbar{background:#061723;color:#c9d7dd;font-size:.8rem}.topbar .wrap{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:8px 0}.topbar a{color:inherit}.header{background:white;position:sticky;top:0;z-index:50;box-shadow:0 2px 18px #0b273010}.nav-inner{min-height:77px;display:flex;gap:18px;justify-content:space-between;align-items:center}.brand{display:flex;align-items:center;gap:10px;min-width:210px}.brand-symbol{width:39px;height:45px;background:var(--navy);clip-path:polygon(50% 0,95% 22%,95% 76%,50% 100%,5% 76%,5% 22%);display:grid;place-items:center;color:var(--green);font-size:27px;font-weight:900}.brand-label{font-size:1.24rem;font-weight:900;line-height:1.08;letter-spacing:-.05em}.brand-label span{color:#5ca42a}.brand-label small{display:block;letter-spacing:.07em;font-size:.62rem;color:#687782;font-weight:700;margin-top:5px}.nav{display:flex;gap:19px;align-items:center}.nav a{font-size:.83rem;font-weight:750}.nav a[aria-current=page]{color:#4c8c27}.nav-call{font-size:.85rem!important}.menu-toggle{display:none;background:transparent;border:1px solid var(--line);padding:9px 13px;border-radius:8px;font:inherit;font-weight:800}.hero{background:linear-gradient(105deg,#071b2af5 0%,#0c2839ef 56%,#123847d6 100%);color:white;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;right:-10%;top:-80%;width:55%;height:180%;border:2px solid #90d54a2b;transform:rotate(-24deg);pointer-events:none}.hero-grid{min-height:520px;display:grid;grid-template-columns:1.1fr .9fr;gap:45px;align-items:center;padding:82px 0 90px}.hero p{color:#d3e0e4;max-width:620px;font-size:1.12rem}.hero .eyebrow{color:#bcf481}.hero strong.hl{color:var(--green)}.hero-graphic{position:relative;min-height:340px;border-radius:23px;overflow:hidden;background:radial-gradient(circle at 60% 35%,#40734c55,transparent 45%),linear-gradient(140deg,#1c4657,#09202f);border:1px solid #63918c50;display:flex;align-items:center;justify-content:center}.fence-art{width:94%;height:94%;opacity:.97}.hero-float{position:absolute;right:18px;bottom:18px;background:#fff;color:var(--navy);padding:14px 18px;border-radius:12px;box-shadow:0 10px 30px #0006;font-weight:750;font-size:.84rem}.trust-strip{background:#e9f5de;border-bottom:1px solid #d9e8c9}.trust-grid{display:flex;gap:24px;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:19px 0;font-weight:750;font-size:.85rem}.trust-grid span:before{content:'✓';color:#326b18;font-weight:900;margin-right:8px}.section{padding:84px 0}.section-light{background:var(--light)}.section-dark{background:var(--navy);color:white}.section-intro{max-width:740px;margin-bottom:30px}.section-intro p{color:var(--sub)}.section-dark .section-intro p{color:#b5c8d1}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{padding:27px;background:white;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 8px 30px #0f34410a}.card p{color:var(--sub)}.iconbox{width:50px;height:50px;border-radius:13px;display:grid;place-items:center;background:var(--mint);font-size:1.5rem;color:#39761c;margin-bottom:19px}.card-link{font-weight:800;color:#37771c}.price-card{padding:30px;background:white;border:1px solid var(--line);border-radius:var(--radius);position:relative}.price-card.featured{border:2px solid #82c83d;box-shadow:0 12px 32px #4d8b1c24}.price{font-size:2rem;font-weight:900;color:var(--navy);line-height:1.3}.price small{font-size:.8rem;font-weight:600;color:var(--sub)}.price-card ul{padding-left:20px;color:#4c5d66;margin:20px 0}.price-card li{margin:7px 0}.note{padding:16px 21px;background:#fff8e9;border-left:4px solid #edb44c;border-radius:7px;color:#594e36;font-size:.91rem;margin-top:26px}.split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:45px}.mini-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.mini{border:1px solid var(--line);border-radius:13px;padding:22px;background:#fff}.stepgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.step{background:#fff;border-radius:14px;padding:24px;border:1px solid var(--line)}.step-num{display:inline-grid;place-items:center;border-radius:50%;background:#e9f7d7;color:#386b20;width:41px;height:41px;font-weight:900;margin-bottom:15px}.page-hero{background:linear-gradient(125deg,#081d2b,#13394b);color:white;padding:73px 0}.page-hero p{max-width:740px;color:#d1e1e8}.page-hero h1{font-size:clamp(2.2rem,4.4vw,3.7rem)}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.gallery-tile{border:1px solid var(--line);border-radius:15px;overflow:hidden;background:#fff}.gallery-thumb{height:210px;display:grid;place-items:center;background:linear-gradient(150deg,#13384a,#3d6e65);position:relative;color:#d4efc9}.gallery-thumb:before{content:'';width:75%;height:46%;border-top:6px double #bce784;border-bottom:6px double #bce784;transform:skewY(-5deg);opacity:.6}.gallery-thumb span{position:absolute;bottom:15px;left:15px;right:15px;font-size:.78rem;background:#071d2bc9;border-radius:8px;padding:7px}.gallery-tile .inside{padding:18px}.gallery-tile img{width:100%;height:210px;object-fit:cover;display:block}.faq details{padding:20px 0;border-bottom:1px solid var(--line)}.faq summary{font-weight:800;cursor:pointer}.faq p{margin-top:10px;color:var(--sub)}.contact-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:28px}.contact-box{padding:27px;border-radius:16px;background:var(--light)}.quote-form{background:#fff;padding:30px;border:1px solid var(--line);border-radius:18px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field{margin-bottom:15px}.field label{display:block;font-size:.83rem;font-weight:800;margin-bottom:6px}.field input,.field select,.field textarea{font:inherit;width:100%;padding:12px 13px;border:1px solid #cbd8de;border-radius:9px;background:#fff;color:#1b3040}.field textarea{min-height:105px}.form-note{color:#60727d;font-size:.85rem}.cta{background:linear-gradient(115deg,#143a43,#0c2938);padding:48px;border-radius:20px;color:white;display:flex;align-items:center;justify-content:space-between;gap:25px}.cta p{color:#b9d0d6}.footer{background:#061723;color:#b6c7d0;padding:66px 0 25px}.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.3fr;gap:30px}.footer h3{color:white;font-size:.95rem;letter-spacing:0}.footer a{display:block;margin:9px 0;font-size:.86rem}.footer a:hover{color:var(--green)}.footer .brand-label{color:white}.footbottom{border-top:1px solid #284151;margin-top:42px;padding-top:20px;font-size:.8rem;display:flex;justify-content:space-between;gap:20px}.sticky-actions{position:fixed;bottom:18px;right:18px;z-index:70;display:flex;flex-direction:column;gap:9px}.bubble{width:51px;height:51px;display:grid;place-items:center;border-radius:50%;background:#20b65d;color:white!important;font-size:1.3rem;font-weight:900;box-shadow:0 6px 21px #0003}.bubble.phone{background:#214d66}.editor-content{max-width:920px;margin:25px auto}.editor-content img{border-radius:12px}.wp-block-gallery{margin:20px 0}.screen-reader-text{position:absolute;left:-9999px}.screen-reader-text:focus{left:10px;top:10px;background:white;color:black;padding:10px;z-index:1000}.custom-logo{max-width:210px;height:auto}.copyright{font-size:.8rem}.service-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.bullet{display:flex;gap:10px;padding:7px 0}.bullet:before{content:'✓';color:#6ea931;font-weight:900}.tag{display:inline-block;background:#e9f7d7;color:#346a1d;border-radius:30px;padding:4px 12px;font-weight:800;font-size:.75rem;margin-bottom:10px}.wp-block-image img{height:auto}@media(max-width:1050px){.nav{gap:10px}.nav a{font-size:.75rem}.brand{min-width:170px}.brand-label{font-size:1.02rem}.cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:800px){.topbar .wrap{justify-content:center}.topbar .optional{display:none}.menu-toggle{display:block}.nav{display:none;position:absolute;top:77px;left:0;right:0;background:#fff;flex-direction:column;align-items:stretch;gap:0;padding:9px 18px 18px;box-shadow:0 12px 14px #0001}.nav.open{display:flex}.nav a{padding:12px 8px;border-bottom:1px solid var(--line);font-size:.94rem}.nav-inner>.btn{display:none}.hero-grid{grid-template-columns:1fr;padding:56px 0 65px;gap:30px}.hero-graphic{min-height:270px}.split,.contact-grid{grid-template-columns:1fr}.stepgrid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}.section{padding:60px 0}.cta{flex-direction:column;align-items:flex-start}}@media(max-width:560px){.wrap{width:min(100% - 28px,1180px)}.cards,.gallery-grid,.mini-grid,.service-grid,.form-grid{grid-template-columns:1fr}.stepgrid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr;gap:23px}.footbottom{flex-direction:column}.hero h1{font-size:2.6rem}.hero-graphic{min-height:235px}.btn-row .btn{flex:1 1 100%}.cta{padding:27px}.price-card{padding:22px}.sticky-actions{right:12px;bottom:12px}.bubble{width:47px;height:47px}}


/* Dedicated searchable WooCommerce Store API catalog */
.product-tools{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:24px}.product-tools label{font-weight:800}.product-tools input{font:inherit;padding:13px 16px;border:1px solid #b9cbd3;border-radius:10px;background:#fff;flex:1 1 260px;max-width:520px;min-width:0}.product-tools p{margin:0;font-size:.88rem;color:var(--sub)}.ef-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.ef-product{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;display:flex;flex-direction:column}.ef-product[hidden]{display:none!important}.ef-product-img{display:flex;align-items:center;justify-content:center;height:215px;background:#f4f7f9;padding:20px}.ef-product-img img{max-height:100%;width:100%;object-fit:contain}.ef-img-placeholder{color:#53717e;font-weight:800}.ef-product-body{display:flex;flex-direction:column;gap:8px;padding:20px;flex:1}.ef-product-body h3{font-size:1.08rem;margin:0;line-height:1.45}.ef-product-desc{font-size:.88rem;color:var(--sub);margin:0;flex:1}.ef-product-price{font-size:1.22rem;color:var(--navy)}.ef-product-body small{color:var(--sub)}.ef-product-buttons{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.ef-product-buttons .btn{font-size:.78rem;padding:10px 12px;flex:1}.catalog-footnote{margin-top:25px;font-size:.85rem;color:var(--sub)}.catalog-message{background:white;border:1px solid var(--line);padding:25px;border-radius:15px}.catalog-message .btn{margin:5px 10px 5px 0}#ef-products-empty{padding:16px;font-weight:750}@media(max-width:900px){.ef-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.ef-product-grid{grid-template-columns:1fr}.product-tools{align-items:stretch;flex-direction:column}.product-tools input{flex-basis:auto;width:100%}}


/* V1.2 refreshed palette: lighter FST-inspired blue and white */
:root{--navy:#174c73;--navy2:#287db4;--green:#4aa3e7;--mint:#e5f4ff;--ink:#163d58;--sub:#587487;--light:#f2f9fe;--line:#d4e6f2;--white:#fff}
body{background:#fff;color:var(--ink)}a:hover{color:#237bb7}
.topbar{background:#e6f4fd!important;color:#184e70!important;border-bottom:1px solid #cfe6f5}.topbar a{color:#174c73!important}
.header{background:#fff!important;border-bottom:1px solid #daebf4;box-shadow:0 5px 18px #164a7212}
.brand-symbol{background:#e2f3ff!important;color:#2783c4!important}.brand-label span{color:#298bc8!important}.nav a[aria-current=page],.nav a:hover{color:#287fb7!important}
.btn{background:#348ec9!important;color:#fff!important;border-color:#348ec9!important;box-shadow:0 5px 16px #348ec921}.btn:hover{background:#2472aa!important;color:#fff!important}.btn-dark{background:#205d88!important;border-color:#205d88!important}.btn-outline{background:#fff!important;color:#205d88!important;border-color:#90c5e7!important}.btn-outline:hover{background:#eaf6ff!important;color:#175b89!important}.btn-outline-light{background:#fff!important;color:#235f8d!important;border:1px solid #9ac5e2!important}
.hero{background:linear-gradient(120deg,#e5f4ff 0%,#f6fbff 54%,#d5edfd 100%)!important;color:#163e60!important}.hero:after{border-color:#7bb7df35}.hero p{color:#4a708c!important}.hero .eyebrow,.hero strong.hl{color:#2381bc!important}
.hero-graphic{background:linear-gradient(145deg,#c7e6f8,#e8f7ff)!important;border:1px solid #a7d5ed!important;box-shadow:0 16px 38px #256b9818}.hero-float{color:#174a70!important}.trust-strip{background:#e9f6ff!important;border-color:#d5ebfb!important}.trust-grid span:before{color:#3189c1!important}
.section-dark{background:#edf7fe!important;color:var(--ink)!important}.section-dark .section-intro p{color:var(--sub)!important}.page-hero{background:linear-gradient(125deg,#d4ecfb,#f4faff)!important;color:#174b70!important;border-bottom:1px solid #d0e8f6}.page-hero p{color:#527a95!important}.page-hero .eyebrow{color:#237db6!important}
.cta{background:linear-gradient(120deg,#d8eefc,#eff9ff)!important;color:#144b70!important;border:1px solid #bedff1!important}.cta p{color:#547890!important}.cta .eyebrow{color:#287cb3!important}
.price-card.featured{border-color:#429ad1!important;box-shadow:0 12px 30px #418ab11b}.tag,.step-num,.iconbox{background:#e1f3ff!important;color:#277db4!important}.card-link{color:#237cb4!important}.bullet:before{color:#2885bc!important}
.gallery-thumb{background:linear-gradient(145deg,#d2e9f8,#a8d3ed)!important;color:#165077!important}.gallery-thumb:before{border-color:#5b9dc4!important}.gallery-thumb span{background:#174766de!important;color:#fff}
.footer{background:#174a70!important;color:#d6eafa!important}.footer a:hover{color:#b8e2ff!important}.footbottom{border-top-color:#407b9d!important}.bubble.phone{background:#297fbd!important}
.review-section{padding:60px 0 10px;background:#fff}.review-panel{display:flex;align-items:center;justify-content:space-between;gap:30px;background:#f1f9fe;border:1px solid #d2e8f5;border-radius:20px;padding:32px 38px}.review-panel h2{margin:7px 0}.review-panel p{margin:0;max-width:700px;color:#56778d}.review-panel .eyebrow{color:#297eb4}.review-actions{display:flex;flex-direction:column;align-items:flex-start;gap:9px;flex-shrink:0}.review-subtle-link{font-size:.84rem;color:#236f9d;text-decoration:underline}
.faq-page{display:grid;grid-template-columns:1fr 1fr;gap:0 26px}.faq-page details{background:#fff;border:1px solid var(--line);border-radius:12px;padding:17px 20px;margin-bottom:13px;align-self:start}.faq-page details[open]{border-color:#92c8e9;box-shadow:0 8px 21px #215a7e0c}.faq-page summary{color:#194d73;line-height:1.5}.faq-page details p{line-height:1.75}.faq-next{padding:26px 30px;background:#e5f4fe;border:1px solid #bcdff5;border-radius:16px;margin-top:25px}.faq-next h3{margin:0 0 6px}.faq-next p{margin:0 0 16px}
@media(max-width:800px){.review-panel{flex-direction:column;align-items:flex-start}.faq-page{grid-template-columns:1fr}}@media(max-width:560px){.review-panel{padding:24px}.review-actions{width:100%}.review-actions .btn{width:100%;text-align:center}.faq-next{padding:23px}}