/* NagarOnline.Pk Ultra V4.8 - precision fixes from real-device screenshots */

/* 1) Quantity: true full width and visible - / + controls. */
.single-product form.cart>.quantity,
.single-product div.product .woocommerce-variation-add-to-cart>.quantity{
  display:grid!important;grid-template-columns:var(--n46-qty-side,50px) minmax(0,1fr) var(--n46-qty-side,50px)!important;grid-template-areas:"minus qty plus"!important;
  width:100%!important;max-width:100%!important;height:var(--n42-button-h,48px)!important;min-height:var(--n42-button-h,48px)!important;
  padding:0!important;margin:0!important;border:1px solid #cbd8e8!important;border-radius:var(--n42-button-radius,12px)!important;
  overflow:hidden!important;background:#fff!important;box-sizing:border-box!important;float:none!important
}
.single-product form.cart>.quantity:before,.single-product div.product .woocommerce-variation-add-to-cart>.quantity:before{display:none!important;content:none!important}
.single-product .quantity .nagar-qty-minus{grid-area:minus!important}.single-product .quantity input.qty{grid-area:qty!important}.single-product .quantity .nagar-qty-plus{grid-area:plus!important}
.single-product .quantity .nagar-qty-step{
  display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:100%!important;min-height:0!important;
  position:static!important;inset:auto!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;
  background:#f3f7fc!important;color:#062b5e!important;font-size:24px!important;font-weight:900!important;line-height:1!important;visibility:visible!important;opacity:1!important
}
.single-product .quantity input.qty{
  display:block!important;width:100%!important;max-width:none!important;min-width:0!important;height:100%!important;min-height:0!important;
  margin:0!important;padding:0 8px!important;border:0!important;border-left:1px solid #dce5ef!important;border-right:1px solid #dce5ef!important;
  border-radius:0!important;background:#fff!important;text-align:center!important;font-size:18px!important;font-weight:900!important;color:#071d3d!important;box-shadow:none!important;
  -moz-appearance:textfield!important;appearance:textfield!important
}
.single-product .quantity input.qty::-webkit-inner-spin-button,.single-product .quantity input.qty::-webkit-outer-spin-button{-webkit-appearance:none!important;margin:0!important}

/* Product actions remain clean and equal width. */
.single-product form.cart{width:100%!important;max-width:100%!important;display:flex!important;flex-direction:column!important;gap:9px!important}
.single-product form.cart .single_add_to_cart_button,.single-product form.cart .nagar-wa-product{
  width:100%!important;max-width:100%!important;height:var(--n42-button-h,48px)!important;min-height:var(--n42-button-h,48px)!important;
  display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;padding:0 14px!important;margin:0!important;
  line-height:1!important;font-size:14px!important;font-weight:850!important;box-sizing:border-box!important
}

/* 2) Floating WhatsApp = real icon in a clean circle, never the letters WA. */
.nagar-wa-float{
  width:var(--n48-wa-size,52px)!important;height:var(--n48-wa-size,52px)!important;min-width:var(--n48-wa-size,52px)!important;min-height:var(--n48-wa-size,52px)!important;max-width:var(--n48-wa-size,52px)!important;max-height:var(--n48-wa-size,52px)!important;
  padding:0!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:0!important;line-height:0!important;
  overflow:hidden!important;box-shadow:0 10px 24px rgba(0,0,0,.18)!important
}
.n43-whatsapp_mobile_compact .nagar-wa-float:before,.nagar-wa-float:before{display:none!important;content:none!important}.n43-whatsapp_mobile_compact .nagar-wa-float svg,.nagar-wa-float svg{width:27px!important;height:27px!important;display:block!important;fill:#fff!important}

/* 3) Less bulky mobile chrome. */
@media(max-width:782px){
  .nagar-header-main{min-height:58px!important;padding-top:3px!important;padding-bottom:3px!important}
  .nagar-mobile-dock{padding:4px 3px calc(4px + env(safe-area-inset-bottom))!important;min-height:58px!important}
  .nagar-mobile-dock a,.nagar-mobile-dock button{gap:0!important;line-height:1!important}.nagar-mobile-dock svg{width:18px!important;height:18px!important}.nagar-mobile-dock span{font-size:9px!important;line-height:1.05!important;margin-top:2px!important}
  .nagar-footer{padding-bottom:calc(62px + env(safe-area-inset-bottom))!important}
}

/* 4) No reload notice / no View Cart. Add-to-cart itself carries the persistent tick. */
.woocommerce-message:has(a.wc-forward),.added_to_cart.wc-forward{display:none!important}
.add_to_cart_button.nagar-in-cart:after,.single_add_to_cart_button.nagar-in-cart:after,.add_to_cart_button.nagar-added-ok:after,.single_add_to_cart_button.nagar-added-ok:after{
  content:"✓"!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;width:22px!important;height:22px!important;
  margin-left:9px!important;border-radius:50%!important;background:rgba(255,255,255,.18)!important;color:#fff!important;font-size:15px!important;font-weight:1000!important;line-height:1!important
}

/* 5) Drawer checkout CTA: explicit fill/text so it can never become a blank box. */
.nagar-mini-actions{grid-template-columns:1fr!important}.nagar-mini-actions .nagar-mini-checkout,.nagar-mini-actions a[href*="checkout"]{
  display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-height:52px!important;
  background:linear-gradient(90deg,#0758d7,#0b6be9)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;
  border:0!important;border-radius:12px!important;font-size:16px!important;font-weight:900!important;text-align:center!important;visibility:visible!important;opacity:1!important
}

/* 6) Remove the large Builder checkout trust wall. */
.woocommerce-checkout .nagar-block-trust{display:none!important}

/* Checkout header is useful but compact; the giant pre-checkout wall/progress is gone. */
.woocommerce-checkout .nagar-checkout-progress{display:none!important}
.woocommerce-checkout .nagar-checkout-heading{padding:14px 16px!important;margin:6px 0 12px!important;border-radius:13px!important;box-shadow:none!important}
.woocommerce-checkout .nagar-checkout-heading h1{font-size:22px!important;line-height:1.1!important;margin:0!important}.woocommerce-checkout .nagar-checkout-heading p{font-size:12px!important;margin:5px 0 0!important}

/* 7/8) Checkout is genuinely full width on mobile and always reaches order review/payment/place order. */
@media(max-width:782px){
  body.woocommerce-checkout .nagar-checkout-page-v44{padding:8px 0 calc(76px + env(safe-area-inset-bottom))!important;background:#f5f7fb!important}
  body.woocommerce-checkout .nagar-checkout-page-shell,body.woocommerce-checkout .nagar-container.nagar-checkout-page-shell{width:100%!important;max-width:100%!important;margin:0!important;padding:0 8px!important;box-sizing:border-box!important}
  body.woocommerce-checkout .nagar-checkout-page-shell>.woocommerce{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;overflow:visible!important}
  body.woocommerce-checkout form.checkout,body.woocommerce-checkout .nagar-v48-checkout-form{display:block!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}
  body.woocommerce-checkout #customer_details,body.woocommerce-checkout #customer_details .col-1,body.woocommerce-checkout #customer_details .col-2,
  body.woocommerce-checkout #order_review_heading,body.woocommerce-checkout #order_review{display:block!important;width:100%!important;max-width:100%!important;float:none!important;clear:both!important;box-sizing:border-box!important}
  body.woocommerce-checkout #customer_details .col-1,body.woocommerce-checkout #customer_details .col-2,body.woocommerce-checkout #order_review{padding:14px 10px!important;margin:0 0 10px!important;border-radius:13px!important}
  body.woocommerce-checkout #order_review_heading{margin:14px 0 8px!important;padding:0 4px!important;font-size:21px!important;color:#071d3d!important}
  body.woocommerce-checkout .form-row,body.woocommerce-checkout .form-row-first,body.woocommerce-checkout .form-row-last,body.woocommerce-checkout .form-row-wide{width:100%!important;max-width:100%!important;float:none!important;clear:both!important;margin-left:0!important;margin-right:0!important}
  body.woocommerce-checkout .form-row input,body.woocommerce-checkout .form-row textarea,body.woocommerce-checkout .form-row select,body.woocommerce-checkout .select2-container{width:100%!important;max-width:100%!important;box-sizing:border-box!important}
  body.woocommerce-checkout #payment,body.woocommerce-checkout #payment ul.payment_methods,body.woocommerce-checkout #payment .form-row.place-order{width:100%!important;max-width:100%!important;box-sizing:border-box!important}
  body.woocommerce-checkout #place_order{display:flex!important;width:100%!important;min-height:54px!important;align-items:center!important;justify-content:center!important;background:#0758d7!important;color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:16px!important;font-weight:900!important;visibility:visible!important;opacity:1!important}
  body.woocommerce-checkout .nagar-checkout-pills{display:none!important}
}

/* Avoid a global builder quote CTA extending below critical cart/checkout/account screens. */
body.woocommerce-checkout .nagar-template-region:last-of-type .nagar-block-wa,body.woocommerce-cart .nagar-template-region:last-of-type .nagar-block-wa{display:none!important}