/* MycoAndCo 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:var(--colour-storefront-heading)}
.mlarch-meta{font-size:.8rem;color:var(--colour-storefront-muted);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:var(--colour-bg-light);border-radius:12px;border:1px solid var(--colour-border-light);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 var(--colour-black-alpha-0-1);border-color:var(--colour-border-medium)}
.mlarch-card.mlarch-open{border-color:var(--colour-storefront-heading)}

/* -- PHOTO ------------------------------------------------- */
.mlarch-photo{position:relative;width:100%;aspect-ratio:1;background:var(--colour-bg-light);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:var(--colour-product-image-dark)}
.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:var(--colour-bg-light)}
.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:var(--colour-bg-light);display:inline-block}
.mlarch-badge-new{background:var(--colour-legacy-16a34a)}
.mlarch-badge-sale{background:var(--colour-storefront-primary)}
.mlarch-badge-staff{background:var(--colour-product-staff-badge);color:var(--colour-black)}
.mlarch-stock{font-size:.58rem;font-weight:700;padding:2px 7px;border-radius:99px;background:var(--colour-black-alpha-0-65);color:var(--colour-bg-light);display:inline-flex;align-items:center;gap:3px}
.mlarch-stock-dot{width:5px;height:5px;border-radius:50%;background:var(--colour-product-in-stock);flex-shrink:0}
.mlarch-stock--out .mlarch-stock-dot{background:var(--colour-product-out-of-stock)}

/* -- FRONT ------------------------------------------------- */
.mlarch-front{padding:10px 11px 8px;display:flex;flex-direction:column;flex:1}
.mlarch-name{font-size:.85rem;font-weight:800;color:var(--colour-storefront-heading);line-height:1.25;text-decoration:none;display:block;margin-bottom:5px}
.mlarch-name:hover{color:var(--colour-storefront-primary)}
.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:var(--colour-storefront-muted);margin-left:2px}
.mlarch-tagline{font-size:.7rem;color:var(--colour-storefront-muted);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 var(--colour-storefront-border);margin-top:auto}
.mlarch-price{font-size:.85rem;font-weight:800;color:var(--colour-storefront-heading)}
.mlarch-expand-btn{background:none;border:none;font-size:.65rem;font-weight:600;color:var(--colour-text-muted);cursor:pointer;font-family:inherit;padding:0;display:flex;align-items:center;gap:2px;white-space:nowrap}
.mlarch-expand-btn:hover{color:var(--colour-storefront-primary)}
.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 var(--colour-border-light);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:var(--colour-text-muted);margin-bottom:7px}
.mlarch-vars{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:9px}
.mlarch-var{padding:7px 10px;border:1.5px solid var(--colour-storefront-border-dark);border-radius:8px;background:var(--colour-bg-light);cursor:pointer;text-align:center;min-width:52px;transition:border-color .12s,background .12s;font-family:inherit}
.mlarch-var:hover:not(:disabled){border-color:var(--colour-storefront-heading)}
.mlarch-var.sel{border-color:var(--colour-storefront-primary);background:var(--colour-storefront-primary-tint)}
.mlarch-var:disabled{opacity:.4;cursor:not-allowed}
.mlarch-var-w{font-size:.76rem;font-weight:800;color:var(--colour-storefront-heading);display:block}
.mlarch-var.sel .mlarch-var-w{color:var(--colour-storefront-primary)}
.mlarch-var-p{font-size:.66rem;font-weight:600;color:var(--colour-storefront-muted);display:block;margin-top:1px}
.mlarch-var.sel .mlarch-var-p{color:var(--colour-storefront-primary)}
.mlarch-atc-row{display:flex;flex-direction:column;gap:6px}
.mlarch-qty{display:flex;align-items:center;gap:0;border:1.5px solid var(--colour-storefront-border-dark);border-radius:8px;overflow:hidden;width:100%}
.mlarch-qty-btn{flex:1;height:36px;background:var(--colour-application-f8f8f8);border:none;font-size:1rem;cursor:pointer;font-family:inherit;display:flex;align-items:center;justify-content:center}
.mlarch-qty-btn:hover{background:var(--colour-border-light)}
.mlarch-qty-val{flex:2;text-align:center;font-size:.82rem;font-weight:700;color:var(--colour-storefront-heading)}
.mlarch-add-btn{width:100%;padding:9px 12px;background:var(--colour-storefront-primary);color:var(--colour-bg-light);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:var(--colour-legacy-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:var(--colour-legacy-f0fdf4);color:var(--colour-application-166534);display:block}
.mlarch-msg.err{background:var(--colour-storefront-primary-tint);color:var(--colour-application-991b1b);display:block}
.mlarch-view-link{display:block;text-align:center;font-size:.7rem;font-weight:600;color:var(--colour-storefront-muted);text-decoration:none;padding:6px 0 2px;transition:color .15s}
.mlarch-view-link:hover{color:var(--colour-storefront-primary)}
.mlarch-oos-link{display:block;text-align:center;font-size:.75rem;font-weight:700;color:var(--colour-storefront-primary);text-decoration:none;padding:10px 11px;border-top:1.5px solid var(--colour-border-light)}

/* -- LEVEL FILTER CHIP BAR -------------------------------- */
.mlarch-filterbar{position:sticky;top:0;z-index:50;background:var(--colour-bg-light);border-bottom:1px solid var(--colour-border-light);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 var(--colour-storefront-border-dark);background:var(--colour-bg-light);color:var(--colour-text-medium);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:var(--colour-storefront-heading);color:var(--colour-storefront-heading)}
.mlarch-chip.active{background:var(--colour-storefront-heading);border-color:var(--colour-storefront-heading);color:var(--colour-bg-light)}
.mlarch-chip[data-level="beginner"].active{background:var(--colour-success-text-dark);border-color:var(--colour-success-text-dark)}
.mlarch-chip[data-level="intermediate"].active{background:var(--colour-warning-text-dark);border-color:var(--colour-warning-text-dark)}
.mlarch-chip[data-level="advanced"].active{background:var(--colour-application-c62828);border-color:var(--colour-application-c62828)}
.mlarch-chip[data-filter="in-stock"].active{background:var(--colour-legacy-16a34a);border-color:var(--colour-legacy-16a34a)}
.mlarch-chip__count{font-size:.62rem;font-weight:700;background:var(--colour-black-alpha-0-08);padding:1px 6px;border-radius:99px}
.mlarch-chip.active .mlarch-chip__count{background:var(--colour-white-alpha-0-22);color:var(--colour-bg-light)}
.mlarch-filterbar__guide{font-size:.72rem;font-weight:700;color:var(--colour-storefront-primary);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:var(--colour-storefront-muted);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 var(--colour-border-light)}
.mlarch-explore h3{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--colour-text-muted);margin-bottom:10px}
.mlarch-explore-cats{display:flex;flex-wrap:wrap;gap:8px}
.mlarch-explore-cats a{padding:6px 14px;border:1.5px solid var(--colour-application-dddddd);border-radius:20px;font-size:.75rem;font-weight:600;color:var(--colour-text-medium);text-decoration:none;transition:border-color .15s,color .15s}
.mlarch-explore-cats a:hover{border-color:var(--colour-storefront-primary);color:var(--colour-storefront-primary)}

/* 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}