/* ============================================================
   ORA-040 — Launch Night Fixes (orangi.in)
   11 critical issues, single CSS file enqueued after style.css
   so it wins on source order at equal specificity.
   ============================================================ */

/* ============================================================
   #1 — CART: clean × remove link (theme uses .o-ci-remove)
   ============================================================ */

/* Theme-specific: the cart.php anchor */
.woocommerce-cart .o-ci-remove{
    position:absolute!important;
    top:8px!important;right:8px!important;
    width:auto!important;height:auto!important;
    background:transparent!important;border:none!important;
    color:transparent!important;
    font-size:0!important;line-height:1!important;
    padding:4px!important;
    text-decoration:none!important;
    z-index:2!important;
}
.woocommerce-cart .o-ci-remove::before{
    content:"\2715"; /* ✕ */
    font-size:18px!important;font-weight:300!important;
    color:#999!important;display:inline-block!important;
    line-height:1!important;
}
.woocommerce-cart .o-ci-remove:hover::before{color:#E8610A!important;}

/* The o-cart-item needs position:relative so absolute child anchors */
.woocommerce-cart .o-cart-item{position:relative!important;}

/* Defensive: vanilla WC fallback (in case .product-remove ever renders) */
.woocommerce-cart .cart_item .product-remove a.remove,
.woocommerce-cart .cart_item .product-remove .remove{
    position:absolute!important;top:8px!important;right:8px!important;
    width:auto!important;height:auto!important;
    background:transparent!important;border:none!important;
    color:#999!important;font-size:0!important;
    padding:4px!important;text-indent:-9999px!important;
}
.woocommerce-cart .cart_item .product-remove a.remove::before{
    content:"\2715"!important;font-size:16px!important;font-weight:300!important;
    text-indent:0!important;display:inline-block!important;color:#999!important;
}
.woocommerce-cart .cart_item .product-remove a.remove:hover::before{color:#E8610A!important;}

/* ============================================================
   #2 — WhatsApp float: lift above sticky bars (theme uses .o-wa-float)
   ============================================================ */

.o-wa-float{
    bottom:90px!important;       /* above #o-sticky bar (~70px tall) */
    right:12px!important;
    z-index:50!important;        /* below sticky bar (z:100) */
}
@media (max-width:768px){
    .o-wa-float{
        width:48px!important;height:48px!important;
        bottom:100px!important;
    }
}
/* On homepage (no sticky CTA bar by default), drop back down */
body.home .o-wa-float{bottom:20px!important;}

/* Defensive: also target common WA plugin classes (Join.chat, etc.) */
.wa-chat-widget,
.whatsapp-chat-button,
.wa-floating-button,
.whatsapp-widget,
[class*="whatsapp-float"],
[class*="wa-float"]:not(.o-wa-float),
.qlwapp-chat-trigger,
.joinchat__button{
    bottom:90px!important;right:12px!important;z-index:50!important;
}
@media (max-width:768px){
    .wa-chat-widget,
    .whatsapp-chat-button,
    .joinchat__button,
    [class*="whatsapp-float"]{
        width:48px!important;height:48px!important;bottom:100px!important;
    }
}

/* ============================================================
   #3 & #5 — PDP: edge-to-edge image + kill top blank space
   (body.o-pdp-page filter already exists from ORA-039r)
   ============================================================ */

@media (max-width:768px){
    body.o-pdp-page .woocommerce-product-gallery,
    body.single-product .woocommerce-product-gallery,
    body.o-pdp-page .o-mp-gallery-section{
        margin-left:0!important;margin-right:0!important;
        margin-top:0!important;padding:0!important;
        width:100%!important;max-width:100%!important;
    }
    body.o-pdp-page .woocommerce-product-gallery img,
    body.single-product .woocommerce-product-gallery img,
    body.o-pdp-page .o-mp-gallery-section img{
        width:100%!important;border-radius:0!important;display:block!important;
    }
    body.o-pdp-page .product .summary,
    body.o-pdp-page .product-details,
    body.single-product .product .summary,
    body.o-pdp-page .o-mp-info{
        padding-left:16px!important;padding-right:16px!important;
    }
    /* Kill all top blank space above gallery */
    body.o-pdp-page .breadcrumb,
    body.o-pdp-page .woocommerce-breadcrumb{display:none!important;}
    body.o-pdp-page .site-main,
    body.o-pdp-page .content-area,
    body.o-pdp-page main,
    body.o-pdp-page .o-page-content,
    body.o-pdp-page .o-woo-wrap{
        padding-top:0!important;margin-top:0!important;
    }
    body.o-pdp-page .product,
    body.o-pdp-page article.o-myntra-pdp,
    body.o-pdp-page .o-pdp-edge{
        padding-top:0!important;margin-top:0!important;
    }
}

/* ============================================================
   #4 — Best Seller + Sale badge separation
   Theme renders ONLY ONE .o-plp-badge per card (priority logic
   in content-product.php), so they don't actually overlap. But
   we keep this CSS in case a future vanilla WC .onsale renders
   alongside, and to enforce consistent corner positioning.
   ============================================================ */

/* Theme single-badge stays top-left */
.o-plp-card .o-plp-badge.o-plp-badge-bestseller,
.o-plp-card .o-plp-badge.o-plp-badge-new,
.o-plp-card .o-plp-badge.o-plp-badge-stock{
    position:absolute!important;top:10px!important;left:10px!important;right:auto!important;
}
/* If sale-class badge ever renders, push it to top-right so it can co-exist with bestseller/new */
.o-plp-card .o-plp-badge.o-plp-badge-sale{
    position:absolute!important;top:10px!important;right:10px!important;left:auto!important;
}

/* Defensive: vanilla WC .onsale (used elsewhere on archive defaults) */
.product .onsale,
span.onsale,
.woocommerce span.onsale{
    position:absolute!important;
    top:12px!important;right:12px!important;left:auto!important;
    background:#E8610A!important;color:#fff!important;
    border-radius:4px!important;
    padding:4px 10px!important;
    font-size:11px!important;font-weight:600!important;
    text-transform:uppercase!important;letter-spacing:0.5px!important;
    z-index:5!important;min-height:auto!important;line-height:1.3!important;
}
/* Generic "best seller" badges from other contexts */
.product .o-best-seller-badge,
.product .best-seller,
.product .badge-bestseller{
    position:absolute!important;top:12px!important;left:12px!important;right:auto!important;z-index:5!important;
}

/* ============================================================
   #6 — Payment page (order-received / thank-you) layout
   Theme has a custom thankyou.php (ORA-039c) but we add defensive
   rules in case vanilla WC fragments leak in or wp-rocket caches
   a broken state. Theme's announcement bar uses .o-ann (not the
   generic .o-announcement-bar selector from spec).
   ============================================================ */

/* Hide announcement bar on order confirmation */
.woocommerce-order-received .o-ann,
.woocommerce-order-received .o-announcement-bar,
.woocommerce-order-received .top-bar-promo{display:none!important;}

/* Order overview grid (vanilla WC fallback) */
.woocommerce-order-received .woocommerce-order{
    padding:24px 16px!important;background:#FAF6EF!important;
}
.woocommerce-order-received .woocommerce-order-overview{
    display:grid!important;
    grid-template-columns:repeat(auto-fit,minmax(120px,1fr))!important;
    gap:16px!important;
    background:#fff!important;padding:16px!important;
    border-radius:8px!important;border:1px solid #EBE6DC!important;
    list-style:none!important;margin:0 0 24px 0!important;
}
.woocommerce-order-received .woocommerce-order-overview li{
    padding:8px!important;border:none!important;
}
.woocommerce-order-received .woocommerce-order-overview li strong{
    display:block!important;font-size:14px!important;color:#1A1A1A!important;
}

/* Hide newsletter/early-access sections on order confirmation */
.woocommerce-order-received .newsletter-section,
.woocommerce-order-received .early-access-section,
.woocommerce-order-received [class*="newsletter"],
.woocommerce-order-received [class*="early-access"]{display:none!important;}

/* ============================================================
   #7 — Accordion / FAQ + icons (PDP uses .o-prod-acc-btn + .o-acc-icon)
   ============================================================ */

/* Theme PDP accordion icon */
.o-prod-acc .o-acc-icon,
.o-prod-acc-btn .o-acc-icon{
    display:inline-flex!important;
    align-items:center!important;justify-content:center!important;
    width:24px!important;height:24px!important;
    border-radius:50%!important;background:#FAF6EF!important;
    font-size:18px!important;line-height:1!important;font-weight:300!important;
    color:#E8610A!important;
    transition:transform 0.2s ease!important;
}
.o-prod-acc.open .o-acc-icon{transform:rotate(45deg)!important;}

/* Defensive: generic accordion icon classes from other sections/plugins */
.accordion-toggle::before,
.faq-question::after,
.expandable-section .toggle-icon,
.o-accordion-icon,
button[aria-expanded] .icon-plus{
    display:inline-flex!important;
    align-items:center!important;justify-content:center!important;
    width:24px!important;height:24px!important;
    border-radius:50%!important;background:#FAF6EF!important;
    font-size:18px!important;line-height:1!important;font-weight:300!important;
    color:#E8610A!important;
    transition:transform 0.2s ease!important;
}
button[aria-expanded="true"] .icon-plus,
.accordion-toggle.open::before{transform:rotate(45deg)!important;}

/* ============================================================
   #8 — Homepage product grid image visibility
   Theme uses static .o-grid > .o-card (NOT a JS carousel).
   Force images to render in case lazy-load lib hides them.
   ============================================================ */

body.home .o-grid .o-card img,
body.home .o-card-img img,
body.front-page .o-grid .o-card img{
    display:block!important;
    max-width:100%!important;height:auto!important;
    opacity:1!important;visibility:visible!important;filter:none!important;
}

/* Defensive: in case any Swiper/Slick/Elementor carousel sneaks in */
.swiper-wrapper,
.slick-track,
.elementor-carousel,
[class*="carousel"] .swiper-slide,
[class*="carousel"] .slick-slide{
    visibility:visible!important;opacity:1!important;
}
.swiper-slide img,
.slick-slide img,
.elementor-carousel img{
    display:block!important;max-width:100%!important;height:auto!important;
}
.swiper img[data-src]:not([src]),
img.lazyload:not(.loaded){opacity:1!important;filter:none!important;}

/* ============================================================
   #10 & #11 — Coupon banner styling (theme uses .o-ann)
   ============================================================ */

.o-ann,
.o-announcement-bar,
.top-bar-promo,
.header-promo{
    background:linear-gradient(90deg,#E8610A 0%,#F47C2E 100%)!important;
    color:#fff!important;
    padding:8px 16px!important;
    font-size:13px!important;font-weight:500!important;
    text-align:center!important;letter-spacing:0.3px!important;
}
.o-ann .o-ann-track,
.o-ann *{color:#fff!important;}

@media (max-width:768px){
    .o-ann,
    .o-announcement-bar,
    .top-bar-promo{
        font-size:11px!important;padding:6px 12px!important;
    }
}

/* Coupon highlight on PDP near price (badge users can add later) */
.o-coupon-badge,
.product-coupon-promo{
    display:inline-flex!important;align-items:center!important;gap:6px!important;
    background:#FFF3E6!important;color:#E8610A!important;
    border:1px dashed #E8610A!important;
    padding:6px 12px!important;border-radius:6px!important;
    font-size:13px!important;font-weight:500!important;
    margin:12px 0!important;
}

/* ============================================================
   End ORA-040
   ============================================================ */

/* ===========================================================
   ORA-040b: Post-deploy iPhone test fixes
   Added: 2026-05-15
   =========================================================== */

/* Fix 12: PDP duplicate sections hide
   Theme custom info-card primary, WC default tabs redundant */
.o-pdp-page .woocommerce-Tabs-panel--additional_information,
.o-pdp-page .woocommerce-product-attributes,
.o-pdp-page .shop_attributes,
.o-pdp-page .wc-tabs-wrapper,
.o-pdp-page .woocommerce-tabs {
  display: none !important;
}

/* If duplicate is sibling o-prod-acc instance */
.o-pdp-page .o-prod-acc ~ .o-prod-acc {
  display: none !important;
}

/* Fix 13: PDP summary/meta padding consistency */
.o-pdp-page .summary,
.o-pdp-page .product_meta,
.o-pdp-page .o-pdp-summary,
.o-pdp-page .entry-summary {
  padding-left: 16px !important;
  padding-right: 16px !important;
  box-sizing: border-box !important;
}

/* Fix 14: Cart remove icon — proper position + style */
.woocommerce-cart-form .product-remove,
.o-ci-remove,
a.remove {
  position: absolute !important;
  top: 8px !important;
  right: 8px !important;
  width: 28px !important;
  height: 28px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #fff !important;
  border: 1px solid #EBE6DC !important;
  border-radius: 50% !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  color: #1A1A1A !important;
  text-decoration: none !important;
  z-index: 5 !important;
}

.woocommerce-cart-form .product-remove:hover,
a.remove:hover {
  background: #FAF6EF !important;
  color: #E8610A !important;
}

.woocommerce-cart-form .cart_item,
.woocommerce-cart-form tr.cart_item {
  position: relative !important;
}

/* Fix 15: Cart price — prevent currency symbol split */
.woocommerce-cart-form .product-price,
.woocommerce-cart-form .product-subtotal,
.product-price .woocommerce-Price-amount,
.product-subtotal .woocommerce-Price-amount {
  white-space: nowrap !important;
}

/* Fix 16: Broken image placeholder cleaner */
.woocommerce-cart-form .product-thumbnail img[src*="placeholder"],
.woocommerce-cart-form .product-thumbnail .wp-post-image:not([src]) {
  opacity: 0.3 !important;
  filter: grayscale(100%) !important;
}

/* ===========================================================
   ORA-040b DELTA: Corrected PDP duplicate selectors + Desktop
   Added: 2026-05-15 (after diagnostic)
   =========================================================== */

/* Fix 12-CORRECTED: PDP duplicate uses theme-custom classes,
   NOT WC defaults. Hide functions.php render (o-pdp-* prefix),
   keep content-single-product.php render (o-mp-* prefix). */
.o-pdp-page .o-pdp-quality-text,
.o-pdp-page .o-pdp-quality-badges,
.o-pdp-page .o-pdp-more-info,
.o-pdp-page .o-pdp-sku {
  display: none !important;
}

/* Fix 17: PDP gallery overflow — desktop critical */
.o-pdp-page .woocommerce-product-gallery,
body.single-product .woocommerce-product-gallery {
  max-width: 100% !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
  position: relative !important;
}

.o-pdp-page .woocommerce-product-gallery img,
body.single-product .woocommerce-product-gallery img,
.o-pdp-page .woocommerce-product-gallery__image img {
  max-width: 100% !important;
  height: auto !important;
  display: block !important;
}

/* Fix 18: PDP main container constraint */
body.single-product div.product,
.o-pdp-page div.product {
  max-width: 1280px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 16px !important;
  padding-right: 16px !important;
  box-sizing: border-box !important;
  overflow-x: hidden !important;
}

/* Fix 19: Announcement bar duplicate hide
   header.php:12 = primary, index.php:13 = duplicate.
   Both render with .o-ann — sibling selector hides 2nd. */
.o-ann + .o-ann,
.o-ann ~ .o-ann {
  display: none !important;
}

/* Fix 20: Related products fallback styling */
.related .product,
.up-sells .product {
  border: 1px solid #EBE6DC !important;
  border-radius: 4px !important;
  overflow: hidden !important;
  background: #fff !important;
}

.related .product img:not([src]),
.related .product img[src=""],
.up-sells .product img:not([src]) {
  background: #FAF6EF !important;
  min-height: 280px !important;
}

/* Fix 21: Body horizontal overflow guard */
body.single-product,
body.woocommerce-page {
  overflow-x: hidden !important;
}

/* ===========================================================
   ORA-040c P1: Foundation alignment + responsive
   =========================================================== */

/* Universal mobile container reset */
@media (max-width: 768px) {
  html, body {
    overflow-x: hidden !important;
    max-width: 100vw !important;
  }

  body > *,
  body > div,
  main, section {
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
}

/* Shop page — empty slots hide, top space, text */
ul.products li.product:empty,
.products .product:empty {
  display: none !important;
}

@media (max-width: 768px) {
  .woocommerce-shop .woocommerce-products-header,
  .woocommerce-shop .page-title-wrapper,
  .woocommerce-shop > header {
    padding: 12px 16px 8px !important;
    margin: 0 !important;
  }

  .woocommerce-shop main > .container,
  .woocommerce-shop .site-main {
    padding-top: 4px !important;
  }

  .products .product .woocommerce-loop-product__title,
  .products h2.woocommerce-loop-product__title {
    font-size: 13px !important;
    line-height: 1.35 !important;
    overflow: visible !important;
    white-space: normal !important;
    text-overflow: clip !important;
    display: block !important;
  }
}

/* Choose Options badge */
.products .product .button.product_type_variable,
.products a.product_type_variable,
.products .o-plp-choose-options {
  position: absolute !important;
  bottom: 12px !important;
  right: 12px !important;
  background: rgba(232, 96, 10, 0.95) !important;
  color: #fff !important;
  padding: 6px 14px !important;
  border-radius: 24px !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  white-space: nowrap !important;
  line-height: 1.2 !important;
  z-index: 3 !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
}

.products .product {
  position: relative !important;
}

/* Cart mobile overhaul */
@media (max-width: 768px) {
  .woocommerce-cart .woocommerce {
    padding: 0 12px !important;
  }

  .woocommerce-cart tr.cart_item,
  .woocommerce-cart .cart_item {
    display: grid !important;
    grid-template-columns: 88px 1fr !important;
    gap: 12px !important;
    padding: 16px 12px !important;
    border-bottom: 1px solid #EBE6DC !important;
    position: relative !important;
  }

  .woocommerce-cart .cart_item .product-thumbnail {
    grid-row: span 4 !important;
  }

  .woocommerce-cart .cart_item .product-thumbnail img {
    width: 88px !important;
    height: auto !important;
    border-radius: 6px !important;
  }

  .woocommerce-cart .cart_item .product-name,
  .woocommerce-cart .cart_item .product-name a {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #1A1A1A !important;
    line-height: 1.35 !important;
    text-decoration: none !important;
  }

  .woocommerce-cart .cart_item .product-remove {
    position: absolute !important;
    top: 12px !important;
    right: 12px !important;
  }

  .woocommerce-cart .product-remove a.remove,
  .woocommerce-cart .product-remove a {
    width: 30px !important;
    height: 30px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #FAF6EF !important;
    border: 1px solid #EBE6DC !important;
    border-radius: 50% !important;
    color: #1A1A1A !important;
    text-decoration: none !important;
    font-size: 0 !important;
  }

  .woocommerce-cart .product-remove a::before {
    content: "×" !important;
    font-size: 20px !important;
    line-height: 1 !important;
  }
}

/* PDP mobile full container */
@media (max-width: 768px) {
  .o-pdp-page .summary,
  body.single-product .summary,
  .o-pdp-page .entry-summary {
    padding: 16px !important;
    margin: 0 !important;
    width: 100% !important;
  }

  .o-pdp-page .o-delivery-card,
  .o-pdp-page [class*="deliver"],
  body.single-product [class*="delivery"],
  .o-pdp-page .o-prod-acc,
  body.single-product .o-mp-section {
    width: 100% !important;
    margin: 12px 0 !important;
    padding: 14px !important;
    box-sizing: border-box !important;
  }
}

/* Thank you page mobile */
@media (max-width: 768px) {
  body.woocommerce-order-received .woocommerce,
  body.woocommerce-order-received main {
    padding: 12px 16px !important;
    width: 100% !important;
    overflow-x: hidden !important;
  }

  .woocommerce-thankyou-order-details {
    display: flex !important;
    flex-direction: column !important;
    padding: 16px !important;
    margin: 16px 0 !important;
    background: #FAF6EF !important;
    border-radius: 12px !important;
    list-style: none !important;
  }

  .woocommerce-thankyou-order-details li {
    padding: 12px 0 !important;
    border-bottom: 1px solid #EBE6DC !important;
    width: 100% !important;
    text-align: left !important;
    list-style: none !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
  }

  .woocommerce-thankyou-order-details li:last-child {
    border-bottom: none !important;
  }
}

/* Coupon/error messages */
.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
  padding: 12px 16px !important;
  border-radius: 8px !important;
  margin: 12px 0 !important;
  font-size: 14px !important;
  list-style: none !important;
}

.woocommerce-error,
.woocommerce-error li {
  background: #FFF1F0 !important;
  color: #C92A2A !important;
  border-left: 4px solid #C92A2A !important;
}

.woocommerce-message,
.woocommerce-message li {
  background: #F0FFF4 !important;
  color: #2B8A3E !important;
  border-left: 4px solid #2B8A3E !important;
}

/* Duplicate announcement bar hide (insurance) */
.o-ann + .o-ann,
.o-ann ~ .o-ann,
body.home .marquee + .marquee {
  display: none !important;
}

/* ===========================================================
   ORA-040c P1.6 HOTFIX: Hide related/upsell for launch
   Re-enable in ORA-041 when catalog has 8+ stocked products
   =========================================================== */

/* Hide related + upsell entirely */
body.single-product .related.products,
body.single-product .upsells.products,
body.single-product .cross-sells,
.o-pdp-page .related,
.o-pdp-page .upsells {
  display: none !important;
}

/* PDP body — collapse two-column layout when content ends */
body.single-product div.product::after {
  content: "" !important;
  display: block !important;
  clear: both !important;
}

/* Force summary column to flow naturally without right-column orphans */
body.single-product .summary {
  margin-bottom: 40px !important;
}

/* Tighten gallery column on desktop — no dead space below thumbs */
@media (min-width: 1024px) {
  body.single-product .woocommerce-product-gallery {
    align-self: flex-start !important;
  }
}

/* ===========================================================
   ORA-040c P1.7 HOTFIX: Delivery card + selector cleanup
   =========================================================== */

/* Undo over-aggressive body * max-width from Fix 22 */
@media (max-width: 768px) {
  body * {
    max-width: none !important;
  }

  /* Re-add only essential constraints */
  body img,
  body video,
  body iframe {
    max-width: 100% !important;
  }
}

/* Undo [class*="deliver"] broad targeting — only target the CARD itself */
.o-pdp-page [class*="deliver"] *,
body.single-product [class*="delivery"] * {
  width: auto !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

/* Delivery card — proper flex layout */
@media (max-width: 768px) {
  /* Actual delivery card container (verify class from Task 1) */
  .o-pdp-page .o-delivery-card,
  .o-pdp-page .o-pdp-delivery,
  .o-pdp-page .o-pdp-shipping,
  body.single-product .deliver-section,
  body.single-product .pincode-checker {
    display: block !important;
    width: 100% !important;
    padding: 14px !important;
    margin: 12px 0 !important;
    box-sizing: border-box !important;
    border: 1px solid #EBE6DC !important;
    border-radius: 10px !important;
    background: #fff !important;
  }

  /* PIN code input row */
  .o-pdp-page .o-delivery-card form,
  .o-pdp-page .pincode-form {
    display: flex !important;
    gap: 8px !important;
    width: 100% !important;
    margin-bottom: 14px !important;
  }

  /* Each delivery info row: icon + text inline */
  .o-pdp-page .o-delivery-card > div,
  .o-pdp-page .o-delivery-card li,
  .o-pdp-page .o-pdp-delivery-row {
    display: flex !important;
    align-items: flex-start !important;
    gap: 10px !important;
    padding: 6px 0 !important;
    width: 100% !important;
    flex-direction: row !important;
    justify-content: flex-start !important;
  }

  /* Icon stays small, text takes remaining width */
  .o-pdp-page .o-delivery-card .o-emoji,
  .o-pdp-page .o-delivery-card img {
    flex: 0 0 auto !important;
    width: 24px !important;
    height: 24px !important;
  }

  .o-pdp-page .o-delivery-card .o-delivery-text,
  .o-pdp-page .o-delivery-card span:not(.o-emoji) {
    flex: 1 1 auto !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
  }
}

/* ===========================================================
   ORA-040c HOTFIX DELTA: .o-mp-* selectors (real Myntra-clone classes)
   Targets woocommerce/content-single-product.php:121-143
   =========================================================== */

@media (max-width: 768px) {
  /* Container — full-width card */
  .o-pdp-page .o-mp-delivery,
  body.single-product .o-mp-delivery {
    display: block !important;
    width: 100% !important;
    padding: 14px !important;
    margin: 12px 0 !important;
    box-sizing: border-box !important;
    border: 1px solid #EBE6DC !important;
    border-radius: 10px !important;
    background: #fff !important;
  }

  /* "DELIVER TO" header label */
  .o-mp-delivery-header,
  .o-mp-deliver-to {
    font-size: 12px !important;
    font-weight: 600 !important;
    color: #999 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    margin: 0 0 10px !important;
    display: block !important;
    width: 100% !important;
  }

  /* PIN code form row */
  .o-mp-pincode-row {
    display: flex !important;
    flex-direction: row !important;
    gap: 8px !important;
    width: 100% !important;
    margin-bottom: 14px !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
  }

  .o-mp-pin-input {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    padding: 10px 14px !important;
    border: 1px solid #EBE6DC !important;
    border-radius: 8px !important;
    font-size: 14px !important;
    box-sizing: border-box !important;
  }

  .o-mp-pin-check {
    flex: 0 0 auto !important;
    padding: 10px 20px !important;
    background: #fff !important;
    color: #E8610A !important;
    border: 1.5px solid #E8610A !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    white-space: nowrap !important;
  }

  /* Info rows container */
  .o-mp-delivery-info {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
  }

  /* Single info row: icon + text inline */
  .o-mp-delivery-row {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    padding: 4px 0 !important;
    width: 100% !important;
    flex-wrap: nowrap !important;
    list-style: none !important;
    margin: 0 !important;
  }

  /* Icon — fixed 24px, no grow */
  .o-mp-delivery-icon {
    flex: 0 0 24px !important;
    width: 24px !important;
    height: 24px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 18px !important;
    line-height: 1 !important;
  }

  .o-mp-delivery-icon img {
    width: 24px !important;
    height: 24px !important;
    object-fit: contain !important;
  }

  /* Text — flex grow */
  .o-mp-delivery-text {
    flex: 1 1 auto !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
    color: #1A1A1A !important;
    margin: 0 !important;
  }
}

/* ===========================================================
   ORA-040c P2: Variations form, gallery, coupon UX
   =========================================================== */

/* Variations form — pill-style size selector */
.variations_form .variations {
  margin-bottom: 16px;
}

.variations_form .variations tr,
.variations_form .variations td {
  display: block !important;
  width: 100% !important;
  padding: 0 !important;
  border: none !important;
}

.variations_form .variations .label {
  margin-bottom: 8px !important;
  text-align: left !important;
}

.variations_form .variations .label label {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #1A1A1A !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
}

.variations_form .reset_variations {
  display: inline-block !important;
  margin-top: 8px !important;
  font-size: 12px !important;
  color: #666 !important;
  text-decoration: underline !important;
}

/* Hide native select, render custom pills via JS (Task P2.3) */
.variations_form select.orangi-size-select {
  display: none !important;
}

/* Custom size pill buttons (created by JS) */
.orangi-size-pills {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin: 8px 0 !important;
}

.orangi-size-pill {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 56px !important;
  padding: 10px 16px !important;
  border: 1.5px solid #EBE6DC !important;
  border-radius: 24px !important;
  background: #fff !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  color: #1A1A1A !important;
  cursor: pointer !important;
  user-select: none !important;
  transition: all 0.15s ease !important;
  position: relative !important;
}

.orangi-size-pill:hover {
  border-color: #1A1A1A !important;
}

.orangi-size-pill.is-selected {
  background: #1A1A1A !important;
  color: #fff !important;
  border-color: #1A1A1A !important;
}

.orangi-size-pill.is-out-of-stock {
  color: #999 !important;
  background: #F5F5F5 !important;
  border-color: #EBE6DC !important;
  cursor: pointer !important;
  text-decoration: line-through !important;
  position: relative !important;
}

.orangi-size-pill.is-out-of-stock::after {
  content: "Notify" !important;
  position: absolute !important;
  top: -8px !important;
  right: -4px !important;
  background: #E8610A !important;
  color: #fff !important;
  font-size: 9px !important;
  padding: 2px 6px !important;
  border-radius: 8px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}

/* Coupon UX — collapsible field in cart */
.orangi-coupon-toggle {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  color: #E8610A !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  text-decoration: underline !important;
  cursor: pointer !important;
  padding: 12px 0 !important;
}

.orangi-coupon-form {
  display: none;
  margin-top: 12px;
}

.orangi-coupon-form.is-open {
  display: flex !important;
  gap: 8px !important;
  width: 100% !important;
}

.orangi-coupon-form input {
  flex: 1 !important;
  padding: 12px 14px !important;
  border: 1px solid #EBE6DC !important;
  border-radius: 24px !important;
  font-size: 14px !important;
}

.orangi-coupon-form button {
  padding: 12px 20px !important;
  background: #1A1A1A !important;
  color: #fff !important;
  border: none !important;
  border-radius: 24px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
}

.orangi-coupon-error {
  margin-top: 8px !important;
  padding: 10px 14px !important;
  background: #FFF1F0 !important;
  color: #C92A2A !important;
  border-radius: 8px !important;
  font-size: 13px !important;
  border-left: 3px solid #C92A2A !important;
}

/* WC gallery slider — touch-friendly mobile */
.woocommerce-product-gallery {
  position: relative !important;
}

.woocommerce-product-gallery__image img {
  width: 100% !important;
  height: auto !important;
}

.flex-control-thumbs {
  display: flex !important;
  gap: 8px !important;
  margin: 12px 0 !important;
  padding: 0 !important;
  list-style: none !important;
  overflow-x: auto !important;
}

.flex-control-thumbs li {
  flex: 0 0 60px !important;
  list-style: none !important;
}

.flex-control-thumbs img {
  width: 60px !important;
  height: 60px !important;
  object-fit: cover !important;
  border: 2px solid transparent !important;
  border-radius: 6px !important;
  cursor: pointer !important;
}

.flex-control-thumbs img.flex-active,
.flex-control-thumbs .flex-active img {
  border-color: #E8610A !important;
}

/* ===========================================================
   ORA-040c P3: Notify Me modal
   =========================================================== */
.orangi-notify-modal {
  position: fixed !important;
  inset: 0 !important;
  z-index: 9999 !important;
}

.orangi-notify-backdrop {
  position: absolute !important;
  inset: 0 !important;
  background: rgba(0,0,0,0.6) !important;
}

.orangi-notify-dialog {
  position: relative !important;
  background: #fff !important;
  border-radius: 16px !important;
  padding: 28px 24px !important;
  width: calc(100% - 32px) !important;
  max-width: 380px !important;
  margin: 80px auto !important;
  box-shadow: 0 20px 60px rgba(0,0,0,0.2) !important;
}

.orangi-notify-close {
  position: absolute !important;
  top: 12px !important;
  right: 12px !important;
  width: 32px !important;
  height: 32px !important;
  background: #FAF6EF !important;
  border: none !important;
  border-radius: 50% !important;
  font-size: 20px !important;
  cursor: pointer !important;
  color: #1A1A1A !important;
}

.orangi-notify-dialog h3 {
  margin: 0 0 8px !important;
  font-size: 18px !important;
  color: #1A1A1A !important;
}

.orangi-notify-sub {
  margin: 0 0 16px !important;
  font-size: 13px !important;
  color: #666 !important;
}

.orangi-notify-phone {
  width: 100% !important;
  padding: 12px 16px !important;
  border: 1.5px solid #EBE6DC !important;
  border-radius: 24px !important;
  font-size: 15px !important;
  margin-bottom: 12px !important;
  box-sizing: border-box !important;
}

.orangi-notify-submit {
  width: 100% !important;
  padding: 14px !important;
  background: #25D366 !important;
  color: #fff !important;
  border: none !important;
  border-radius: 24px !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
}

.orangi-notify-result .orangi-error {
  margin-top: 12px;
  padding: 10px 14px;
  background: #FFF1F0;
  color: #C92A2A;
  border-radius: 8px;
  font-size: 13px;
}

.orangi-notify-result .orangi-success {
  margin-top: 12px;
  padding: 10px 14px;
  background: #F0FFF4;
  color: #2B8A3E;
  border-radius: 8px;
  font-size: 13px;
}

/* ===========================================================
   ORA-040c HOTFIX 2: Hide duplicate variations form on PDP
   =========================================================== */

/* Keep only first variations form, hide subsequent duplicates */
body.single-product .variations_form ~ .variations_form,
.o-pdp-page .variations_form ~ .variations_form {
  display: none !important;
}

/* Also hide duplicate size-pills containers if both forms processed */
body.single-product .orangi-size-pills ~ .orangi-size-pills,
.o-pdp-page form.variations_form:nth-of-type(n+2) {
  display: none !important;
}

/* ===========================================================
   ORA-040c HOTFIX 3: Multi-row pills + icon sizing
   =========================================================== */

/* Aggressive hide: only keep FIRST orangi-size-pills container
   anywhere on PDP, regardless of parent */
body.single-product .orangi-size-pills:not(:first-of-type),
body.single-product .orangi-size-pills ~ * .orangi-size-pills {
  display: none !important;
}

/* Universal: only first instance shows */
.orangi-size-pills {
  display: flex !important;
}
.orangi-size-pills ~ .orangi-size-pills,
.orangi-size-pills + .orangi-size-pills {
  display: none !important;
}

/* Hide ALL variations_form except first regardless of nesting */
body.single-product form.variations_form:nth-of-type(n+2),
body.single-product .variations_form ~ .variations_form,
.o-pdp-page form.variations_form:nth-of-type(n+2) {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* Hide any theme-native variation pill rendering (Row 3 — rounded pills) */
body.single-product .o-mp-size-pills,
body.single-product .o-mp-variation-buttons,
body.single-product .theme-size-options,
body.single-product [class*="variation-attribute-buttons"] {
  display: none !important;
}

/* Force delivery card icons to proper size with min-width safeguard */
.o-mp-delivery-icon,
.o-mp-delivery-row > *:first-child,
.o-mp-delivery-row .o-emoji,
.o-mp-delivery-row span:first-child,
.o-mp-delivery-row img:first-child {
  min-width: 24px !important;
  min-height: 24px !important;
  width: 24px !important;
  height: 24px !important;
  flex: 0 0 24px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 18px !important;
  line-height: 1 !important;
  overflow: visible !important;
}

.o-mp-delivery-icon img,
.o-mp-delivery-row img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
}

/* Delivery row text — proper alignment */
.o-mp-delivery-row {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 8px 0 !important;
}

.o-mp-delivery-text {
  flex: 1 1 auto !important;
}

/* ===========================================================
   ORA-040c HOTFIX 4/5: Cart page polish
   =========================================================== */

/* WC notices — fix broken icons + cleaner style */
.woocommerce-notices-wrapper,
.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
    background: #FAF6EF !important;
    border-left: 4px solid #E8610A !important;
    padding: 14px 20px !important;
    margin: 0 0 24px !important;
    list-style: none !important;
    border-radius: 6px !important;
    color: #1A1A1A !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05) !important;
}

/* Hide broken default WC notice icons (square placeholders) */
.woocommerce-error::before,
.woocommerce-info::before,
.woocommerce-message::before,
.woocommerce-error li::before,
.woocommerce-info li::before,
.woocommerce-message li::before,
.woocommerce-notices-wrapper [class*="notice"]::before {
    display: none !important;
    content: none !important;
}

.woocommerce-error a,
.woocommerce-info a,
.woocommerce-message a {
    color: #E8610A !important;
    font-weight: 600 !important;
    text-decoration: underline !important;
}

/* Cart row — fix remove button overlapping price */
.woocommerce-cart-form .product-remove {
    width: 36px !important;
    text-align: center !important;
    padding-right: 8px !important;
}

.woocommerce-cart-form .product-remove a.remove {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 28px !important;
    height: 28px !important;
    border-radius: 50% !important;
    background: #f5f5f5 !important;
    color: #666 !important;
    font-size: 18px !important;
    text-decoration: none !important;
    position: static !important;
}

.woocommerce-cart-form .product-remove a.remove:hover {
    background: #E8610A !important;
    color: #fff !important;
}

.woocommerce-cart-form .product-price,
.woocommerce-cart-form .product-subtotal {
    padding-left: 16px !important;
    text-align: right !important;
    white-space: nowrap !important;
}

.woocommerce-cart-form .product-price .price,
.woocommerce-cart-form .product-subtotal .price {
    display: block !important;
    line-height: 1.4 !important;
    font-size: 16px !important;
    color: #1A1A1A !important;
    font-weight: 600 !important;
}

.woocommerce-cart-form .product-price del,
.woocommerce-cart-form .product-subtotal del {
    display: block !important;
    color: #999 !important;
    font-weight: 400 !important;
    font-size: 13px !important;
    text-decoration: line-through !important;
}

.woocommerce-cart-form .product-price ins,
.woocommerce-cart-form .product-subtotal ins {
    background: transparent !important;
    color: #1A1A1A !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}

/* Theme-custom cart selectors if present */
.o-cart-item .o-cart-remove,
.o-cart-row .remove-btn {
    position: static !important;
    margin-left: 12px !important;
}

.o-cart-price,
.o-cart-item-price {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-end !important;
    gap: 4px !important;
}

/* ===========================================================
   ORA-040c HOTFIX 6: PDP gallery polish (desktop)
   =========================================================== */

/* Desktop — constrain main gallery image to reasonable size */
@media (min-width: 1024px) {
    .o-mp-gallery-section {
        max-width: 600px !important;
    }

    .o-mp-gallery-section .woocommerce-product-gallery {
        width: 100% !important;
        max-width: 600px !important;
    }

    .o-mp-gallery-section .woocommerce-product-gallery__image,
    .o-mp-gallery-section .woocommerce-product-gallery__image a {
        display: block !important;
        max-height: 720px !important;
        overflow: hidden !important;
    }

    .o-mp-gallery-section .woocommerce-product-gallery__image img,
    .o-mp-gallery-section img.wp-post-image,
    .o-mp-gallery-section .flex-active-slide img {
        max-height: 720px !important;
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        object-position: center !important;
    }
}

/* Hide blank/placeholder thumbnails */
.flex-control-thumbs li img[src=""],
.flex-control-thumbs li img[src*="placeholder"],
.flex-control-thumbs li img[src*="woocommerce-placeholder"],
.o-mp-gallery-section img[src=""],
.o-mp-gallery-section img[src*="placeholder"] {
    display: none !important;
}

/* Modern :has() selector — hide entire <li> if image inside is blank */
.flex-control-thumbs li:has(img[src=""]),
.flex-control-thumbs li:has(img[src*="placeholder"]) {
    display: none !important;
}

/* Ensure WC gallery thumbnails display in a clean row */
.flex-control-thumbs {
    display: flex !important;
    gap: 8px !important;
    margin-top: 12px !important;
    list-style: none !important;
    padding: 0 !important;
}

.flex-control-thumbs li {
    flex: 0 0 80px !important;
    cursor: pointer !important;
}

.flex-control-thumbs li img {
    width: 80px !important;
    height: 80px !important;
    object-fit: cover !important;
    border-radius: 4px !important;
    border: 2px solid transparent !important;
}

.flex-control-thumbs li img.flex-active {
    border-color: #E8610A !important;
}

/* ===========================================================
   ORA-040c HOTFIX 7: Cart row polish + coupon chip
   =========================================================== */

/* Cart row — anchor for absolute remove button */
.woocommerce-cart-form tr.cart_item,
.woocommerce-cart-form .cart_item,
.o-cart-item,
.o-cart-row,
table.shop_table tr {
    position: relative !important;
}

/* Remove (×) button — move to top-right corner */
.woocommerce-cart-form .product-remove,
.woocommerce-cart-form td.product-remove,
table.shop_table td.product-remove {
    position: absolute !important;
    top: 12px !important;
    right: 12px !important;
    width: auto !important;
    padding: 0 !important;
    border: none !important;
    z-index: 10 !important;
}

.woocommerce-cart-form a.remove,
.woocommerce-cart-form .product-remove a,
table.shop_table a.remove {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 28px !important;
    height: 28px !important;
    border-radius: 50% !important;
    background: #f5f5f5 !important;
    color: #666 !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}

.woocommerce-cart-form a.remove:hover,
table.shop_table a.remove:hover {
    background: #E8610A !important;
    color: #fff !important;
}

/* Price column — clean, no overlap with remove btn */
.woocommerce-cart-form .product-price,
.woocommerce-cart-form .product-subtotal,
table.shop_table .product-price,
table.shop_table .product-subtotal {
    padding-right: 48px !important;
    text-align: right !important;
    vertical-align: top !important;
    white-space: nowrap !important;
}

.woocommerce-cart-form .product-price .price,
.woocommerce-cart-form .product-subtotal .price {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-end !important;
    gap: 2px !important;
    line-height: 1.4 !important;
}

.woocommerce-cart-form .product-price ins,
.woocommerce-cart-form .product-subtotal ins {
    background: transparent !important;
    color: #1A1A1A !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    text-decoration: none !important;
    order: 1 !important;
}

.woocommerce-cart-form .product-price del,
.woocommerce-cart-form .product-subtotal del {
    color: #999 !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    text-decoration: line-through !important;
    order: 2 !important;
}

/* Coupon chip styling */
.o-coupon-chips {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin-bottom: 12px !important;
}

.o-coupon-chip {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 10px 14px !important;
    background: #FAF6EF !important;
    border: 1.5px dashed #E8610A !important;
    border-radius: 24px !important;
    color: #E8610A !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    font-family: inherit !important;
}

.o-coupon-chip:hover {
    background: #E8610A !important;
    color: #fff !important;
}

.o-coupon-chip.applied {
    background: #008060 !important;
    border-color: #008060 !important;
    color: #fff !important;
    cursor: default !important;
}

/* ===========================================================
   ORA-040c HOTFIX 8: Nuclear duplicate kill
   =========================================================== */

/* Hide any .orangi-size-pills that isn't the first sibling, regardless of nesting */
.orangi-size-pills ~ .orangi-size-pills,
.orangi-size-pills + .orangi-size-pills,
body .orangi-size-pills:nth-of-type(n+2),
.o-pdp-page .orangi-size-pills:nth-of-type(n+2),
.o-mp-info .orangi-size-pills:nth-of-type(n+2),
.o-mp-form-wrap .orangi-size-pills:nth-of-type(n+2) {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    width: 0 !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
    position: absolute !important;
    left: -9999px !important;
}

/* Same for variations_form */
form.variations_form ~ form.variations_form,
form.variations_form + form.variations_form,
body form.variations_form:nth-of-type(n+2) {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
}

/* Force the first .orangi-size-pills to render in single row */
.orangi-size-pills:first-of-type {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    gap: 12px !important;
}

/* ===========================================================
   ORA-040c HOTFIX 8b: My Account login/register 2-col layout
   =========================================================== */

/* My Account login/register page — proper 2 column layout */
.woocommerce-account .u-columns.col2-set,
.woocommerce-account .u-columns {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 32px !important;
    width: 100% !important;
    max-width: 1100px !important;
    margin: 32px auto !important;
}

.woocommerce-account .u-column1.col-1,
.woocommerce-account .u-column2.col-2,
.woocommerce-account .col2-set .col-1,
.woocommerce-account .col2-set .col-2 {
    flex: 1 1 calc(50% - 16px) !important;
    width: auto !important;
    min-width: 280px !important;
    max-width: 100% !important;
    padding: 24px !important;
    background: #FAF6EF !important;
    border: 1px solid #EBE6DC !important;
    border-radius: 8px !important;
    box-sizing: border-box !important;
}

.woocommerce-account form.login,
.woocommerce-account form.register {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    border: none !important;
    margin: 0 !important;
}

.woocommerce-account form.login p,
.woocommerce-account form.register p {
    margin-bottom: 14px !important;
}

.woocommerce-account form.login input[type="text"],
.woocommerce-account form.login input[type="email"],
.woocommerce-account form.login input[type="password"],
.woocommerce-account form.register input[type="text"],
.woocommerce-account form.register input[type="email"],
.woocommerce-account form.register input[type="password"] {
    width: 100% !important;
    padding: 10px 12px !important;
    border: 1px solid #EBE6DC !important;
    border-radius: 6px !important;
    font-size: 14px !important;
    box-sizing: border-box !important;
}

.woocommerce-account .button,
.woocommerce-account button[name="login"],
.woocommerce-account button[name="register"] {
    background: #E8610A !important;
    color: #fff !important;
    border: none !important;
    padding: 12px 28px !important;
    border-radius: 6px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    font-size: 14px !important;
}

.woocommerce-account .button:hover {
    background: #C44D06 !important;
}

.woocommerce-account .lost_password a {
    color: #E8610A !important;
    font-size: 13px !important;
    text-decoration: underline !important;
}

@media (max-width: 768px) {
    .woocommerce-account .u-columns.col2-set,
    .woocommerce-account .u-columns {
        flex-direction: column !important;
    }
    .woocommerce-account .u-column1.col-1,
    .woocommerce-account .u-column2.col-2 {
        flex: 1 1 100% !important;
    }
}

/* ===========================================================
   ORA-040c HOTFIX 9: Restore gallery thumbnails (override Hotfix 6 over-hide)
   =========================================================== */

.flex-control-thumbs,
.woocommerce-product-gallery .flex-control-thumbs {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin-top: 16px !important;
    list-style: none !important;
    padding: 0 !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.flex-control-thumbs li,
.woocommerce-product-gallery .flex-control-thumbs li {
    display: inline-block !important;
    flex: 0 0 80px !important;
    visibility: visible !important;
    opacity: 1 !important;
    cursor: pointer !important;
}

.flex-control-thumbs li img,
.woocommerce-product-gallery .flex-control-thumbs li img {
    width: 80px !important;
    height: 80px !important;
    object-fit: cover !important;
    border-radius: 4px !important;
    border: 2px solid transparent !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.flex-control-thumbs li img.flex-active,
.flex-control-thumbs li.flex-active img {
    border-color: #E8610A !important;
}

/* Ensure FlexSlider gallery wrapper visible */
.woocommerce-product-gallery,
.woocommerce-product-gallery__wrapper {
    opacity: 1 !important;
    visibility: visible !important;
}

/* Only hide TRULY empty thumbnails — safer selectors only */
.flex-control-thumbs li img[src=""] {
    display: none !important;
}

.flex-control-thumbs li:not(:has(img)) {
    display: none !important;
}

/* ===========================================================
   ORA-040c HOTFIX 11: EMERGENCY gallery stack (slider OFF)
   =========================================================== */

/* Disable FlexSlider — show all images stacked */
.o-mp-gallery-section .woocommerce-product-gallery {
    opacity: 1 !important;
    visibility: visible !important;
}

.o-mp-gallery-section .woocommerce-product-gallery__wrapper {
    display: block !important;
    transform: none !important;
    width: 100% !important;
}

.o-mp-gallery-section .woocommerce-product-gallery__image {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 12px 0 !important;
    position: relative !important;
    left: 0 !important;
    top: 0 !important;
    transform: none !important;
    float: none !important;
    height: auto !important;
}

.o-mp-gallery-section .woocommerce-product-gallery__image a {
    display: block !important;
    width: 100% !important;
}

.o-mp-gallery-section .woocommerce-product-gallery__image img,
.o-mp-gallery-section img.wp-post-image {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: none !important;
    object-fit: contain !important;
}

/* Hide FlexSlider thumbnails strip + nav arrows */
.flex-control-thumbs,
.flex-control-nav,
.flex-direction-nav,
.woocommerce-product-gallery__trigger {
    display: none !important;
}

/* Desktop — constrain gallery width */
@media (min-width: 1024px) {
    .o-mp-gallery-section {
        max-width: 600px !important;
        margin: 0 !important;
    }
}

/* ===========================================================
   ORA-040c HOTFIX 14: Hide duplicate .o-pill-group (Row 2)
   orangi-size-pills.js creates .o-size-pills (functional) +
   .o-pill-group (duplicate). Hide duplicate, keep functional.
   =========================================================== */
.o-pill-group {
    display: none !important;
}

/* ===========================================================
   ORA-040c HOTFIX 16: Cart polish (remove btn + coupon animation)
   =========================================================== */

/* Force remove × button to consistent top-right on ALL cart items */
.cart_item .product-subtotal,
.cart_item .product-price,
.woocommerce-cart-form .product-subtotal {
    position: relative !important;
}
.cart_item a.remove,
.woocommerce-cart-form a.remove {
    position: absolute !important;
    top: -10px !important;
    right: 8px !important;
    width: 24px !important;
    height: 24px !important;
    line-height: 22px !important;
    text-align: center !important;
    background: #fff !important;
    border: 1px solid #ddd !important;
    border-radius: 50% !important;
    color: #666 !important;
    font-size: 16px !important;
    z-index: 5 !important;
    text-decoration: none !important;
}

/* Coupon Apply button loading state */
button[name="apply_coupon"].o-applying {
    background: #999 !important;
    pointer-events: none !important;
    opacity: 0.7 !important;
}

/* Discount row pulse animation when apply succeeds */
tr.cart-discount {
    animation: o-discount-pulse 1s ease-out;
}
@keyframes o-discount-pulse {
    0%   { background: #d4edda; transform: scale(1.02); }
    100% { background: transparent; transform: scale(1); }
}

/* Discount label emphasis */
tr.cart-discount th {
    color: #008060 !important;
    font-weight: 700 !important;
    font-size: 15px !important;
}

/* ===========================================================
   ORA-040c HOTFIX 17: Correct selectors for cart × + welcome label
   Targets actual .o-ci-remove (NOT .cart_item a.remove)
   =========================================================== */

/* Push price column content down so absolutely-positioned × doesn't overlap */
.woocommerce-cart .o-ci-price {
    padding-top: 40px !important;
    position: relative !important;
}

/* Reinforce × button position in clean top-right area */
.woocommerce-cart .o-ci-remove {
    top: 10px !important;
    right: 10px !important;
    z-index: 10 !important;
}

/* Make discount label friendlier (visual emphasis) */
.o-sum-row.o-saved .o-label {
    color: #008060 !important;
    font-weight: 700 !important;
}

/* Apply pulse animation when discount row visible */
.o-sum-row.o-saved {
    animation: o-saved-pulse 1s ease-out;
}
@keyframes o-saved-pulse {
    0%   { background: #d4edda; }
    100% { background: transparent; }
}

/* ===========================================================
   ORA-041 HOTFIX 18: Force-hide .o-pill-group duplicate
   style.css:646 has competing display:flex!important rule.
   Same specificity (1 class) + !important = doc order decides,
   mobile rendering me style.css winning. Override with
   body-prefixed selector (0,1,1) beats (0,1,0). 
   =========================================================== */
body .o-pill-group {
    display: none !important;
}