/* ==========================================================================
 * Mangwao Storefront Child — v1.2.38 (PDP full spacing audit, remaining
 * gaps ONLY + lightbox plain arrows, NO circles)
 * Loads last (dependency: mangwao-137). Every rule below re-uses the exact
 * selector from mangwao-1.2.30.css / mangwao-1.2.33.css (the stylesheets
 * that actually render the PDP and the lightbox), so load order + equal
 * specificity guarantee the override. Nothing here touches content, font
 * sizes (except nothing — the arrow glyph stays 48px from 1.2.37), colours
 * of page content, the card, the header, the footer, or the newsletter.
 *
 * Why: user 2026-10-25 21:41 — poora PDP upar se neeche tak verify karo,
 * Related ke upar bhi bahut space hai, baqi bhi khud dekh lo; aur
 * lightbox ke "ajeeb se circle" hatao (left/right arrows ke gird gol
 * background). NOTE: 1.2.35/1.2.37 ke gaps dobara NAHI chhede gaye,
 * siwa aik wazeh istisna ke (neeche "ISTISNA" mein likha hai).
 * Pixel savings are CSS-value arithmetic, not a screen measurement.
 * ========================================================================== */

/* --- Gap A: price -> short description ---------------------------------- */
/* Cause: price margin-bottom 16px (1.2.30 line 92) — never touched before.
   Was 16px -> 12px. Saves 4px. Price size/colour untouched. */
.single-product div.product p.price,.single-product div.product span.price{margin-bottom:12px}

/* --- Gap B: tabs panel ki aakhri line ke neeche falto jagah ------------- */
/* Cause: panel ke andar aakhri paragraph/list ka apna bottom margin
   (Storefront base p margin) panel padding 18px ke neeche mazeed jagah
   banata tha — yehi jagah Related ke upar nazar aati thi. Aakhri child
   ka bottom margin 0 karne se panel apne content par khatam hota hai.
   Saves ~20px jab last-child margin maujood ho (warna 0, koi nuqsan
   nahi). Text size/line-height untouched. */
.single-product .woocommerce-Tabs-panel > *:last-child{margin-bottom:0}

/* --- ISTISNA (user ki 21:41 wali khaas shikayat par) ---------------------- */
/* Related ke upar wali jagah user ko ab bhi "bahut" lagi. Us gap ke do
   hisse 1.2.35 mein pehle hi kam hue thay (tabs bottom 28px, related top
   32px) — ye rule un par MAZEED kami hai, user ki seedhi shikayat par,
   chhup kar nahi: tabs bottom 28px -> 20px, related top 32px -> 22px.
   Saves 18px. Tabs top (24px) aur related bottom (16px) waisi ki waisi. */
.single-product div.product .woocommerce-tabs{margin-bottom:20px}
.single-product .related.products{margin-top:22px}

/* --- Gap C: related grid ke neeche falto padding ------------------------ */
/* Cause: related ul.products padding-bottom 8px (1.2.30) — aakhri card
   row ke neeche khaali jagah. Was 8px -> 0. Saves 8px. Grid gap 18px
   aur card sizes untouched. */
.single-product .related ul.products{padding-bottom:0}

/* --- Lightbox prev/next: circles POORI TARAH khatam, saade arrows -------- */
/* Was: 1.2.33 ne 52px circle (15% white bg) diya tha, 1.2.37 ne us ko
   60px dark circle (rgba(0,0,0,.55)) banaya tha. User ne 21:41 par kaha
   "ajeeb se circle htao" — is liye circle khatam: background transparent,
   border-radius 0, width/height auto, box-shadow none, koi oval nahi.
   Arrows saade plain ‹ › hain: safed, poori tarah opaque, 48px (1.2.37
   wala size barqarar), sirf halki text-shadow taake halki tasveer par
   bhi parhe ja saken (shadow circle/background NAHI hai). Position,
   top/transform, left/right (1.2.33 se) aur prev/next kaam waisa ka
   waisa — sirf shakal badli hai. Close (x) ko haath NAHI lagaya. */
#mgLightbox .mg-lb-prev,#mgLightbox .mg-lb-next{background:transparent;border:0;border-radius:0;box-shadow:none;width:auto;height:auto;padding:0 10px;color:#fff;opacity:1;font-size:48px;text-shadow:0 1px 10px rgba(0,0,0,.85),0 0 2px rgba(0,0,0,.9)}

/* --- Checked, jaan kar NAHI chheda ---------------------------------------
 * - Breadcrumb 16px, rating->price 8px, short-desc 10px, cart->Why 8/10px,
 *   Why box padding, Pay Securely 14px, meta padding-top 12px, share 10px,
 *   tabs top 24px, panel padding 18/16px, related heading 16px, mobile
 *   page-bottom 24px, mobile gallery gap 14px: 1.2.35/1.2.37 mein pehle hi
 *   kam hue — dobara nahi chhede (siwa upar wale ISTISNA ke).
 * - Title margin 12px, brand margin 8px, meta lines 8px, tab strip
 *   padding, related grid gap 18px, thumbnails, footer margin-top 35px:
 *   ye content/geometry hai, khali jagah nahi — Blogger ki rhythm ke
 *   mutabiq rehne diya.
 * - WC default rating row render hi nahi hoti (functions.php mein
 *   remove_action hai, sirf .mg-pdp-rating render hota hai) — koi double
 *   gap nahi hai.
 * - Gallery zoom icon (36px circle, top-right) ko haath NAHI lagaya —
 *   user ki shikayat sirf lightbox ke left/right arrows ke circles ki thi.
 * - 1.2.37.css ko haath NAHI lagaya (freeze) — circles ka khatma sirf
 *   is file ke override se hai, jo load-last order se pakka hai.
 */