/* Yebodesk Longfill Options 0.4.0: quick-add popup on listings. The picker inside keeps its own styles (frontend.css). */
.yd-lfq[hidden] { display: none; }
.yd-lfq { position: fixed; inset: 0; z-index: 9990; display: flex; align-items: center; justify-content: center; padding: 16px; }
.yd-lfq__scrim { position: absolute; inset: 0; background: rgba(5, 3, 4, 0.78); -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); }
.yd-lfq__panel { position: relative; width: min(640px, 100%); max-height: calc(100vh - 32px); max-height: calc(100dvh - 32px); overflow: auto; overscroll-behavior: contain; padding: 20px; border: 1px solid rgba(214, 36, 46, 0.45); border-radius: 18px; background: radial-gradient(circle at 100% 0, rgba(214, 36, 46, 0.14), transparent 42%), #120d0c; color: #f9f0df; box-shadow: 0 30px 80px rgba(0, 0, 0, 0.6); outline: none; text-align: left; }
.yd-lfq__close { position: absolute; top: 10px; right: 10px; width: 40px; height: 40px; padding: 0; border: 1px solid rgba(249, 240, 223, 0.22); border-radius: 50%; background: rgba(255, 255, 255, 0.04); color: #fff7e8; font: 400 24px/1 system-ui, sans-serif; cursor: pointer; }
.yd-lfq__close:hover, .yd-lfq__close:focus-visible { border-color: #ff3b44; }
.yd-lfq__head { display: flex; gap: 14px; align-items: center; padding-right: 44px; margin-bottom: 4px; }
.yd-lfq__img:empty { display: none; }
.yd-lfq__img img { display: block; width: 72px; height: 72px; object-fit: contain; border-radius: 10px; background: rgba(255, 255, 255, 0.04); }
.yd-lfq__title { margin: 0 0 4px; color: #fff7e8; font-size: 1.15rem; line-height: 1.25; letter-spacing: normal; text-transform: none; }
.yd-lfq__price { color: #eadfce; font-weight: 700; }
.yd-lfq .yebodesk-longfill { margin: 12px 0 0; padding: 0; border: 0; background: none; }
.yd-lfq .yebodesk-longfill__heading { margin-bottom: 0.9rem; }
.yd-lfq .yebodesk-longfill__heading h2 { font-size: 1.05rem; }
.yd-lfq__actions { display: flex; flex-wrap: wrap; gap: 12px; align-items: flex-end; justify-content: space-between; margin-top: 14px; padding-top: 14px; border-top: 1px solid rgba(249, 240, 223, 0.16); }
.yd-lfq__qty { display: grid; gap: 4px; color: #cdbda9; font-size: 0.8rem; }
.yd-lfq__qty input { width: 88px; min-height: 46px; padding: 0 10px; border: 1px solid rgba(249, 240, 223, 0.25); border-radius: 10px; background: rgba(255, 255, 255, 0.05); color: #fff7e8; font-size: 1rem; }
.yd-lfq__add { flex: 1 1 200px; min-height: 48px; }
.yd-lfq__msg { min-height: 1.2em; margin: 10px 0 0; font-size: 0.9rem; }
.yd-lfq__msg.is-ok { color: #8be28b; }
.yd-lfq__msg.is-error { color: #ff6269; }
.yd-lfq__more { display: inline-block; margin-top: 4px; color: #d0a44c; font-size: 0.85rem; text-decoration: underline; }
.yd-lfq__loading { margin: 18px 0; color: #cdbda9; }
html.yd-lfq-open { overflow: hidden; }
@media (max-width: 560px) {
  .yd-lfq { align-items: flex-end; padding: 0; }
  .yd-lfq__panel { width: 100%; max-height: 92vh; max-height: 92dvh; padding: 18px 16px calc(18px + env(safe-area-inset-bottom)); border-radius: 18px 18px 0 0; }
}
/* 0.4.2 (Shane: "The add to cart button in the new popup ... needs to be themed correctly"). The popup sits outside
   the theme's .woocommerce wrappers, so on pages without that body class (e.g. the homepage) the button fell back to
   plain text. The same look as the theme's primary button, self-contained. */
.yd-lfq button.yd-lfq__add { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 0 20px; border: 0; border-radius: 4px; background: #ff2d3f; color: #070506; font: 800 16px/1 var(--body, "Instrument Sans", "Segoe UI", system-ui, sans-serif); letter-spacing: 0.06em; text-transform: uppercase; text-decoration: none; box-shadow: none; text-shadow: none; cursor: pointer; transition: background-color 160ms ease, transform 160ms ease; }
.yd-lfq button.yd-lfq__add:hover { background: #ff4b5a; transform: translateY(-1px); }
.yd-lfq button.yd-lfq__add:focus-visible { outline: 3px solid #d0a44c; outline-offset: 3px; }
.yd-lfq button.yd-lfq__add:disabled { opacity: 0.65; cursor: progress; transform: none; }