/* Small shared catalogue details, inheriting each club's palette. */
/* Optional local photo treatment. No source edit, cutout or pixel analysis.
   Blend the photo container (its transform isolates its children), against the
   card itself. Give the lead card a light surface while the option is enabled,
   so multiply removes white backgrounds without hiding dark garments. */
.cmria-photo-blend .cmria-standard .cmria-multi-card[data-slot="lead"] { background: color-mix(in srgb, var(--cmria-color-ink) 6%, var(--cmria-color-paper)); color: var(--cmria-color-ink); }
.cmria-photo-blend .cmria-standard .cmria-multi-card[data-slot="lead"] .cmria-card-sizes { --cmria-size-solid: var(--cmria-color-ink); --cmria-size-on-solid: var(--cmria-color-on-dark); }
.cmria-photo-blend .cmria-standard .cmria-multi-card .cmria-multi-art { isolation: auto; }
/* Decorative lettering must not show through white fabric when blending. */
.cmria-photo-blend .cmria-standard .cmria-multi-card .cmria-multi-watermark { visibility: hidden; }
.cmria-photo-blend .cmria-standard .cmria-multi-card .cmria-standard-photo:not(.cmria-standard-photo--cutout) { background: transparent; box-shadow: none; mix-blend-mode: multiply; }
.woocommerce.cmria-photo-blend .cmria-standard ul.products li.product .cmria-standard-photo:not(.cmria-standard-photo--cutout) img { background: transparent; }
/* Native Woo thumbnails only; generated cutouts do not carry this class. */
.cmria-photo-blend ul.products li.product:not(.cmria-multi-card) img.attachment-woocommerce_thumbnail { mix-blend-mode: multiply; background: transparent; }
/* Blend the whole native slider to include its transformed slides and zoom.
   The fullscreen lightbox deliberately keeps the original photo. */
.cmria-photo-blend .cmria-single-gallery .woocommerce-product-gallery { mix-blend-mode: multiply; }
.cmria-photo-blend .cmria-single-gallery .woocommerce-product-gallery__image img { background: transparent; }

.cmria-card-sizes { --cmria-size-solid: var(--cmria-color-ink); --cmria-size-on-solid: var(--cmria-color-on-dark); display: grid; gap: 8px; margin: 16px 0 20px; text-align: start; color: inherit; }
.cmria-multi-card[data-slot="lead"] .cmria-card-sizes { --cmria-size-solid: var(--cmria-color-on-dark); --cmria-size-on-solid: var(--cmria-color-ink); }
.cmria-card-sizes-title { font: 700 11px/1.3 var(--cmria-font-body); text-transform: uppercase; letter-spacing: .1em; }
.cmria-card-sizes-list { display: flex; flex-wrap: wrap; gap: 5px; }
.cmria-card-sizes .cmria-size { display: inline-flex; align-items: center; justify-content: center; min-width: 30px; min-height: 28px; padding: 4px 7px; border: 1px solid var(--cmria-size-solid); border-radius: var(--cmria-radius); font: 650 12px/1.3 var(--cmria-font-body); overflow-wrap: anywhere; max-width: 100%; }
.cmria-size--available { background: var(--cmria-size-solid); color: var(--cmria-size-on-solid); }
.cmria-card-sizes .cmria-size--unavailable { background: transparent; color: inherit; border-color: color-mix(in srgb, currentColor 35%, transparent); }
.cmria-size--unavailable > span:first-child { text-decoration: line-through; text-decoration-thickness: 1.5px; }
.cmria-card-sizes .cmria-size--backorder { border-style: dashed; background: transparent; color: inherit; }
.cmria-card-sizes .cmria-card-sizes-note { display: block; font: 400 11px/1.4 var(--cmria-font-body); }
.cmria-catalog-more { clear: both; display: grid; justify-items: center; gap: 14px; margin: clamp(30px, 4vw, 60px) 0 10px; text-align: center; }
.cmria-catalog-more .cmria-load-more { display: inline-flex; align-items: center; justify-content: center; gap: 32px; min-height: 52px; padding: 15px 30px; border: 1px solid var(--cmria-color-ink); border-radius: var(--cmria-radius); background: var(--cmria-color-ink); color: var(--cmria-color-on-dark); font: 650 15px/1.3 var(--cmria-font-body); cursor: pointer; }
.cmria-load-more > [aria-hidden] { font-size: 23px; line-height: 1; }
.cmria-catalog-more .cmria-load-more:focus-visible { outline: 2px solid var(--cmria-color-ink); outline-offset: 5px; }
.cmria-catalog-more .cmria-load-more:disabled { cursor: wait; }
.cmria-catalog-more .cmria-catalog-progress { margin: 0; font: 400 13px/1.5 var(--cmria-font-body); color: var(--cmria-color-ink); }
.cmria-catalog-more [hidden] { display: none !important; }
.cmria-catalog-more .woocommerce-pagination { margin: 0; }
@media (hover: hover) { .cmria-catalog-more .cmria-load-more:hover:not(:disabled) { background: var(--cmria-color-paper); color: var(--cmria-color-ink); } }
@media (prefers-reduced-motion: no-preference) {
	.cmria-load-more { transition: background-color .2s, color .2s; }
	.cmria-load-more:disabled > [aria-hidden] { animation: cmria-catalog-spin 1s linear infinite; }
	.cmria-catalog-added { animation: cmria-catalog-reveal .3s ease-out; }
	@keyframes cmria-catalog-reveal { from { opacity: .3; } to { opacity: 1; } }
	@keyframes cmria-catalog-spin { to { transform: rotate(180deg); } }
}
