/* Reusable MobiLux product list actions: wishlist + compare. */

/* One action treatment for native archive, related and embedded product cards. */
.product-card.shop-product-card .shop-card-top .shop-card-actions {
  --mobilux-action-size:var(--ml-pc-action-size,38px);
  display:flex;
  align-items:center;
  gap:6px!important;
  z-index:12!important;
  isolation:isolate;
}
body .product-card.shop-product-card .shop-card-top .shop-card-actions > :is(button,a) {
  position:relative!important;
  inset:auto!important;
  display:inline-grid!important;
  place-items:center!important;
  flex:0 0 var(--mobilux-action-size)!important;
  box-sizing:border-box;
  width:var(--mobilux-action-size)!important;
  height:var(--mobilux-action-size)!important;
  min-width:var(--mobilux-action-size)!important;
  min-height:var(--mobilux-action-size)!important;
  margin:0!important;
  padding:0!important;
  border:1px solid #dfe4e9!important;
  border-radius:8px!important;
  background:#fff!important;
  color:#526171!important;
  box-shadow:0 2px 6px rgb(30 43 55 / 6%)!important;
  font:inherit;
  font-size:17px!important;
  line-height:1!important;
  letter-spacing:0;
  text-decoration:none;
  text-indent:0!important;
  overflow:visible!important;
  opacity:1!important;
  transform:none!important;
  cursor:pointer;
  -webkit-appearance:none;
  appearance:none;
  -webkit-tap-highlight-color:transparent;
  transition:background .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease!important;
}
.product-card.shop-product-card .shop-card-top .shop-card-actions > :is(button,a) > i {
  display:block;
  font-size:17px!important;
  line-height:1!important;
  pointer-events:none;
}
.product-card.shop-product-card .shop-card-top .shop-card-actions .screen-reader-text {
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  margin:-1px!important;
  padding:0!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}
.product-card.shop-product-card .shop-card-top .shop-card-actions > :is(button,a):is(:hover,:focus-visible) {
  border-color:#a8b4c0!important;
  color:#242d38!important;
  background:#f4f7f9!important;
  box-shadow:0 3px 10px rgb(30 43 55 / 10%)!important;
}
.product-card.shop-product-card .shop-card-top .shop-card-actions > :is(button,a):focus-visible {
  outline:2px solid #188178!important;
  outline-offset:2px;
}
.product-card.shop-product-card .shop-card-top .shop-card-actions > [data-list-type="wishlist"]:is(.is-active,[aria-pressed="true"]) {
  border-color:#edbac7!important;
  color:#bc365c!important;
  background:#fff0f4!important;
}
.product-card.shop-product-card .shop-card-top .shop-card-actions > [data-list-type="compare"]:is(.is-active,[aria-pressed="true"]) {
  border-color:#a3cfc9!important;
  color:#116f65!important;
  background:#edf8f5!important;
}
.product-card.shop-product-card .shop-card-top .shop-card-actions > :is(button,a).is-loading {
  cursor:wait;
  color:#687785!important;
}
.product-card.shop-product-card .shop-card-top .shop-card-actions > .is-loading > i { opacity:0; }
.product-card.shop-product-card .shop-card-top .shop-card-actions > .is-loading::before {
  content:"";
  position:absolute;
  width:17px;
  height:17px;
  border:2px solid #dbe2e8;
  border-top-color:currentColor;
  border-radius:50%;
  animation:mobilux-card-action-spin .7s linear infinite;
}
.product-card.shop-product-card .shop-card-top .shop-card-actions > [title]::after {
  content:attr(title);
  position:absolute;
  z-index:2;
  top:calc(100% + 8px);
  left:50%;
  width:max-content;
  max-width:150px;
  padding:7px 9px;
  border-radius:5px;
  background:#262e37;
  color:#fff;
  box-shadow:0 3px 10px rgb(20 30 40 / 12%);
  font-size:10px;
  font-weight:500;
  line-height:1.8;
  text-align:center;
  white-space:normal;
  pointer-events:none;
  opacity:0;
  visibility:hidden;
  transform:translateX(-50%);
  transition:opacity .15s ease,visibility .15s ease;
}
.product-card.shop-product-card .shop-card-top .shop-card-actions > :first-child::after { left:auto;right:0;transform:none; }
.product-card.shop-product-card .shop-card-top .shop-card-actions > :last-child::after { left:0;right:auto;transform:none; }
.product-card.shop-product-card .shop-card-top .shop-card-actions > [title]:focus-visible::after { opacity:1;visibility:visible; }
@media(hover:hover) and (pointer:fine) {
  .product-card.shop-product-card .shop-card-top .shop-card-actions > [title]:hover::after { opacity:1;visibility:visible; }
}
@media(max-width:767.98px) {
  .product-card.shop-product-card .shop-card-top .shop-card-actions { --mobilux-action-size:var(--ml-pc-mobile-action,36px);gap:4px!important; }
  .product-card.shop-product-card .shop-card-top .shop-card-actions > :is(button,a) > i { font-size:16px!important; }
}
@keyframes mobilux-card-action-spin { to { transform:rotate(360deg); } }
@media(prefers-reduced-motion:reduce) {
  .product-card.shop-product-card .shop-card-top .shop-card-actions > :is(button,a),
  .product-card.shop-product-card .shop-card-top .shop-card-actions > :is(button,a)::after { transition:none!important; }
  .product-card.shop-product-card .shop-card-top .shop-card-actions > .is-loading::before { animation:none; }
}
.gallery-floating-actions .js-mobilux-product-list-toggle{position:relative;transition:transform .2s ease,border-color .2s ease,background .2s ease,color .2s ease}.gallery-floating-actions .js-mobilux-product-list-toggle:hover{transform:translateY(-2px)}.gallery-floating-actions .favorite-btn.is-active,.gallery-floating-actions .gallery-action.is-active{color:#7357ff;border-color:rgba(115,87,255,.34);background:#f1efff}.gallery-floating-actions .favorite-btn.is-active{color:#ee4266;background:#fff1f4;border-color:#ffd1da}.gallery-floating-actions .js-mobilux-product-list-toggle.is-loading{opacity:.58;cursor:wait}.gallery-floating-actions .js-mobilux-product-list-toggle.is-loading i{animation:mobilux-action-pulse .7s ease-in-out infinite alternate}.mobilux-product-list-toast{position:fixed;z-index:1095;left:22px;bottom:24px;display:flex;align-items:center;gap:11px;min-width:270px;max-width:min(380px,calc(100vw - 28px));padding:12px 14px;border:1px solid #e8e9f1;border-radius:16px;background:rgba(255,255,255,.97);box-shadow:0 18px 55px rgba(26,31,56,.16);backdrop-filter:blur(18px);opacity:0;visibility:hidden;transform:translateY(14px) scale(.98);transition:.24s ease;pointer-events:none}.mobilux-product-list-toast.is-visible{opacity:1;visibility:visible;transform:none}.mobilux-product-list-toast-icon{width:38px;height:38px;display:grid;place-items:center;flex:0 0 38px;border-radius:12px;background:#f1efff;color:#7357ff;font-size:16px}.mobilux-product-list-toast.is-error .mobilux-product-list-toast-icon{background:#fff0f0;color:#d94c4c}.mobilux-product-list-toast strong{display:block;font-size:11px;font-weight:900;color:#202536;margin-bottom:2px}.mobilux-product-list-toast small{display:block;font-size:9px;line-height:1.8;color:#767e91}@keyframes mobilux-action-pulse{to{transform:scale(.78);opacity:.5}}@media(max-width:767.98px){.mobilux-product-list-toast{left:10px;right:10px;bottom:82px;max-width:none;min-width:0}}