/* FORCE Join.chat above bottom navigation */
@media (max-width: 768px) {
  html body .joinchat,
  html body .joinchat__button,
  html body .joinchat__container {
    bottom: 50px !important;
    right: 15px !important;
  }
}
/* ===============================
   REMOVE RED & GREEN (PREMIUM LOOK)
   =============================== */

/* Sale badge (red → black) */
.woocommerce span.onsale,
.onsale {
    background: #111 !important;
    color: #fff !important;
    border-radius: 6px;
    font-weight: 500;
}

/* Discount price (red → black) */
.woocommerce-Price-amount,
.price ins {
    color: #111 !important;
    font-weight: 600;
}

/* Old price (lighter grey) */
.price del {
    color: #9a9a9a !important;
}

/* Stock status (green → grey) */
.stock.in-stock {
    color: #666 !important;
    font-weight: 500;
}

/* "New" badge (green → soft black) */
.new-badge,
.badge-new {
    background: #222 !important;
    color: #fff !important;
}

/* Wishlist heart (green/red → black) */
.yith-wcwl-add-to-wishlist a,
.wishlist-icon {
    color: #111 !important;
}

/* Slider dots active (green/red → black) */
.flex-control-paging li a.flex-active {
    background: #111 !important;
}
/* MOBILE ONLY – REMOVE ALL IMAGE ICONS COMPLETELY */
@media (max-width: 768px) {

  .woocommerce ul.products li.product *[class*="compare"],
  .woocommerce ul.products li.product *[class*="wishlist"],
  .woocommerce ul.products li.product *[class*="icon"],
  .woocommerce ul.products li.product *[class*="action"],
  .woocommerce ul.products li.product *[class*="hover"],
  .woocommerce ul.products li.product .product-tools,
  .woocommerce ul.products li.product .product-actions,
  .woocommerce ul.products li.product .yith-wcwl-add-to-wishlist,
  .woocommerce ul.products li.product .yith-compare-button,
  .woocommerce ul.products li.product a.compare,
  .woocommerce ul.products li.product a.added_to_cart {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

}
/* =========================================
   INSTAGRAM STYLE – MOBILE PRODUCT GALLERY
   ========================================= */
@media (max-width: 768px) {

  /* Center & limit gallery width */
  .single-product div.product .woocommerce-product-gallery {
    width: 100%;
    max-width: 360px;
    margin: 0 auto 12px;
  }

  /* Make main image square like Instagram */
  .single-product .woocommerce-product-gallery__image {
    aspect-ratio: 1 / 1;
    background: #f6f6f6;
    border-radius: 14px;
    overflow: hidden;
  }

  .single-product .woocommerce-product-gallery__image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain; /* no crop */
    border-radius: 14px;
  }

  /* Remove zoom icon */
  .woocommerce-product-gallery__trigger {
    display: none !important;
  }

  /* Thumbnails → Instagram dots style */
  .flex-control-thumbs {
    display: flex !important;
    justify-content: center;
    margin-top: 8px;
    gap: 6px;
  }

  .flex-control-thumbs li {
    width: 6px !important;
    height: 6px !important;
    border-radius: 50%;
    background: #cfcfcf;
    overflow: hidden;
  }

  .flex-control-thumbs img {
    opacity: 0 !important; /* hide images */
  }

  .flex-control-thumbs li.flex-active {
    background: #000;
  }

}
@media (max-width: 768px) {

  /* Absolutely no cropping */
  .single-product .woocommerce-product-gallery__image img {
    object-fit: contain !important;
    background: #f6f6f6;
  }

  /* Keep square but add breathing space */
  .single-product .woocommerce-product-gallery__image {
    padding: 10px;
    box-sizing: border-box;
  }

}
/* ===== MATTO THEME – FIX SIMILAR PRODUCTS NOT CLICKABLE (MOBILE) ===== */
@media (max-width: 768px) {

  /* Enable clicks */
  .related.products,
  .related.products * {
    pointer-events: auto !important;
  }

  /* Remove Matto hover overlay */
  .product-item .product-actions,
  .product-item .product-actions *,
  .product-item .hover-mask,
  .product-item .overlay,
  .product-item .compare-button,
  .product-item .wishlist-button {
    display: none !important;
  }

  /* Force product link to top */
  .product-item a,
  .product-item .woocommerce-loop-product__link {
    position: relative !important;
    z-index: 99 !important;
    pointer-events: auto !important;
  }

  /* Fix iOS tap issue */
  .related.products img {
    transform: translateZ(0);
    pointer-events: auto !important;
  }
}