/* RainMorph on Whop — small additions on top of the owner's Shrine theme.
   Kept minimal: the pages are wandoraa.com's own markup and CSS. */

/* Kaching hid the theme's own quantity box once its picker mounted. */
product-info .product-form__quantity { display: none !important; }

/* The Kaching picker is ours now; its bars are plain labels. */
kaching-bundle .kaching-bundles__bar,
kaching-bundle .kaching-bundles__bar-container { cursor: pointer; pointer-events: auto; }
kaching-bundle .kaching-bundles__bar input[type="radio"] { position: absolute; opacity: 0; pointer-events: none; }
kaching-bundle .kaching-bundles__swatch-dropdown [role="combobox"] { cursor: pointer; }
.kaching-bundles__swatch-dropdown__options { border-radius: 4px; }

/* Mystery Gift Box row (the earlier RainMorph build's add-on), in Kaching's bar style. */
.rm-gift { margin: calc(5px * var(--block-spacing, 1)) 0 0; }
.rm-gift__label {
  display: grid; grid-template-columns: auto 48px minmax(0, 1fr) auto; align-items: center; gap: 12px;
  padding: 10px 15px; border-radius: var(--bar-border-radius, 8px); cursor: pointer;
  background: var(--bar-background-color, #e0e0e0); box-shadow: inset 0 0 0 1px var(--bar-border-color, rgba(0, 0, 0, .3));
  color: var(--bar-title-color, rgba(63, 55, 49, 1)); font-family: inherit;
}
.rm-gift__label:has(.rm-gift__input:checked) {
  background: var(--bar-selected-background-color, #fff); box-shadow: inset 0 0 0 2px var(--bar-selected-border-color, #000);
}
.rm-gift__input { position: absolute; opacity: 0; pointer-events: none; }
.rm-gift__box {
  position: relative; width: 20px; height: 20px; border-radius: 4px; background: #fff;
  box-shadow: inset 0 0 0 2px var(--bar-border-color, rgba(0, 0, 0, .3));
}
.rm-gift__input:checked + .rm-gift__box { background: #000; box-shadow: none; }
.rm-gift__input:checked + .rm-gift__box::after {
  content: ""; position: absolute; left: 7px; top: 3px; width: 5px; height: 10px;
  border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg);
}
.rm-gift__input:focus-visible + .rm-gift__box { outline: 2px solid #000; outline-offset: 2px; }
.rm-gift__img { width: 48px; height: 48px; object-fit: cover; border-radius: var(--bar-image-border-radius, 6px); }
.rm-gift__text { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.rm-gift__title { font-size: var(--bar-title-font-size, 16px); font-weight: var(--bar-title-font-weight, 500); line-height: 1.2; }
.rm-gift__sub { font-size: var(--bar-subtitle-font-size, 13px); color: var(--bar-subtitle-color, #555); line-height: 1.3; }
.rm-gift__price { display: flex; flex-direction: column; align-items: flex-end; font-size: 16px; font-weight: 600; white-space: nowrap; color: var(--bar-price-color, rgba(63, 55, 49, 1)); }
.rm-gift__each { font-size: 12px; font-weight: 400; color: var(--bar-full-price-color, #555); }
@media (max-width: 480px) {
  .rm-gift__label { grid-template-columns: auto 40px minmax(0, 1fr) auto; gap: 10px; padding: 10px 12px; }
  .rm-gift__img { width: 40px; height: 40px; }
  .rm-gift__title { font-size: 15px; }
}