/* Lanka Brush Exports — Request-a-Quote UI. Pairs with assets/quote.js. */

/* ---- quantity stepper (detail page + quote rows) ---- */
.lb-qty{display:inline-flex;align-items:stretch;border:1px solid #cdd8cf;border-radius:8px;overflow:hidden}
.lb-qty__btn{border:0;background:#f1f5f1;color:#2c5238;width:34px;font-size:1.1rem;line-height:1;cursor:pointer}
.lb-qty__btn:hover{background:#e3ebe4}
.lb-qty__input{border:0;width:52px;text-align:center;font-size:.95rem;-moz-appearance:textfield}
.lb-qty__input::-webkit-outer-spin-button,.lb-qty__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}

/* ---- add-to-quote control on the product detail page ---- */
.lb-quote-add{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:18px}
.lb-quote-view{align-self:center;color:#2c5238;font-size:.9rem;text-decoration:underline}
.lb-quote-view:hover{color:#1f3d2b}

/* ---- add-to-quote button on the listing cards ---- */
.lb-card-wrap{display:flex;flex-direction:column}
.lb-card-wrap>.lb-card{flex:1}
.lb-card-quote{margin-top:10px;background:#2c5238;color:#fff;border:0;border-radius:9999px;
  padding:10px 16px;font-size:.86rem;font-weight:600;cursor:pointer;transition:background .15s}
.lb-card-quote:hover{background:#1f3d2b}

/* ---- floating "Quote (N)" button ---- */
#lb-quote-fab{position:fixed;right:20px;bottom:20px;z-index:9000;display:inline-flex;align-items:center;gap:8px;
  background:#2c5238;color:#fff;text-decoration:none;padding:12px 18px;border-radius:9999px;
  box-shadow:0 8px 24px rgba(31,61,43,.28);font-weight:600;font-size:.92rem;transition:background .15s,transform .15s}
#lb-quote-fab:hover{background:#1f3d2b;transform:translateY(-2px)}
#lb-quote-fab.is-empty{opacity:.65}
.lb-quote-fab__badge{background:#fff;color:#1f3d2b;border-radius:9999px;min-width:22px;height:22px;
  display:inline-flex;align-items:center;justify-content:center;font-size:.78rem;font-weight:700;padding:0 6px}
@media(max-width:600px){#lb-quote-fab .lb-quote-fab__label{display:none}}

/* ---- toast ---- */
.lb-toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);z-index:9500;
  background:#1f3d2b;color:#fff;padding:12px 20px;border-radius:10px;font-size:.9rem;
  box-shadow:0 10px 30px rgba(0,0,0,.25);opacity:0;transition:opacity .25s,transform .25s;pointer-events:none}
.lb-toast.is-in{opacity:1;transform:translate(-50%,0)}

/* ---- quote page ---- */
.lb-quote{display:grid;grid-template-columns:1.4fr 1fr;gap:38px;align-items:start;margin:10px 0 40px}
@media(max-width:900px){.lb-quote{grid-template-columns:1fr}}
.lb-quote__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}
.lb-quote__head h2,.lb-quote__form h2{font-size:1.35rem;color:#1f3d2b;margin:0}
.lb-quote__clear{background:none;border:0;color:#8a5151;font-size:.85rem;cursor:pointer;text-decoration:underline}
.lb-quote__clear:hover{color:#6a2f2f}
.lb-quote__table{width:100%;border-collapse:collapse}
.lb-quote__table td{border-bottom:1px solid #e7ece8;padding:12px 10px;vertical-align:middle}
.lb-qrow__media img{width:70px;height:70px;object-fit:cover;border-radius:8px;background:#f4f7f4}
.lb-qrow__name{font-weight:600;color:#1f3d2b}
.lb-qrow__cat{font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:#7a8a7d;margin-top:2px}
.lb-qrow__code{font-size:.78rem;color:#7a8a7d;margin-top:2px}
.lb-qrow__remove{background:none;border:0;font-size:1.4rem;line-height:1;color:#b06a6a;cursor:pointer;padding:0 6px}
.lb-qrow__remove:hover{color:#8a3d3d}

.lb-quote__form{background:#f7faf7;border:1px solid #e7ece8;border-radius:14px;padding:24px}
.lb-quote__intro{font-size:.9rem;color:#5d6b60;margin:6px 0 16px}
.lb-quote__form label{display:block;font-size:.85rem;color:#3a4a3d;font-weight:600;margin-bottom:12px}
.lb-quote__form label span{color:#b04a4a}
.lb-quote__form input,.lb-quote__form textarea{display:block;width:100%;margin-top:5px;padding:10px 12px;
  border:1px solid #cdd8cf;border-radius:8px;font-size:.92rem;font-family:inherit;box-sizing:border-box;background:#fff}
.lb-quote__form input:focus,.lb-quote__form textarea:focus{outline:none;border-color:#2c5238;box-shadow:0 0 0 2px rgba(44,82,56,.12)}
.lb-quote__submit{width:100%;margin-top:6px;border:0;cursor:pointer}
.lb-quote__submit:disabled{opacity:.6;cursor:default}
.lb-quote__status{margin-top:12px;font-size:.88rem;min-height:1.2em}
.lb-quote__status.is-err{color:#b04a4a}
.lb-quote__status.is-busy{color:#2c5238}

/* shared button (mirrors catalog.css .lb-quote-btn) */
/* colour set with !important so the Blocksy theme's own link colour can't
   override the white label on the quote page (which doesn't load catalog.css) */
a.lb-quote-btn,.lb-quote-btn{display:inline-block;background:#2c5238;color:#fff !important;text-decoration:none;border-radius:9999px;
  padding:12px 22px;font-weight:600;font-size:.92rem}
a.lb-quote-btn:hover,.lb-quote-btn:hover{background:#1f3d2b;color:#fff !important}

.lb-quote-empty{text-align:center;padding:50px 20px}
.lb-quote-empty h2{color:#1f3d2b;margin-bottom:10px}
.lb-quote-empty p{color:#5d6b60;max-width:460px;margin:0 auto 22px}