/* Ruler Wishlist - clean styles */

/* Neutralize accidental <code> wrapping the shortcode */
code .rwl-wishlist, .rwl-wishlist code { font-family: inherit; white-space: normal; }
code .rwl-wishlist { display:block; }

/* Button base */
button.rwl-button, .rwl-button {
  --rwl-shadow: 0 1px 2px rgba(0,0,0,.06);
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  cursor:pointer;
  padding:.5rem .875rem;
  line-height:1.2;
  border-radius:.5rem;
  border:1px solid rgba(0,0,0,.08);
  box-shadow: var(--rwl-shadow);
  transition: transform .08s ease-in-out, box-shadow .12s ease-in-out, background-color .2s ease, color .2s ease;
  text-decoration:none;
      margin:.25rem 0;
  font-weight:500;
}
.rwl-button:hover { box-shadow: 0 2px 6px rgba(0,0,0,.08); transform: translateY(-1px); }
.rwl-button:active { transform: translateY(0); box-shadow: 0 1px 2px rgba(0,0,0,.06); }
.rwl-button:focus { outline: 2px solid rgba(0,0,0,.15); outline-offset: 1px; }
.rwl-button .rwl-icon { display:inline-block; line-height:1; transform: translateY(-1px); }
.rwl-button.is-active .rwl-icon { filter: saturate(1.2); }
.rwl-icon-only .rwl-label { display:none !important; }
.rwl-icon-only { padding:.35rem; border-radius:9999px; }
.rwl-icon-only .rwl-icon { font-size: 18px; transform:none; }

/* Size modifiers */
.rwl-size-sm{ font-size: 12px; padding: .35rem .6rem; }
.rwl-size-md{ font-size: 14px; padding: .5rem .875rem; }
.rwl-size-lg{ font-size: 16px; padding: .7rem 1rem; }

/* Over-image placement */
.products .product{ position: relative; }
.products .product .rwl-overwrap{
  position:absolute; top:.5rem; right:.5rem; z-index:5;
  pointer-events:auto;
}

/* Wishlist flex list */
.rwl-wishlist { margin: 1rem 0 2rem; }
.rwl-wishlist h2 { display:flex; align-items:center; gap:.5rem; font-weight:600; }
.rwl-wishlist .rwl-count { font-size: .85em; opacity:.8; }
.rwl-list { width:100%; background:#fff; box-shadow: 0 1px 2px rgba(0,0,0,.04); border-radius:.5rem; overflow:hidden; }
.rwl-head, .rwl-item {
  display:grid;
  grid-template-columns: 1fr 140px 220px;
  gap: 1rem;
  align-items:center;
  padding: .9rem .9rem;
  border-bottom:1px solid #eee;
}
.rwl-head { background:#fafafa; font-weight:600; }
.rwl-item:last-child { border-bottom:0; }

.rwl-product-link { display:flex; align-items:center; gap:.75rem; text-decoration:none;
      margin:.25rem 0; color:inherit; }
.rwl-product-link img { width:56px; height:56px; object-fit:cover; border-radius:.4rem; }
.rwl-title { font-weight:500; }

.rwl-col-actions .button + .button,
.rwl-col-actions .button + .rwl-button,
.rwl-col-actions .rwl-button + .button { margin-left: .4rem; }

@media (max-width: 860px){
  .rwl-head { display:none; }
  .rwl-item{ grid-template-columns: 1fr auto; }
  .rwl-col-price { display:none; }
  .rwl-col-actions { justify-self:end; }
}

.rwl-no-bg, .rwl-no-bg:hover, .rwl-no-bg:active, .rwl-no-bg:focus { background: transparent !important; border-color: transparent !important; box-shadow: none !important; }


/* Credit */
.rwl-credit { margin-top: 1rem; font-size: .9rem; opacity: .85; }
.rwl-credit .rwl-heart { color: #e11d48; margin: 0 .2em; }
.rwl-credit a { text-decoration: none; }