/* WhatsApp Order - Frontend CSS v2.0
   #552500 maro | #D65C00 portocaliu | #FFE493 auriu | #25D366 WA
*/

/* Utility */
.lrwo-hidden{display:none!important}
button#lrwo-bubble.lrwo-hidden{display:none!important;visibility:hidden!important;pointer-events:none!important}
#lrwo-cart.lrwo-hidden{display:none!important}

/* Add button */
.lrwo-btn-wrap{display:inline-block;margin-top:8px}
.lrwo-add-btn{display:inline-flex;align-items:center;gap:4px;background:transparent;color:#552500;border:1.5px solid #552500;border-radius:4px;padding:4px 10px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;font-family:inherit;line-height:1.5;transition:background .18s,color .18s,border-color .18s}
.lrwo-add-btn:hover{background:#552500;color:#FFE493}
.lrwo-add-btn:active{opacity:.8}
.lrwo-add-btn.lrwo-added{background:#2d7a3a;color:#fff;border-color:#2d7a3a}

/* Bubble */
button#lrwo-bubble.lrwo-bubble{position:fixed!important;bottom:12px!important;right:120px!important;left:auto!important;z-index:99999!important;width:52px!important;height:52px!important;min-width:0!important;min-height:0!important;border-radius:50%!important;background:#552500!important;background-color:#552500!important;color:#FFE493!important;border:none!important;cursor:pointer!important;box-shadow:0 4px 16px rgba(85,37,0,.45)!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important;font-size:0!important;line-height:0!important;transition:background .2s,transform .15s!important}
button#lrwo-bubble.lrwo-bubble:hover{background:#D65C00!important;background-color:#D65C00!important;transform:scale(1.06)!important}
button#lrwo-bubble svg{width:24px!important;height:24px!important;flex-shrink:0!important;display:block!important}
button#lrwo-bubble .lrwo-bubble-count{position:absolute!important;top:-3px!important;right:-3px!important;background:#FFE493!important;color:#552500!important;font-size:10px!important;font-weight:800!important;min-width:17px!important;height:17px!important;border-radius:9px!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0 4px!important;border:2px solid #fff!important;line-height:1!important;z-index:1!important}

/* Cart */
.lrwo-cart{position:fixed;bottom:74px;right:20px;z-index:9998;width:300px;max-height:calc(100vh - 120px);background:#fff;border-radius:10px;box-shadow:0 6px 30px rgba(0,0,0,.14);display:flex;flex-direction:column;overflow:hidden;font-family:inherit}
.lrwo-cart-header{background:#552500;color:#FFE493;padding:10px 14px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}
.lrwo-cart-title{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;display:flex;align-items:center}
.lrwo-cart-close{background:none;border:none;color:#FFE493;font-size:14px;cursor:pointer;opacity:.7;padding:0;line-height:1;width:22px;height:22px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:opacity .15s,background .15s}
.lrwo-cart-close:hover{opacity:1;background:rgba(255,228,147,.15)}
.lrwo-cart-items{flex:1;overflow-y:auto;padding:4px 0}
.lrwo-cart-item{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:8px;padding:6px 14px;border-bottom:1px solid #f5f0ea}
.lrwo-item-name{font-size:11px;color:#333;line-height:1.35}
.lrwo-item-qty{display:flex;align-items:center;gap:4px}
.lrwo-qty-btn{width:24px;height:24px;border-radius:50%;border:1px solid #D65C00;background:transparent;color:#D65C00;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;line-height:1;transition:background .12s}
.lrwo-qty-btn:hover{background:#D65C00;color:#fff}
.lrwo-qty-num{font-size:11px;font-weight:700;min-width:14px;text-align:center;color:#333}
.lrwo-item-price{font-size:11px;color:#552500;font-weight:700;white-space:nowrap}
.lrwo-cart-footer{padding:10px 14px;border-top:1px solid #f0ebe4;background:#faf7f4;flex-shrink:0}
.lrwo-cart-total{font-size:11px;color:#555;margin-bottom:8px;display:flex;align-items:baseline;gap:5px}
.lrwo-cart-total strong{color:#D65C00;font-size:15px;font-weight:700}
.lrwo-checkout-btn{display:flex;align-items:center;justify-content:center;width:100%;box-sizing:border-box;background:#25D366;color:#fff;border:none;border-radius:6px;padding:10px 12px;margin-bottom:6px;font-size:11px;font-weight:700;font-family:inherit;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:background .18s}
.lrwo-checkout-btn:hover{background:#1fba58}
.lrwo-clear-btn{display:block;width:100%;box-sizing:border-box;background:none;border:1.5px solid #e0d8d0;border-radius:6px;padding:8px 12px;font-size:10px;color:#bbb;font-family:inherit;text-transform:uppercase;letter-spacing:.04em;text-align:center;cursor:pointer;transition:border-color .15s,color .15s}
.lrwo-clear-btn:hover{border-color:#e24b4a;color:#e24b4a}

/* Modal overlay */
.lrwo-overlay{position:fixed;inset:0;z-index:99999;background:rgba(30,15,5,.55);display:flex;align-items:center;justify-content:center;padding:16px}
.lrwo-modal{background:#fff;border-radius:10px;width:100%;max-width:380px;box-shadow:0 20px 60px rgba(0,0,0,.2);display:flex;flex-direction:column;overflow:hidden}
.lrwo-modal-header{background:#552500;color:#FFE493;padding:11px 15px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}
.lrwo-modal-header h2{font-size:12px;font-weight:700;margin:0;color:#FFE493;letter-spacing:.07em;text-transform:uppercase}
.lrwo-modal-header button{background:none;border:none;color:#FFE493;font-size:16px;cursor:pointer;opacity:.7;padding:0;line-height:1}
.lrwo-modal-header button:hover{opacity:1}
.lrwo-modal-body{padding:14px 15px 10px}
.lrwo-field{margin-bottom:9px}
.lrwo-field label{display:block;font-size:9px;font-weight:700;color:#999;margin-bottom:3px;text-transform:uppercase;letter-spacing:.08em}
.lrwo-field input{width:100%;box-sizing:border-box;padding:7px 10px;border:1.5px solid #e8e0d8;border-radius:6px;font-size:13px;font-family:inherit;color:#333;background:#fdfcfb;transition:border-color .18s}
.lrwo-field input:focus{outline:none;border-color:#D65C00;background:#fff;box-shadow:0 0 0 3px rgba(214,92,0,.08)}
.lrwo-field input.lrwo-error{border-color:#e24b4a}
.lrwo-modal-summary{background:#faf7f4;border-radius:6px;padding:8px 10px;font-size:11px;color:#666;line-height:1.75;border:1px solid #f0e8df;margin-top:2px}
.lrwo-modal-summary strong{color:#D65C00}
.lrwo-field-error{color:#e24b4a;font-size:13px;font-weight:700;margin-top:6px;min-height:14px;line-height:1.4}
.lrwo-modal-footer{padding:10px 15px 14px}
.lrwo-wa-btn{width:100%;background:#552500;color:#FFE493;border:none;border-radius:7px;padding:11px;font-size:13px;font-weight:700;font-family:inherit;cursor:pointer;letter-spacing:.02em;transition:background .18s;display:flex;align-items:center;justify-content:center;gap:8px}
.lrwo-wa-btn:hover{background:#7a2a00}

/* Radio buttons */
.lrwo-field-label{display:block;font-size:9px;font-weight:700;color:#999;margin-bottom:8px;text-transform:uppercase;letter-spacing:.08em}
.lrwo-radio-group{display:flex;gap:10px;flex-wrap:wrap}
.lrwo-radio-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:13px;color:#333;font-weight:500;padding:8px 14px;border:1.5px solid #e8e0d8;border-radius:7px;flex:1;transition:border-color .18s,background .18s;user-select:none}
.lrwo-radio-label:hover{border-color:#D65C00;background:#fdf8f4}
.lrwo-radio-label input[type="radio"]{display:none}
.lrwo-radio-custom{width:16px;height:16px;border-radius:50%;border:2px solid #ccc;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;transition:border-color .18s;background:#fff}
.lrwo-radio-label input[type="radio"]:checked ~ .lrwo-radio-custom{border-color:#D65C00;background:#D65C00;box-shadow:inset 0 0 0 3px #fff}
.lrwo-radio-label:has(input:checked){border-color:#D65C00;background:#fdf8f4;color:#552500;font-weight:600}

/* Time picker */
.lrwo-time-wrap{animation:lrwo-fadein .2s ease}
@keyframes lrwo-fadein{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
.lrwo-time-wrap input[type="time"]{width:100%;box-sizing:border-box;padding:9px 12px;border:1.5px solid #D65C00;border-radius:7px;font-size:15px;font-family:inherit;color:#552500;font-weight:600;background:#fdf8f4;cursor:pointer}
.lrwo-time-wrap input[type="time"]:focus{outline:none;box-shadow:0 0 0 3px rgba(214,92,0,.1)}
.lrwo-time-hint{display:block;font-size:10px;color:#aaa;margin-top:4px;letter-spacing:.03em}
.lrwo-time-error{display:block;font-size:11px;color:#e24b4a;font-weight:600;margin-top:5px;line-height:1.4}
.lrwo-time-error:empty{display:none}

/* Closed popup */
.lrwo-closed-modal{max-width:340px!important;text-align:center}

/* Responsive */
@media(max-width:520px){
  button#lrwo-bubble.lrwo-bubble{bottom:16px!important;right:auto!important;left:50%!important;transform:translateX(-50%)!important}
  button#lrwo-bubble.lrwo-bubble:hover{transform:translateX(-50%) scale(1.05)!important}
  #lrwo-cart.lrwo-cart{left:0!important;right:0!important;bottom:78px!important;width:100%!important;border-radius:14px 14px 0 0!important;max-height:55vh!important}
  .lrwo-overlay{align-items:flex-end;padding:0}
  .lrwo-modal{border-radius:14px 14px 0 0!important;max-width:100%!important}
}

/* Prevent SVG/path from capturing clicks inside buttons */
.lrwo-wa-btn svg, .lrwo-wa-btn path,
.lrwo-wa-btn span, .lrwo-checkout-btn svg {
  pointer-events: none;
}

/* Gram picker modal */
.lrwo-gram-modal{
  max-width:320px !important;
}
.lrwo-gram-modal .lrwo-modal-header h2{
  font-size:12px;
}
#lrwo-gram-input:focus{
  outline:none;
  box-shadow:0 0 0 3px rgba(214,92,0,.12);
}
#lrwo-gram-input::-webkit-inner-spin-button,
#lrwo-gram-input::-webkit-outer-spin-button{
  opacity:1;
  height:32px;
}

/* Grams badge in cart */
.lrwo-grams-badge{
  display:inline-block;
  background:#D65C00;
  color:#fff;
  font-size:10px;
  font-weight:800;
  padding:1px 6px;
  border-radius:10px;
  margin-left:4px;
  vertical-align:middle;
  letter-spacing:.03em;
}

/* Gram +50/-50 buttons */
.lrwo-qty-gram{
  font-size:9px!important;
  width:auto!important;
  padding:0 6px!important;
  border-radius:10px!important;
  white-space:nowrap;
}

/* === Inline price edit (admin only) === */
.lrwo-editable-price{
  display:inline-flex;align-items:center;gap:5px;
  border-bottom:1.5px dashed #D65C00;
  padding-bottom:1px;
  transition:background .15s;
}
.lrwo-editable-price:hover{
  background:rgba(214,92,0,.08);
  border-radius:3px;
}
.lrwo-price-hint{
  font-size:11px;opacity:.5;
}
.lrwo-price-input{
  width:70px;
  padding:3px 6px;
  border:2px solid #D65C00;
  border-radius:5px;
  font-size:14px;font-weight:700;
  color:#552500;
  font-family:inherit;
  text-align:center;
}
.lrwo-price-saving{
  opacity:.5;
  pointer-events:none;
}
.lrwo-price-saved .lrwo-price-value{
  color:#2d7a3a;
  transition:color .3s;
}