/* v2.9.1 – mobile cart cards (image + tidy delete), account header shortcuts, bottom-sheet menu */

/* ---------- 1. MOBILE CART: image visible, delete button neatly in the card corner ---------- */
@media (max-width:768px){
  .woocommerce-cart table.shop_table_responsive.cart,
  .woocommerce-cart table.shop_table_responsive.cart tbody{display:block;border:0;background:transparent;box-shadow:none;overflow:visible}
  .woocommerce-cart table.cart thead{display:none}
  .woocommerce-cart table.cart tr.cart_item{
    position:relative;display:grid;grid-template-columns:86px minmax(0,1fr);column-gap:14px;row-gap:6px;
    align-items:start;margin:0 0 14px;padding:14px 14px 14px;background:#fff;border:1px solid #e3eee7;
    border-radius:18px;box-shadow:0 8px 22px rgba(10,58,40,.07)}
  .woocommerce-cart table.cart tr.cart_item td{display:block;border:0!important;padding:0!important;text-align:left!important;background:transparent}
  .woocommerce-cart table.cart tr.cart_item td::before{display:none!important}
  /* product image – WooCommerce hides it on phones; we show it */
  .woocommerce-cart table.cart tr.cart_item td.product-thumbnail{display:block!important;grid-column:1;grid-row:1 / span 4;width:86px}
  .woocommerce-cart table.cart td.product-thumbnail a{display:block}
  .woocommerce-cart table.cart td.product-thumbnail img{display:block!important;width:86px!important;height:86px!important;max-width:none;border-radius:14px;object-fit:cover;background:var(--mint-2,#eef8f2);border:1px solid #e3eee7}
  /* name */
  .woocommerce-cart table.cart tr.cart_item td.product-name{grid-column:2;grid-row:1;padding-right:40px!important;font-weight:700;font-size:15px;line-height:1.35}
  .woocommerce-cart table.cart td.product-name a{color:#0f2b20}
  /* unit price */
  .woocommerce-cart table.cart tr.cart_item td.product-price{grid-column:2;grid-row:2;color:#5b7468;font-size:13.5px}
  /* qty + subtotal on one line */
  .woocommerce-cart table.cart tr.cart_item td.product-quantity{grid-column:2;grid-row:3;display:flex!important;align-items:center}
  .woocommerce-cart table.cart tr.cart_item td.product-quantity .quantity{margin:0}
  .woocommerce-cart table.cart tr.cart_item td.product-quantity input.qty{width:64px;min-height:38px;padding:4px 6px;border:1.5px solid #dbe9e0;border-radius:10px;text-align:center}
  .woocommerce-cart table.cart tr.cart_item td.product-subtotal{grid-column:2;grid-row:4;font-weight:800;font-size:16px;color:#0e6b43;display:flex!important;align-items:center;gap:6px}
  .woocommerce-cart table.cart tr.cart_item td.product-subtotal::before{display:inline!important;content:"মোট:";font-weight:600;font-size:12.5px;color:#6b8377}
  /* delete: small round trash button, top-right of the card */
  .woocommerce-cart table.cart tr.cart_item td.product-remove{position:absolute;top:10px;right:10px;width:auto;grid-column:auto;z-index:2}
  .woocommerce a.remove,.woocommerce-cart table.cart a.remove{
    display:grid!important;place-items:center;width:34px;height:34px;margin:0;padding:0;border-radius:50%;
    font-size:0!important;line-height:0;color:transparent!important;background:#fdecec url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d92d2d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M4 7h16M10 11v6M14 11v6M6 7l1 13h10l1-13M9 7V4h6v3'/></svg>") center/18px no-repeat;
    border:1px solid #f6c9c9;transition:background-color .15s,transform .15s}
  .woocommerce a.remove:hover,.woocommerce-cart table.cart a.remove:hover{background-color:#f9d3d3;color:transparent!important;transform:scale(1.06)}
  /* actions row (coupon + update) */
  .woocommerce-cart table.cart tr:not(.cart_item){display:block;margin:0}
  .woocommerce-cart table.cart td.actions{display:block;padding:0!important;border:0!important}
  .woocommerce-cart table.cart td.actions .coupon{display:flex;gap:8px;margin:0 0 10px;float:none;width:100%}
  .woocommerce-cart table.cart td.actions .coupon input.input-text{flex:1;width:auto!important;min-width:0}
  .woocommerce-cart table.cart td.actions>button[name=update_cart]{width:100%}
  .woocommerce-cart .cart-collaterals .cart_totals{max-width:none;margin:8px 0 0}
}

/* ---------- 2. ACCOUNT HEADER: bell + shortcuts + menu ---------- */
.mop-dash-hero{z-index:30}                      /* hero (and its popup) always above the stat cards */
.mop-ab .bd{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 5px;border-radius:99px;background:#27d57c;color:#05291a;font:800 10.5px/18px 'Poppins',sans-serif;font-style:normal;text-align:center;border:2px solid #0b5a3a;box-sizing:border-box}
.mop-ab:focus-visible{outline:2px solid #4be08f;outline-offset:2px}
@media (max-width:767px){
  .mop-dash-act{gap:7px}
  .mop-dash-top{gap:8px}
  .mop-ab{width:40px;height:40px;flex:none}
  .mop-ab .ic{width:20px;height:20px}
  /* counts live on the header icons now – no repeated stat cards on phones */
  .mop-dash-stats.mop-stats-desk{display:none!important}
  .mop-dash-hero{padding-bottom:22px}
  .mop-dash-quick{margin-top:0}
  .mop-dash-hero+.mop-dash-quick,.mop-dash-hero~.mop-dash-h:first-of-type{margin-top:16px}
}
@media (max-width:360px){ .mop-ab{width:36px;height:36px} .mop-dash-act{gap:5px} }

/* ---------- 3. DASHBOARD MENU = bottom sheet on phones (lifted to <body> by v29.js, can never hide behind cards) ---------- */
.mop-sheet-bg{position:fixed;inset:0;background:rgba(6,35,26,.5);z-index:99998;animation:mopfade .18s ease}
body.mop-sheet-open{overflow:hidden}
@keyframes mopfade{from{opacity:0}to{opacity:1}}
@keyframes mopup{from{transform:translateY(40px);opacity:0}to{transform:none;opacity:1}}
body .mop-acpop.is-sheet{
  display:block!important;position:fixed!important;left:0!important;right:0!important;top:auto!important;bottom:0!important;
  width:auto!important;max-width:none!important;max-height:80vh!important;overflow:auto;z-index:99999!important;
  border-radius:24px 24px 0 0;border:0;padding:6px 12px calc(16px + env(safe-area-inset-bottom));
  box-shadow:0 -18px 50px rgba(6,35,26,.35);animation:mopup .22s ease}
body .mop-acpop.is-sheet::before{content:"";display:block;width:44px;height:5px;border-radius:9px;background:#d6e4dc;margin:6px auto 4px}
.mop-acpop-h{display:none}
body .mop-acpop.is-sheet .mop-acpop-h{display:block;padding:6px 8px 10px;font:800 16px var(--font);color:#0f2b20}
body .mop-acpop.is-sheet a{padding:13px 12px;font-size:15px}
body .mop-acpop.is-sheet a.out{margin-top:2px;padding:13px;background:#fdecec;border-radius:12px;font-size:14px}


/* ---------- 4. fake-order warning pop-up ---------- */
.mop-fd[hidden]{display:none}
.mop-fd{position:fixed;inset:0;z-index:100000;display:grid;place-items:center;padding:18px}
.mop-fd-bg{position:absolute;inset:0;background:rgba(6,35,26,.55);animation:mopfade .18s ease}
.mop-fd-box{position:relative;width:min(420px,100%);background:#fff;border-radius:22px;padding:26px 22px 20px;text-align:center;box-shadow:0 30px 70px rgba(6,35,26,.4);animation:mopup .22s ease}
.mop-fd-ic{width:58px;height:58px;margin:-56px auto 12px;border-radius:50%;display:grid;place-items:center;background:#f5a524;color:#fff;font:800 32px/1 'Poppins',sans-serif;border:5px solid #fff;box-shadow:0 8px 20px rgba(245,165,36,.45)}
.mop-fd.is-blocked .mop-fd-ic{background:#d92d2d;box-shadow:0 8px 20px rgba(217,45,45,.4)}
.mop-fd h3{margin:0 0 8px;font-size:21px;color:#0f2b20}
.mop-fd p{margin:0 0 8px;color:#35523f;font-size:14.5px;line-height:1.65}
.mop-fd p.s{font-size:13px;color:#5b7468}
.mop-fd-ok{margin-top:10px;width:100%;min-height:48px;border:0;border-radius:99px;background:linear-gradient(120deg,#1fa463,#0e6b43);color:#fff;font:700 15.5px var(--font);cursor:pointer}
.mop-fd-w[hidden],.mop-fd-b[hidden]{display:none}