/* Offers: suggestions (mini-cart and cart page), frequently bought together and volume-discount chips. */

/* Suggestions */
.suggest { margin: var(--space-3) 0; padding: var(--space-3); background: var(--color-tint); border-radius: var(--radius); }
.suggest__title { margin: 0 0 var(--space-2); font-size: 1rem; line-height: 1.3; }
.suggest__title .woocommerce-Price-amount { color: var(--color-primary-dark); }
.suggest__list { list-style: none; display: grid; gap: var(--space-2); margin: 0; padding: 0; }
.suggest-item { display: grid; grid-template-columns: 3.5rem minmax(0, 1fr) auto; align-items: center; gap: var(--space-2); }
.suggest-item__img img { display: block; width: 3.5rem; height: 3.5rem; object-fit: cover; border-radius: var(--radius-sm); background: var(--color-surface); }
.suggest-item__body { display: grid; gap: 0.1rem; min-width: 0; }
.suggest-item__name { font-weight: 600; font-size: var(--text-sm); line-height: 1.3; color: var(--color-text); text-decoration: none; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.suggest-item__name:hover { color: var(--color-primary); }
.suggest-item__price { font-size: var(--text-sm); color: var(--color-muted); }
.suggest-item .btn { min-height: 2.5rem; background: var(--color-surface); }
.mini-cart-drawer .suggest { margin: var(--space-2) 0; padding: var(--space-2) var(--space-3); }
.cart-suggestions { margin-top: var(--space-4); margin-bottom: var(--space-5); }
/* WooCommerce's own cross-sells (a product-collection block inside the cart block's markup, 'You may be interested in...') is replaced by the suggestions below (same data, consistent design, free-shipping nudge). */
.wp-block-woocommerce-cart-cross-sells-block,
.wc-block-cart__main .wp-block-woocommerce-product-collection { display: none; }
.cart-suggestions .suggest__list { grid-template-columns: repeat(auto-fill, minmax(17rem, 1fr)); }
.cart-suggestions .suggest { padding: var(--space-4); }
.cart-suggestions .suggest__title { font-size: var(--text-lg); }

/* Frequently bought together */
.fbt { margin: var(--space-5) 0; padding: var(--space-4); background: var(--color-surface); border: 1px solid var(--color-border); border-radius: var(--radius-lg); }
.fbt__title { margin: 0 0 var(--space-3); font-size: var(--text-xl, 1.5rem); }
.fbt__layout { display: grid; gap: var(--space-4); align-items: start; }
.fbt__items { list-style: none; display: grid; gap: var(--space-3); margin: 0; padding: 0; }
.fbt-item { display: grid; grid-template-columns: auto 5rem minmax(0, 1fr); align-items: center; gap: var(--space-3); padding: var(--space-2); border: 1px solid var(--color-border); border-radius: var(--radius); background: var(--color-bg); transition: opacity 0.15s ease; }
.fbt-item.is-off { opacity: 0.55; }
.fbt-item__check input { width: 1.4rem; height: 1.4rem; accent-color: var(--color-accent); cursor: pointer; }
.fbt-item__check input:disabled { cursor: default; }
.fbt-item__img img { display: block; width: 5rem; height: 5rem; object-fit: cover; border-radius: var(--radius-sm); }
.fbt-item__body { display: grid; gap: 0.25rem; min-width: 0; }
.fbt-item__name { margin: 0; font-weight: 700; line-height: 1.3; }
.fbt-item__name a { color: var(--color-text); text-decoration: none; }
.fbt-item__name a:hover { color: var(--color-primary); }
.fbt-item__tag { display: inline-block; margin-right: 0.4rem; padding: 0.05rem 0.5rem; background: var(--color-accent-soft); color: var(--color-accent-dark); border-radius: var(--radius-pill); font-size: 0.72rem; font-weight: 700; vertical-align: 1px; }
.fbt-item__price { margin: 0; color: var(--color-text); font-weight: 600; }
.fbt-item__hint { margin: 0; font-size: var(--text-sm); color: var(--color-muted); }
.fbt-item__select { width: 100%; max-width: 20rem; min-height: 2.5rem; font-size: var(--text-sm); }
.fbt__summary { display: grid; gap: var(--space-2); padding: var(--space-3); background: var(--color-tint); border-radius: var(--radius); }
.fbt__count { margin: 0; color: var(--color-muted); font-size: var(--text-sm); }
.fbt__total { margin: 0; font: 800 1.6rem/1.1 var(--font-heading); }
.fbt__message { margin: 0; padding: 0.6rem 0.8rem; background: var(--color-primary-soft); color: var(--color-primary-dark); border-radius: var(--radius-sm); font-size: var(--text-sm); font-weight: 600; }
.fbt__message[hidden] { display: none; }
.fbt__summary .btn { width: 100%; justify-content: center; }
@media (min-width: 900px) {
	.fbt__layout { grid-template-columns: minmax(0, 1fr) 18rem; }
}
@media (max-width: 480px) {
	.fbt { padding: var(--space-3); }
	.fbt-item { grid-template-columns: auto 4rem minmax(0, 1fr); gap: var(--space-2); }
	.fbt-item__img img { width: 4rem; height: 4rem; }
}

/* Volume discount: one compact line under the buy buttons */
.volume-tiers { display: flex; flex-wrap: wrap; align-items: center; gap: 0.2rem 0.5rem; margin: 0 0 var(--space-3); font-size: var(--text-sm); color: var(--color-accent-dark); }
.volume-tiers .icon { flex: none; width: 1.1rem; height: 1.1rem; }
.volume-tiers__label { font-weight: 800; }
.volume-tiers__list { list-style: none; display: flex; flex-wrap: wrap; gap: 0.1rem 0.5rem; margin: 0; padding: 0; }
.volume-tiers__list li + li::before { content: "\00b7"; margin-right: 0.5rem; }

@media (prefers-reduced-motion: reduce) { .fbt-item { transition: none; } }