/* BEGIN SOURCE /assets/sarmad-v79-product-details-toast-color-fix.css sha256=34bee0c040f0ff163d3bac4232b5b9bc63969d128e3e21529788d40f2e61ba7f */

/*
 * SARMAD V79 - ProductDetails toast + selected color ring refinement
 *
 * Scope only:
 *   1) ProductDetails add-to-cart toast presentation/interaction.
 *   2) ProductDetails mobile selected color-swatch ring.
 *
 * Preserved:
 *   V75 footer, V76 product-details typography/fields/buttons, V78 recommendations,
 *   upload/customization UI, header/gallery, backend/database/cart/order/payment/currency logic.
 */

@media (max-width: 767px) {
  /*
   * Color selection fix:
   * - the swatch itself has one subtle neutral edge
   * - the selected state gets ONE separate brand-gold outer ring
   * - remove V76 button box-shadow/outline that caused the doubled border look
   */
  .product-page .color-options button {
    box-sizing: border-box !important;
    width: 38px !important;
    min-width: 38px !important;
    height: 38px !important;
    min-height: 38px !important;
    padding: 0 !important;
    display: grid !important;
    place-items: center !important;
    position: relative !important;
    overflow: visible !important;
    color: transparent !important;
    font-size: 0 !important;
    line-height: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 50% !important;
    outline: 0 !important;
    box-shadow: none !important;
  }

  .product-page .color-options button > span {
    box-sizing: border-box !important;
    width: 28px !important;
    height: 28px !important;
    display: block !important;
    border: 1px solid rgba(255, 255, 255, .22) !important;
    border-radius: 50% !important;
    outline: 0 !important;
    box-shadow: none !important;
  }

  .product-page .color-options button::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    box-sizing: border-box !important;
    border: 2px solid transparent !important;
    border-radius: 50% !important;
    pointer-events: none !important;
    box-shadow: none !important;
    transition: border-color .16s ease, box-shadow .16s ease !important;
  }

  .product-page .color-options button.active {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
  }

  .product-page .color-options button.active::after {
    border-color: #cdaa4a !important;
    box-shadow: 0 0 0 1px rgba(205, 170, 74, .10) !important;
  }

  .product-page .color-options button:focus-visible::after {
    border-color: #6d97e2 !important;
    box-shadow: 0 0 0 2px rgba(109, 151, 226, .16) !important;
  }

  :root[data-theme="light"] .product-page .color-options button > span {
    border-color: rgba(24, 51, 110, .20) !important;
  }

  :root[data-theme="light"] .product-page .color-options button.active::after {
    border-color: #b8912f !important;
    box-shadow: 0 0 0 1px rgba(184, 145, 47, .10) !important;
  }
}

/*
 * V79 dedicated toast.
 * No check icon. No close button.
 * The whole notice is tappable/clickable to dismiss immediately.
 */
.sarmad-v79-cart-toast {
  z-index: 100000;
  box-sizing: border-box;
  direction: rtl;
  width: min(350px, calc(100vw - 28px));
  min-height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 11px 18px;
  position: fixed;
  top: 96px;
  left: 50%;
  color: #f7f8ff;
  background: linear-gradient(135deg, rgba(24, 51, 110, .985), rgba(24, 11, 44, .985));
  border: 1px solid rgba(109, 151, 226, .42);
  border-radius: 14px;
  opacity: 0;
  transform: translate(-50%, -10px) scale(.99);
  pointer-events: none;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  user-select: none;
  box-shadow:
    0 16px 38px rgba(5, 6, 20, .34),
    0 0 0 1px rgba(205, 170, 74, .08) inset;
  transition: opacity .18s ease, transform .18s ease;
}

.sarmad-v79-cart-toast.is-visible {
  opacity: 1;
  transform: translate(-50%, 0) scale(1);
  pointer-events: auto;
}

.sarmad-v79-cart-toast__text {
  min-width: 0;
  overflow: hidden;
  direction: rtl;
  color: inherit;
  font-family: "Thmanyah Sans", var(--sarmad-font), var(--arabic-font), Tahoma, Arial, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.45;
  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* Light theme: neutral/light surface using Sarmad blue, not green. */
:root[data-theme="light"] .sarmad-v79-cart-toast {
  color: #18336e;
  background: rgba(255, 255, 255, .99);
  border-color: rgba(24, 51, 110, .22);
  box-shadow:
    0 16px 34px rgba(24, 51, 110, .15),
    0 0 0 1px rgba(205, 170, 74, .08) inset;
}

@media (prefers-reduced-motion: reduce) {
  .sarmad-v79-cart-toast,
  .product-page .color-options button::after {
    transition: none !important;
  }
}


/* END SOURCE /assets/sarmad-v79-product-details-toast-color-fix.css */