/*
Theme Name: PGG Store
Theme URI: https://pakghargadgets.store
Author: NAFsols
Author URI: https://nomanakhter.com
Description: Ultra-lightweight, mobile-first WooCommerce theme for Pak Ghar Gadgets. No jQuery dependency, no web fonts, COD-optimised checkout.
Version: 2.2.0
Requires at least: 6.0
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: pgg-store
WC requires at least: 7.0
*/

:root{--g:#0E7C4A;--gd:#0A5A36;--o:#F7931E;--t:#1E293B;--m:#64748B;--b:#E5E7EB;--bg:#F6F8F7;--w:#fff;--r:12px}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font:15px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:var(--t);background:var(--bg)}
a{color:var(--g);text-decoration:none}
img{max-width:100%;height:auto;display:block}
.wrap{max-width:1180px;margin:0 auto;padding:0 16px}
.btn,button,input[type=submit],.button{display:inline-block;background:var(--g);color:#fff!important;border:0;border-radius:10px;padding:12px 20px;font-weight:700;font-size:15px;cursor:pointer;text-align:center;line-height:1.2}
.btn:hover,.button:hover,button:hover{background:var(--gd)}
.btn-o,.single_add_to_cart_button,.checkout-button,#place_order{background:var(--o)!important}
input,select,textarea{width:100%;padding:12px;border:1px solid var(--b);border-radius:10px;font:inherit;background:#fff}

/* Top bar + header */
.topbar{background:var(--g);color:#fff;font-size:13px;text-align:center;padding:7px 10px;font-weight:600}
.site-header{background:#fff;border-bottom:1px solid var(--b);position:sticky;top:0;z-index:50}
.hdr{display:flex;align-items:center;justify-content:space-between;gap:12px;height:64px}
.logo img{height:46px;width:auto}
.logo .txt{font-weight:800;font-size:19px;color:var(--g)}
.nav{display:flex;gap:18px;font-weight:600}
.nav a{color:var(--t)}
.cart-link{position:relative;font-weight:700;color:var(--t)}
.cart-count{background:var(--o);color:#fff;border-radius:99px;font-size:11px;padding:1px 7px;margin-left:4px}
@media(max-width:720px){.nav{display:none}}

/* Hero + sections */
.hero img{width:100%;border-radius:0}
.trust{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0}
.trust div{background:#fff;border:1px solid var(--b);border-radius:var(--r);padding:12px;text-align:center;font-size:13px;font-weight:600}
.trust b{display:block;font-size:20px}
@media(max-width:720px){.trust{grid-template-columns:repeat(2,1fr)}}
.sec-title{font-size:22px;margin:26px 0 14px;text-align:center}
main{padding-bottom:40px}

/* Product grid */
ul.products{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
@media(max-width:900px){ul.products{grid-template-columns:repeat(2,1fr);gap:10px}}
ul.products li.product{background:#fff;border:1px solid var(--b);border-radius:var(--r);overflow:hidden;position:relative;display:flex;flex-direction:column}
ul.products li.product a img{aspect-ratio:1/1;object-fit:cover;width:100%}
ul.products li.product .woocommerce-loop-product__title{font-size:14px;margin:10px 10px 4px;color:var(--t);font-weight:600;line-height:1.35}
ul.products li.product .price{margin:0 10px 10px;display:block;font-weight:800;color:var(--g)}
ul.products li.product .button{margin:auto 10px 10px;background:var(--o)}
.price del{color:var(--m);font-weight:400;font-size:13px;margin-right:4px}
.price ins{text-decoration:none}
.onsale{position:absolute;top:8px;left:8px;background:var(--o);color:#fff;font-size:12px;font-weight:800;border-radius:99px;padding:3px 10px;z-index:2}
.pgg-off{position:absolute;top:8px;right:8px;background:var(--g);color:#fff;font-size:12px;font-weight:800;border-radius:99px;padding:3px 9px;z-index:2}

/* Single product */
.single-product div.product{display:grid;grid-template-columns:1fr 1fr;gap:28px;background:#fff;border-radius:var(--r);padding:18px;margin-top:18px;position:relative}
@media(max-width:820px){.single-product div.product{grid-template-columns:1fr;padding:12px}}
.woocommerce-product-gallery{position:relative}
.woocommerce-product-gallery__image img{border-radius:var(--r);width:100%}
.flex-control-thumbs{display:flex;gap:8px;list-style:none;padding:0;margin:8px 0 0}
.flex-control-thumbs li{width:64px}
.product_title{font-size:22px;margin:0 0 8px}
.summary .price{font-size:24px;font-weight:800;color:var(--g);margin:6px 0 12px}
.pgg-badges{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
.pgg-badges span{background:#EAF6EF;color:var(--gd);border-radius:99px;padding:6px 12px;font-size:13px;font-weight:700}
form.cart{display:flex;gap:10px;align-items:center;margin:14px 0}
form.cart .quantity input{width:70px}
.single_add_to_cart_button{flex:1;padding:15px!important;font-size:17px!important}
.pgg-wa-order{display:block;background:#25D366!important;margin-top:8px}
.woocommerce-tabs,.related,.upsells{grid-column:1/-1}
.woocommerce-tabs ul.tabs{display:flex;gap:16px;list-style:none;padding:0;border-bottom:1px solid var(--b)}
.woocommerce-tabs ul.tabs li{padding:8px 0}
.woocommerce-tabs ul.tabs li.active a{color:var(--o);font-weight:700}
.sku_wrapper,.posted_in,.tagged_as{display:block;font-size:13px;color:var(--m)}

/* Sticky mobile buy bar */
.pgg-sticky{display:none}
@media(max-width:820px){
 .single-product .pgg-sticky{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:60;background:#fff;border-top:1px solid var(--b);padding:10px 12px;gap:10px;align-items:center;box-shadow:0 -4px 14px rgba(0,0,0,.06)}
 .pgg-sticky .p{font-weight:800;color:var(--g);white-space:nowrap}
 .pgg-sticky .btn{flex:1;background:var(--o)}
 .single-product footer{padding-bottom:80px}
}

/* WhatsApp float */
.pgg-wa{position:fixed;right:16px;bottom:18px;z-index:55;background:#25D366;width:54px;height:54px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px rgba(0,0,0,.18)}
.single-product .pgg-wa{bottom:86px}
@media(min-width:821px){.single-product .pgg-wa{bottom:18px}}

/* Cart / checkout */
.woocommerce-cart-form,.cart-collaterals,.woocommerce-checkout,.woocommerce-order{background:#fff;border-radius:var(--r);padding:16px;margin-top:18px}
table.shop_table{width:100%;border-collapse:collapse}
table.shop_table td,table.shop_table th{padding:10px;border-bottom:1px solid var(--b);text-align:left}
.woocommerce-checkout .col2-set{display:grid;gap:16px}
.form-row{margin:0 0 12px}
.form-row label{display:block;font-weight:600;font-size:14px;margin-bottom:4px}
#place_order{width:100%;padding:16px!important;font-size:18px!important}
.woocommerce-message,.woocommerce-info,.woocommerce-error{background:#EAF6EF;border-left:4px solid var(--g);padding:12px 14px;border-radius:8px;margin:14px 0;list-style:none}
.woocommerce-error{background:#FEF2F2;border-color:#DC2626}
.woocommerce-breadcrumb{font-size:13px;color:var(--m);margin:14px 0 0}
.page-title,.entry-title{font-size:24px;margin:20px 0 10px}
.woocommerce-result-count,.woocommerce-ordering{margin:10px 0;font-size:13px;color:var(--m)}
.woocommerce-ordering select{width:auto;padding:8px}
nav.woocommerce-pagination ul{display:flex;gap:6px;list-style:none;padding:0;justify-content:center}
.screen-reader-text{position:absolute!important;clip:rect(1px,1px,1px,1px);width:1px;height:1px;overflow:hidden}

/* Footer */
.site-footer{background:#0B1F17;color:#cfe3d8;margin-top:30px;padding:28px 0 18px;font-size:14px}
.site-footer a{color:#fff}
.fgrid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:20px}
@media(max-width:720px){.fgrid{grid-template-columns:1fr}}
.copy{border-top:1px solid rgba(255,255,255,.12);margin-top:18px;padding-top:12px;font-size:12px;text-align:center}

/* ===== v2: professional store look ===== */
body{background:#fff}
.hdr{height:70px}
.hsearch{flex:1;max-width:460px;display:flex;border:2px solid var(--g);border-radius:12px;overflow:hidden}
.hsearch input{border:0;border-radius:0;padding:10px 12px}
.hsearch button{border-radius:0;padding:10px 16px}
@media(max-width:720px){.hdr{flex-wrap:wrap;height:auto;padding:8px 16px}.hsearch{order:3;max-width:none;flex-basis:100%}}
.hero{position:relative;background:var(--g)}
.hero img{max-height:460px;object-fit:cover}
.hero .cta{position:static;text-align:center;padding:16px;background:var(--gd)}
.hero .cta .btn{background:var(--o);font-size:17px;padding:14px 28px;box-shadow:0 8px 20px rgba(0,0,0,.2)}
@media(max-width:720px){.hero .cta{position:static;text-align:center;padding:12px}}
.cats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:22px 0}
.cats a{background:var(--bg);border-radius:14px;padding:16px 8px;text-align:center;color:var(--t);font-weight:700;font-size:14px;border:1px solid var(--b);transition:.2s}
.cats a span{display:block;font-size:30px;margin-bottom:6px}
.cats a:hover{border-color:var(--g);transform:translateY(-2px)}
@media(max-width:720px){.cats{grid-template-columns:repeat(4,1fr);gap:8px}.cats a{padding:10px 4px;font-size:12px}.cats a span{font-size:24px}}
.sec-head{display:flex;justify-content:space-between;align-items:end;margin:30px 0 14px}
.sec-head h2{margin:0;font-size:22px}
.sec-head a{font-weight:700;font-size:14px}
ul.products li.product{transition:box-shadow .2s,transform .2s}
ul.products li.product:hover{box-shadow:0 10px 24px rgba(14,124,74,.12);transform:translateY(-2px)}
ul.products li.product .woocommerce-loop-product__title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:38px}
ul.products li.product .price{font-size:17px}
.pgg-cod-tag{display:block;margin:0 10px 8px;font-size:12px;color:var(--gd);font-weight:700}
.why{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;background:var(--bg);border-radius:18px;padding:22px;margin:34px 0}
.why div{text-align:center}
.why b{display:block;font-size:30px}
.why strong{display:block;margin:6px 0 2px}
.why small{color:var(--m)}
@media(max-width:720px){.why{grid-template-columns:repeat(2,1fr)}}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:10px 0 30px}
.steps div{border:1px dashed var(--g);border-radius:14px;padding:16px;text-align:center}
.steps i{font-style:normal;display:inline-flex;width:34px;height:34px;border-radius:50%;background:var(--o);color:#fff;align-items:center;justify-content:center;font-weight:800;margin-bottom:6px}
@media(max-width:720px){.steps{grid-template-columns:1fr}}
.faq details{border:1px solid var(--b);border-radius:12px;padding:12px 14px;margin-bottom:8px;background:#fff}
.faq summary{font-weight:700;cursor:pointer}
.faq p{margin:8px 0 0;color:var(--m)}