/* ── EJC WhatsApp Cart — all styles ── */

/* Cart float button */
#ejc-cart-float{position:fixed!important;bottom:90px!important;right:24px!important;z-index:9998!important;width:58px!important;height:58px!important;background:#111!important;border:2px solid #F6D369!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;box-shadow:0 4px 20px rgba(0,0,0,.45)!important;transition:transform .2s,box-shadow .2s;}
#ejc-cart-float:hover{transform:scale(1.1)!important;}
#ejc-cart-badge{position:absolute!important;top:-5px!important;right:-5px!important;background:#F6D369!important;color:#111!important;font-family:'Roboto',sans-serif!important;font-size:11px!important;font-weight:700!important;width:20px!important;height:20px!important;border-radius:50%!important;display:none;align-items:center!important;justify-content:center!important;line-height:1!important;}
@media(max-width:600px){#ejc-cart-float{bottom:80px!important;right:16px!important;width:52px!important;height:52px!important;}}

/* Overlay */
#ejc-cart-overlay{position:fixed!important;inset:0!important;background:rgba(0,0,0,.55)!important;z-index:9995!important;display:none;}
#ejc-cart-overlay.open{display:block!important;}

/* Panel */
#ejc-cart-panel{position:fixed!important;top:0!important;right:-420px!important;width:420px!important;max-width:100vw!important;height:100%!important;background:#111!important;border-left:1px solid rgba(246,211,105,.18)!important;z-index:9996!important;display:flex!important;flex-direction:column!important;transition:right .3s cubic-bezier(.4,0,.2,1);font-family:'Roboto',sans-serif;}
#ejc-cart-panel.open{right:0!important;}
#ejc-cart-head{display:flex;align-items:center;justify-content:space-between;padding:20px 22px;border-bottom:1px solid rgba(246,211,105,.12);flex-shrink:0;}
#ejc-cart-head h2{font-family:'Roboto Slab',serif;font-size:17px;font-weight:800;color:#fff;margin:0;display:flex;align-items:center;gap:10px;}
#ejc-cart-head h2 span{font-family:'Roboto',sans-serif;font-size:11px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:rgba(255,255,255,.35);}
#ejc-cart-close{background:transparent!important;border:none!important;cursor:pointer;color:rgba(255,255,255,.4);font-size:22px;line-height:1;padding:4px 6px;transition:color .15s;}
#ejc-cart-close:hover{color:#F6D369;}

/* Empty state */
#ejc-cart-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:40px;}
#ejc-cart-empty svg{opacity:.2;}
#ejc-cart-empty p{font-size:14px;font-weight:700;color:rgba(255,255,255,.35);margin:0;letter-spacing:.05em;}
#ejc-cart-empty small{font-size:12px;color:rgba(255,255,255,.2);text-align:center;line-height:1.5;}

/* Item list */
#ejc-cart-list{flex:1;overflow-y:auto;padding:12px 0;scrollbar-width:thin;scrollbar-color:#F6D369 rgba(255,255,255,.06);}
#ejc-cart-list::-webkit-scrollbar{width:3px;}
#ejc-cart-list::-webkit-scrollbar-thumb{background:#F6D369;border-radius:2px;}
.ejc-cart-item{display:flex;gap:12px;padding:12px 22px;border-bottom:1px solid rgba(255,255,255,.05);transition:background .15s;}
.ejc-cart-item:hover{background:rgba(255,255,255,.03);}
.ejc-ci-img{width:56px;height:56px;border-radius:3px;object-fit:cover;flex-shrink:0;}
.ejc-ci-noimg{width:56px;height:56px;border-radius:3px;background:rgba(255,255,255,.05);display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0;}
.ejc-ci-body{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0;}
.ejc-ci-name{font-size:13px;font-weight:700;color:#fff;line-height:1.3;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.ejc-ci-price{font-family:'Roboto Slab',serif;font-size:13px;font-weight:800;color:#F6D369;}
.ejc-ci-controls{display:flex;align-items:center;gap:8px;margin-top:4px;}
.ejc-qty-btn{width:26px!important;height:26px!important;border-radius:50%!important;border:1px solid rgba(246,211,105,.35)!important;background:transparent!important;color:#F6D369!important;font-size:16px!important;font-weight:700!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;line-height:1!important;transition:background .15s,color .15s;}
.ejc-qty-btn:hover{background:#F6D369!important;color:#111!important;}
.ejc-qty-val{font-size:14px;font-weight:700;color:#fff;min-width:18px;text-align:center;}
.ejc-remove-btn{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.25);background:none!important;border:none!important;cursor:pointer;padding:0;margin-left:4px;transition:color .15s;}
.ejc-remove-btn:hover{color:#ff6b6b;}

/* Panel footer */
#ejc-cart-footer{padding:18px 22px;border-top:1px solid rgba(246,211,105,.12);flex-shrink:0;display:none;}
#ejc-cart-total{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.35);margin-bottom:14px;}
#ejc-cart-wa{width:100%;display:flex!important;align-items:center!important;justify-content:center!important;gap:10px;background:#25D366!important;color:#fff!important;border:none!important;border-radius:2px!important;font-family:'Roboto',sans-serif!important;font-size:14px!important;font-weight:700!important;letter-spacing:.1em;text-transform:uppercase;padding:16px 20px!important;cursor:pointer!important;transition:background .2s,transform .15s;margin-bottom:8px;}
#ejc-cart-wa:hover{background:#1da851!important;transform:translateY(-1px);}
#ejc-cart-clear{width:100%;background:transparent!important;border:none!important;font-family:'Roboto',sans-serif;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.2);cursor:pointer;padding:6px;transition:color .15s;}
#ejc-cart-clear:hover{color:rgba(255,255,255,.5);}

/* ── Add button — gold, clearly visible on dark and light backgrounds ── */
.ejc-add-btn{display:inline-flex!important;align-items:center!important;gap:5px!important;font-family:'Roboto',sans-serif!important;font-size:11px!important;font-weight:700!important;letter-spacing:.1em!important;text-transform:uppercase!important;color:#111!important;background:#F6D369!important;border:none!important;border-radius:2px!important;padding:7px 14px!important;cursor:pointer!important;white-space:nowrap!important;line-height:1!important;width:auto!important;height:auto!important;min-width:0!important;min-height:0!important;box-shadow:none!important;text-decoration:none!important;outline:none!important;user-select:none!important;-webkit-user-select:none!important;}
.ejc-add-btn:hover{background:#fff!important;color:#111!important;}
.ejc-add-btn.ejc-added{background:#25D366!important;color:#fff!important;}

/* ── Separate add row below price/action ── */
.ejc-add-row{padding:6px 0 0;display:flex;justify-content:flex-end;}