/* "Pairs Well With" band + add-to-cart popup (inc/pairs-well.php). Cards match the tutorial callouts. */
.mwp-pairs { margin: 48px 0 8px; clear: both; }
.mwp-pairs__title { font-family: 'VolumeTC-Rustic', 'Volume TC Sans Rustic', serif; font-weight: normal; font-size: clamp(28px, 3.6vw, 40px); line-height: 1; margin: 0 0 18px; color: #2E2A26; }
.mwp-pairs__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 16px; }
.mwp-pairs__grid.is-single { grid-template-columns: minmax(0, 560px); }

.mwp-pair { display: grid; grid-template-columns: 120px 1fr; gap: 16px; align-items: center; padding: 12px; border-radius: 18px;
	background: #C4704B; color: #FDFAF7; transition: transform .25s ease, box-shadow .25s ease, background .25s ease; }
.mwp-pair:hover { background: #A0593C; transform: translateY(-2px); box-shadow: 0 10px 24px rgba(160, 89, 60, .28); }
.mwp-pair__media { display: block; aspect-ratio: 1; border-radius: 12px; overflow: hidden; background: #E8DFD4; }
.mwp-pair__img { display: block; width: 100%; height: 100%; object-fit: cover; }
.mwp-pair__body { display: flex; flex-direction: column; gap: 5px; min-width: 0; }
.mwp-pair__name { font-family: 'VolumeTC-Rustic', cursive; font-size: 1.2rem; line-height: 1.2; color: #fff; text-decoration: none; }
.mwp-pair__note { font-size: .9rem; line-height: 1.45; color: rgba(255, 255, 255, .88); }
.mwp-pair__foot { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin-top: 2px; }
.mwp-pair__price { font-weight: 700; font-size: .95rem; color: #fff; }
.mwp-pair__price del { opacity: .7; font-weight: 400; margin-right: .3em; }
.mwp-pair__price ins { text-decoration: none; }
.mwp-pair__cta { font-weight: 800; font-size: .78rem; letter-spacing: .12em; text-transform: uppercase; color: #fff; text-underline-offset: 3px; }
.mwp-pair__add { margin-left: auto; border: 0; border-radius: 999px; background: #FDFAF7; color: #A0593C; font: 700 .85rem/1 'DM Sans', sans-serif;
	padding: 10px 16px; cursor: pointer; }
.mwp-pair__add:hover { background: #fff; }
.mwp-pair__add.is-added { background: #7A8B6F; color: #fff; }
@media (max-width: 600px) { .mwp-pair { grid-template-columns: 88px 1fr; } }

.mwp-pairs--cart { margin: 32px auto 48px; max-width: 1200px; }
.mwp-pairs--cart .mwp-pairs__title { font-size: clamp(24px, 3vw, 32px); }

/* product page: compact list under Add to cart. Quiet on purpose: no terracotta fills, outlined buttons,
   so the main product's Add to cart stays the only primary action. */
.mwp-mini-pairs { margin: 26px 0 22px; padding-top: 20px; border-top: 1px solid #E8DFD4; }
.mwp-mini-pairs__title { margin: 0 0 10px; font: 700 12px/1 'DM Sans', sans-serif; letter-spacing: .14em; text-transform: uppercase; color: #8A8077; }
.mwp-mini-pairs__list { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.mwp-mini-pair { display: grid; grid-template-columns: 52px minmax(0, 1fr) auto; align-items: center; gap: 14px; margin: 0; padding: 8px 10px 8px 8px;
	border: 1px solid #EADFD2; border-radius: 14px; background: #FDFAF7; transition: border-color .2s ease, background .2s ease; }
.mwp-mini-pair:hover { border-color: #D9C9B8; background: #fff; }
.mwp-mini-pair__media { display: block; width: 52px; height: 52px; border-radius: 10px; overflow: hidden; background: #E8DFD4; }
.mwp-mini-pair__media img { display: block; width: 100%; height: 100%; object-fit: cover; }
.mwp-mini-pair__text { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.mwp-mini-pair__name { font: 600 15px/1.3 'DM Sans', sans-serif; color: #2E2A26; text-decoration: none;
	display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.mwp-mini-pair__name:hover { color: #A0593C; }
.mwp-mini-pair__price { font: 500 13px/1.3 'DM Sans', sans-serif; color: #8A8077; }
.mwp-mini-pair__price del { opacity: .7; margin-right: .3em; }
.mwp-mini-pair__price ins { text-decoration: none; }
.mwp-mini-pair__btn { flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; min-width: 72px; padding: 8px 14px; border-radius: 999px;
	border: 1.5px solid #2E2A26; background: transparent; color: #2E2A26; font: 600 13px/1 'DM Sans', sans-serif; text-decoration: none; cursor: pointer;
	transition: background .2s ease, color .2s ease, border-color .2s ease; white-space: nowrap; }
.mwp-mini-pair__btn:hover, .mwp-mini-pair__btn:focus-visible { background: #2E2A26; color: #FDFAF7; }
.mwp-mini-pair__btn.is-added { border-color: #7A8B6F; background: #7A8B6F; color: #fff; }
.mwp-mini-pair__btn[disabled]:not(.is-added) { opacity: .6; cursor: progress; }

/* WooCommerce adds a "View cart" link after any AJAX add button; the button already says "Added" */
.mwp-mini-pair .added_to_cart, .mwp-pair .added_to_cart { display: none !important; }