/* Jaettu tuotekortti (woocommerce-v2/content-product.php) ja korttiruudukko.
   Ladataan kaupan kaikissa näkymissä, sivuston sivuilla joilla on product-row-, shop-banner- tai category-tiles-lohko
   ja lohkoeditorin kanvaassa (src/Assets.php). Vain tokenit: tokens.css. */

/* Kauppalohkojen jaetut pienet osat (tekstilinkki nuolella, pillit) */
.mt-link-arrow{display:inline-flex;align-items:center;gap:.5rem;min-block-size:1.5rem;padding-block:.25rem .3125rem;border-block-end:.0625rem solid currentColor;font:500 var(--mt-fs-xs)/1.2 var(--mt-font-display);letter-spacing:var(--mt-tracking-caps);text-transform:uppercase;color:var(--mt-navy);text-decoration:none;box-sizing:content-box}
.mt-link-arrow:hover{color:var(--mt-coral-strong)}
.mt-link-arrow--light{color:var(--mt-white)}
.mt-link-arrow--light:hover{color:var(--mt-coral)}
.mt-pills{display:flex;flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none}
.mt-pill{display:inline-flex;align-items:center;min-block-size:2.375rem;padding:.5rem .875rem;border:.0625rem solid var(--mt-line);border-radius:var(--mt-radius-pill);background:var(--mt-white);font:500 var(--mt-fs-md)/1.3 var(--mt-font-body);color:var(--mt-navy);text-decoration:none}
.mt-pill:hover{border-color:var(--mt-navy)}

.mt-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:2rem 1.5rem;margin:0;padding:0;list-style:none}
.mt-grid--wide{grid-template-columns:repeat(auto-fill,minmax(16.5rem,1fr))}

.mt-card{position:relative;display:flex;flex-direction:column;gap:.875rem;min-inline-size:0;margin:0;padding:0;list-style:none}
.mt-card__media{position:relative;display:grid;place-items:center;aspect-ratio:37/32;padding:11% 13%;border-radius:.375rem;background:var(--mt-mist);overflow:hidden}
.mt-card__media img{inline-size:100%;block-size:100%;margin:0;object-fit:contain;mix-blend-mode:multiply}
.mt-card__badge{position:absolute;inset-block-start:.75rem;inset-inline-start:.75rem;padding:.375rem .625rem;border-radius:.1875rem;background:var(--mt-ink);color:var(--mt-white);font:500 var(--mt-fs-2xs)/1.2 var(--mt-font-display);letter-spacing:var(--mt-tracking-caps);text-transform:uppercase}
.mt-card__body{display:flex;flex-direction:column;gap:.375rem;flex:1}
.mt-card__brand{margin:0;font:500 var(--mt-fs-2xs)/1.3 var(--mt-font-display);letter-spacing:var(--mt-tracking-caps);text-transform:uppercase;color:var(--mt-muted)}
.mt-card__title{margin:0;font:500 var(--mt-fs-base)/1.35 var(--mt-font-body);color:var(--mt-ink);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.mt-card__link{display:inline-block;min-block-size:1.5rem;min-inline-size:1.5rem;color:inherit;text-decoration:none}
.mt-card__link::after{content:"";position:absolute;inset:0;z-index:0}
.mt-card__link:hover{color:var(--mt-coral-strong)}
.mt-card__price{padding-block-start:.25rem;font:400 var(--mt-fs-xl)/1.15 var(--mt-font-display);letter-spacing:-.01875rem;color:var(--mt-ink)}
.mt-card__price small{font:400 var(--mt-fs-sm)/1.5 var(--mt-font-body);letter-spacing:0;color:var(--mt-muted)}
.mt-card__price del{color:var(--mt-muted)}
.mt-card__price ins{text-decoration:none}
.mt-card__price .mediatrade-price-pair{display:flex;flex-wrap:wrap;align-items:baseline;gap:.125rem .75rem}
.mt-card__price .mediatrade-price-pair__gross{font:400 var(--mt-fs-sm)/1.5 var(--mt-font-body);letter-spacing:0;color:var(--mt-muted)}
.mt-card__price .mediatrade-price-on-request{font:500 var(--mt-fs-base)/1.35 var(--mt-font-body);letter-spacing:0}
.mt-card__stock{display:flex;align-items:center;gap:.4375rem;margin:0;font-size:var(--mt-fs-sm);color:var(--mt-muted)}
.mt-card__dot{flex:none;inline-size:.4375rem;block-size:.4375rem;border-radius:50%;background:transparent;box-shadow:inset 0 0 0 .125rem var(--mt-muted)}
.mt-card__stock--ok .mt-card__dot{background:var(--mt-success);box-shadow:none}
.mt-card__stock--wait .mt-card__dot{background:var(--mt-warning);box-shadow:none}
.mt-card__action{position:relative;z-index:1;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem;min-block-size:2.5rem}
.mt-card .mt-card__action .button:not(:disabled){display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-block-size:2.5rem;padding:.5rem 1.125rem;border:.0625rem solid var(--mt-navy);border-radius:var(--mt-radius-pill);background:transparent;color:var(--mt-navy);font:500 var(--mt-fs-xs)/1.2 var(--mt-font-display);letter-spacing:var(--mt-tracking-caps);text-transform:uppercase;text-decoration:none;cursor:pointer;transition:background-color var(--mt-transition),color var(--mt-transition)}
.mt-card .mt-card__action .button:not(:disabled):hover{background:var(--mt-navy);color:var(--mt-white)}
.mt-card .mt-card__action .button.loading{opacity:.6;pointer-events:none}
.mt-card .mt-card__action .button.added::before{content:"✓";color:var(--mt-success)}
.mt-card__action .added_to_cart{font:500 var(--mt-fs-sm)/1.4 var(--mt-font-body);color:var(--mt-navy);text-decoration:underline;text-underline-offset:.2em}
.mt-card__action .added_to_cart::before{content:"✓";margin-inline-end:.375rem;color:var(--mt-success);text-decoration:none;display:inline-block}