/*
 * Fixes for the original Cart / Thank you layouts (no redesign).
 */

/* Cart line: between 1024 and 1279px the six columns did not fit and the
   unit price / quantity overlapped the product details. */
@media (min-width: 1024px) and (max-width: 1279px) {
	body.drwe-flow-cart .cart-page .cart-items article.cart-item {
		grid-template-columns: 120px auto auto minmax(0, 1fr) 32px !important;
		grid-template-rows: auto auto !important;
		grid-template-areas: none !important;
		row-gap: 12px !important;
		align-items: center !important;
	}
	body.drwe-flow-cart .cart-page .cart-items article.cart-item > .cart-item__media { grid-column: 1 !important; grid-row: 1 / span 2 !important; width: 120px !important; }
	body.drwe-flow-cart .cart-page .cart-items article.cart-item > .cart-item__details { grid-column: 2 / 5 !important; grid-row: 1 !important; min-width: 0; }
	body.drwe-flow-cart .cart-page .cart-items article.cart-item > .unit-price { grid-column: 2 !important; grid-row: 2 !important; }
	body.drwe-flow-cart .cart-page .cart-items article.cart-item > .quantity-selector { grid-column: 3 !important; grid-row: 2 !important; }
	body.drwe-flow-cart .cart-page .cart-items article.cart-item > .line-price { grid-column: 4 / 6 !important; grid-row: 2 !important; justify-self: end; }
	body.drwe-flow-cart .cart-page .cart-items article.cart-item > .remove-item { grid-column: 5 !important; grid-row: 1 !important; justify-self: end; align-self: start; }

	/* Recommendation cards were too narrow for image + text side by side. */
	body.drwe-flow-cart .cart-page .cart-recommendations, body.drwe-flow-cart .cart-page .recommendations-track, body.drwe-flow-cart .cart-page .recommendation-card { height: auto !important; max-height: none !important; overflow: visible !important; }
	body.drwe-flow-cart .cart-page .recommendation-card { align-content: start; gap: 8px !important; }
	body.drwe-flow-cart .recommendations-track .recommendation-card { grid-template-columns: 1fr !important; }
	body.drwe-flow-cart .recommendations-track .recommendation-card img { width: 100% !important; height: 110px !important; object-fit: contain; }
	body.drwe-flow-cart .recommendations-track .recommendation-card .add-recommendation { position: static !important; width: 100%; justify-content: center; }
}

/* Thank you: the status list showed every step as completed (same check for
   done, current and future steps). Only finished steps keep the check. */
body.drwe-flow-thank_you .dr-timeline-item .dr-timeline-icon { background: #fff !important; border: 1.5px solid #d7d4cf !important; color: transparent !important; box-shadow: none !important; }
body.drwe-flow-thank_you .dr-timeline-item .dr-timeline-icon svg { opacity: 0; }
body.drwe-flow-thank_you .dr-timeline-item.is-done .dr-timeline-icon { background: var(--dr-success, #2f9e4f) !important; border-color: var(--dr-success, #2f9e4f) !important; color: #fff !important; }
body.drwe-flow-thank_you .dr-timeline-item.is-done .dr-timeline-icon svg { opacity: 1; stroke: #fff; }
body.drwe-flow-thank_you .dr-timeline-item.is-current .dr-timeline-icon { border: 2px solid var(--drwe-primary, var(--dr-ty-primary, #806399)) !important; background: radial-gradient(circle, var(--drwe-primary, var(--dr-ty-primary, #806399)) 0 5px, #fff 6px) !important; }
body.drwe-flow-thank_you .dr-timeline-item:not(.is-done):not(.is-current) .dr-timeline-title { color: #8a8782; }