/*
 * 商品カードの ML バッジ（inc/woocommerce.php の nicobay_card_ml_badge_html()）。
 *
 * 商品画像の右下に重ねる（2026-10-08。以前はブランド名の行＝画像の下に置いていた）。
 * 画像の左下＝残り在庫バッジ、右上＝♡、左上＝ランキングの順位なので、右下は空いている。
 * 見た目は従来のバッジ（featured-collection-swiper.css の .featured-collection-puffs-badge）と同じ緑の楕円。
 */

/* 配置の基準。一覧・トップのラッパーは product-card-badges.css でも relative になっているが、
   ブランド・ランキング・ウィッシュリストのラッパーには無いのでここでそろえる。 */
.nicobay-product__image-wrapper,
.nicobay-product-brand__image-wrapper,
.nicobay-product-ranking__image-wrapper,
.nicobay-wishlist__image {
  position: relative;
}

.nicobay-card-ml-badge {
  position: absolute;
  right: 8px;
  bottom: 8px;
  z-index: 3;
  display: inline-block;
  padding: 1px 7px;
  border-radius: 12px;
  background-color: #3abb1e;
  color: #fff;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.6;
  text-transform: uppercase;
  white-space: nowrap;
  /* カード全体がリンクなので、バッジがクリックを吸わないようにする。 */
  pointer-events: none;
}