/* Mush Love MI - Archive card CSS (extracted from woocommerce/archive-product.php)
 * v5.3.29.87: externalized 106 lines from inline <style id="mlarch-css"> to reduce HTML weight.
 * ~8.6KB shaved off every category/brand/shop archive page. */

/* -- ARCHIVE WRAPPER --------------------------------------- */
#mlarch-wrap{padding:0 16px;max-width:1380px;margin:0 auto;box-sizing:border-box}
#mlarch-wrap h1{font-size:1.2rem;font-weight:800;margin:16px 0 4px;color:#1A1A1A}
.mlarch-meta{font-size:.8rem;color:#767676;margin-bottom:14px}
.mlarch-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;width:100%}
@media(min-width:769px){.mlarch-grid{grid-template-columns:repeat(4,1fr);gap:16px}}

/* -- CARD -------------------------------------------------- */
.mlarch-card{background:#fff;border-radius:12px;border:1px solid #eee;overflow:hidden;display:flex;flex-direction:column;cursor:pointer;transition:box-shadow .2s,border-color .2s;position:relative}
.mlarch-card:hover{box-shadow:0 4px 16px rgba(0,0,0,.1);border-color:#ccc}
.mlarch-card.mlarch-open{border-color:#1A1A1A}

/* -- PHOTO ------------------------------------------------- */
.mlarch-photo{position:relative;width:100%;aspect-ratio:1;background:#fff;overflow:hidden;flex-shrink:0}
.mlarch-photo a{display:block;width:100%;height:100%}
/* v5.3.29.22: contain not cover — Caps Lock bottle tops/bottoms were getting clipped */
.mlarch-photo img{width:100%;height:100%;object-fit:contain;display:block}
/* v5.3.29.25: dried mushroom flower photos are full-bleed close-ups — fill edge-to-edge */
.mlarch-photo--fill{background:#0d0d0f}
.mlarch-photo--fill img{object-fit:cover}
.mlarch-photo-tile{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:1.4rem;font-weight:900;color:#fff}
.mlarch-badges{position:absolute;top:7px;left:7px;right:7px;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none;z-index:2}
.mlarch-badge-left{display:flex;flex-direction:column;gap:3px}
.mlarch-badge{font-size:.58rem;font-weight:700;padding:2px 7px;border-radius:99px;color:#fff;display:inline-block}
.mlarch-badge-new{background:#16a34a}
.mlarch-badge-sale{background:#E91C23}
.mlarch-badge-staff{background:#F59E0B;color:#000}
.mlarch-stock{font-size:.58rem;font-weight:700;padding:2px 7px;border-radius:99px;background:rgba(0,0,0,.65);color:#fff;display:inline-flex;align-items:center;gap:3px}
.mlarch-stock-dot{width:5px;height:5px;border-radius:50%;background:#4ade80;flex-shrink:0}
.mlarch-stock--out .mlarch-stock-dot{background:#f87171}

/* -- FRONT ------------------------------------------------- */
.mlarch-front{padding:10px 11px 8px;display:flex;flex-direction:column;flex:1}
.mlarch-name{font-size:.85rem;font-weight:800;color:#1A1A1A;line-height:1.25;text-decoration:none;display:block;margin-bottom:5px}
.mlarch-name:hover{color:#E91C23}
.mlarch-meta-row{display:flex;align-items:center;gap:5px;margin-bottom:5px;flex-wrap:wrap}
.mlarch-level{font-size:.52rem;font-weight:700;padding:2px 6px;border-radius:99px;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}
.mlarch-pot-wrap{display:flex;align-items:center;gap:3px}
.mlarch-pot-seg{width:10px;height:6px;border-radius:2px;display:inline-block}
.mlarch-pot-lbl{font-size:.62rem;font-weight:600;color:#767676;margin-left:2px}
.mlarch-tagline{font-size:.7rem;color:#767676;line-height:1.35;margin-bottom:6px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.mlarch-price-row{display:flex;align-items:center;justify-content:space-between;padding-top:6px;border-top:1px solid #f0f0f0;margin-top:auto}
.mlarch-price{font-size:.85rem;font-weight:800;color:#1A1A1A}
.mlarch-expand-btn{background:none;border:none;font-size:.65rem;font-weight:600;color:#999;cursor:pointer;font-family:inherit;padding:0;display:flex;align-items:center;gap:2px;white-space:nowrap}
.mlarch-expand-btn:hover{color:#E91C23}
.mlarch-arrow{transition:transform .2s;font-size:.55rem}
.mlarch-open .mlarch-arrow{transform:rotate(180deg)}

/* -- DRAWER ------------------------------------------------ */
.mlarch-drawer{display:none;border-top:1.5px solid #eee;padding:12px 11px 10px}
.mlarch-open .mlarch-drawer{display:block}
.mlarch-size-label{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#999;margin-bottom:7px}
.mlarch-vars{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:9px}
.mlarch-var{padding:7px 10px;border:1.5px solid #e5e5e5;border-radius:8px;background:#fff;cursor:pointer;text-align:center;min-width:52px;transition:border-color .12s,background .12s;font-family:inherit}
.mlarch-var:hover:not(:disabled){border-color:#1A1A1A}
.mlarch-var.sel{border-color:#E91C23;background:#FEF2F2}
.mlarch-var:disabled{opacity:.4;cursor:not-allowed}
.mlarch-var-w{font-size:.76rem;font-weight:800;color:#1A1A1A;display:block}
.mlarch-var.sel .mlarch-var-w{color:#E91C23}
.mlarch-var-p{font-size:.66rem;font-weight:600;color:#767676;display:block;margin-top:1px}
.mlarch-var.sel .mlarch-var-p{color:#E91C23}
.mlarch-atc-row{display:flex;flex-direction:column;gap:6px}
.mlarch-qty{display:flex;align-items:center;gap:0;border:1.5px solid #e5e5e5;border-radius:8px;overflow:hidden;width:100%}
.mlarch-qty-btn{flex:1;height:36px;background:#f8f8f8;border:none;font-size:1rem;cursor:pointer;font-family:inherit;display:flex;align-items:center;justify-content:center}
.mlarch-qty-btn:hover{background:#eee}
.mlarch-qty-val{flex:2;text-align:center;font-size:.82rem;font-weight:700;color:#1A1A1A}
.mlarch-add-btn{width:100%;padding:9px 12px;background:#E91C23;color:#fff;border:none;border-radius:8px;font-size:.78rem;font-weight:800;cursor:pointer;font-family:inherit;transition:background .15s;white-space:nowrap}
.mlarch-add-btn:hover{background:#c8151c}
.mlarch-add-btn:disabled{opacity:.6;cursor:not-allowed}
.mlarch-msg{font-size:.72rem;font-weight:600;padding:5px 8px;border-radius:6px;display:none;margin-top:6px}
.mlarch-msg.ok{background:#F0FDF4;color:#166534;display:block}
.mlarch-msg.err{background:#FEF2F2;color:#991B1B;display:block}
.mlarch-view-link{display:block;text-align:center;font-size:.7rem;font-weight:600;color:#767676;text-decoration:none;padding:6px 0 2px;transition:color .15s}
.mlarch-view-link:hover{color:#E91C23}
.mlarch-oos-link{display:block;text-align:center;font-size:.75rem;font-weight:700;color:#E91C23;text-decoration:none;padding:10px 11px;border-top:1.5px solid #eee}

/* -- LEVEL FILTER CHIP BAR -------------------------------- */
.mlarch-filterbar{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid #eee;padding:10px 0;margin:0 0 14px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.mlarch-filterbar__chips{display:flex;gap:6px;flex-wrap:wrap;flex:1;min-width:0}
.mlarch-chip{font-family:inherit;font-size:.72rem;font-weight:700;padding:7px 12px;border-radius:99px;border:1.5px solid #e5e5e5;background:#fff;color:#444;cursor:pointer;transition:border-color .15s,background .15s,color .15s;white-space:nowrap;display:inline-flex;align-items:center;gap:6px}
.mlarch-chip:hover{border-color:#1A1A1A;color:#1A1A1A}
.mlarch-chip.active{background:#1A1A1A;border-color:#1A1A1A;color:#fff}
.mlarch-chip[data-level="beginner"].active{background:#1B5E20;border-color:#1B5E20}
.mlarch-chip[data-level="intermediate"].active{background:#BF360C;border-color:#BF360C}
.mlarch-chip[data-level="advanced"].active{background:#C62828;border-color:#C62828}
.mlarch-chip[data-filter="in-stock"].active{background:#16a34a;border-color:#16a34a}
.mlarch-chip__count{font-size:.62rem;font-weight:700;background:rgba(0,0,0,.08);padding:1px 6px;border-radius:99px}
.mlarch-chip.active .mlarch-chip__count{background:rgba(255,255,255,.22);color:#fff}
.mlarch-filterbar__guide{font-size:.72rem;font-weight:700;color:#E91C23;text-decoration:none;white-space:nowrap;padding:7px 4px}
.mlarch-filterbar__guide:hover{text-decoration:underline}
.mlarch-card.mlarch-hidden{display:none}
.mlarch-empty{padding:30px 16px;text-align:center;color:#767676;font-size:.85rem;grid-column:1/-1;display:none}
.mlarch-empty.show{display:block}
@media(max-width:640px){
  .mlarch-filterbar{padding:8px 0;gap:6px}
  .mlarch-chip{font-size:.68rem;padding:6px 10px}
  .mlarch-filterbar__guide{font-size:.68rem;width:100%;text-align:right;padding:0}
}

/* -- MISC -------------------------------------------------- */
.mlarch-explore{margin-top:32px;padding-top:20px;border-top:1px solid #eee}
.mlarch-explore h3{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#999;margin-bottom:10px}
.mlarch-explore-cats{display:flex;flex-wrap:wrap;gap:8px}
.mlarch-explore-cats a{padding:6px 14px;border:1.5px solid #ddd;border-radius:20px;font-size:.75rem;font-weight:600;color:#444;text-decoration:none;transition:border-color .15s,color .15s}
.mlarch-explore-cats a:hover{border-color:#E91C23;color:#E91C23}

/* v5.3.29.178 utility classes replacing repeated inline styles in archive-product.php */
.mlarch-price-row--push{margin-top:auto}
.mlarch-add-simple--block{width:100%;margin-top:8px}