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

/* -- PHOTO ------------------------------------------------- */
/* v5.3.29.22: contain not cover — Caps Lock bottle tops/bottoms were getting clipped */
/* v5.3.29.25: dried mushroom flower photos are full-bleed close-ups — fill edge-to-edge */

/* -- FRONT ------------------------------------------------- */

/* -- DRAWER ------------------------------------------------ */

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

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