/* =========================================================
   MSI – Sold product page (loaded only on sold product pages)
   Colours and button shape follow the existing theme buttons
   (.priceRequest / .openWApp in local.css).
========================================================= */

/* 1. Banner */
.msi-sold-banner {
	display: flex;
	align-items: center;
	gap: 14px;
	margin: -30px 0 64px;
	padding: 16px 20px;
	background: #fff7ed;
	border: 1px solid #fdba74;
	border-radius: 10px;
	color: #7c2d12;
}
.msi-sold-banner__icon { font-size: 24px; color: #c2410c; line-height: 1; }
.msi-sold-banner__text { display: flex; flex-direction: column; gap: 2px; font-size: 15px; line-height: 1.45; }
.msi-sold-banner__text strong { font-size: 17px; color: #7c2d12; }

/* 2. Gallery: greyed photo + SOLD stamp */
.msi-is-sold .nickx_product_images_with_video { position: relative; }
.msi-is-sold .nickx_product_images_with_video img { filter: grayscale(95%); opacity: .8; }
.msi-is-sold .nickx_product_images_with_video::after {
	content: "SOLD";
	position: absolute;
	top: 38%;
	left: 50%;
	transform: translate(-50%, -50%) rotate(-12deg);
	padding: 4px 26px;
	border: 5px solid #c2410c;
	border-radius: 10px;
	background: rgba(255, 255, 255, .85);
	color: #c2410c;
	font-size: 56px;
	font-weight: 700;
	letter-spacing: 8px;
	line-height: 1.1;
	pointer-events: none;
	z-index: 5;
}

/* 3. Buttons – same shape as the theme's Request Price button */
.msi-sold-buttons .msi-sold-find,
.msi-sold-buttons .msi-sold-enquire {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 15px 20px !important;
	margin-bottom: 1% !important;
	margin-inline: 0.25% !important;
	border: 0;
	border-radius: 10px;
	text-transform: uppercase;
	line-height: 120%;
	color: #fff !important;
	text-decoration: none !important;
	transition: all .3s linear;
	box-sizing: border-box;
	transform: translateY(4px);
}
.msi-sold-buttons .msi-sold-find {
	width: 99.25%;
	background: linear-gradient(135deg, #00a8ff, #0073aa);
}
.msi-sold-buttons .msi-sold-find:hover { background: linear-gradient(135deg, #0073aa, #00a8ff); }
.msi-sold-buttons .msi-sold-enquire {
	width: 49.125%;
	background: linear-gradient(135deg, #00a8ff, #0073aa);
}
.msi-sold-buttons .msi-sold-enquire:hover { background: linear-gradient(135deg, #0073aa, #00a8ff); }
.msi-sold-buttons .openWApp { width: 49.125%; }

/* Sticky mobile bar: cloned "Find" button keeps the bar look */
.msi-sticky-buttons-inner .msi-sold-find {
	border-radius: 0;
	width: auto;
	margin: 0 !important;
	background: linear-gradient(135deg, #00a8ff, #0073aa);
    color: #fff;
}

/* 4. Similar machines block heading spacing */
.msi-is-sold .related.products.custom-related { padding-top: 30px; }

/* 5. Banner inside the product area (same #F7FAFC background as the summary) */
.msi-sold-banner.is-inside {
	position: relative;
	z-index: 1;                 /* above .product-images-summary::before */
	flex: 0 0 100%;
	width: 100%;
	margin: -30px 0 28px;
	box-sizing: border-box;
}
.outofstock .related.products.custom-related {
    padding-top: 80px !important;
    padding-bottom: 50px !important;
}
/* 6. Long labels on the page, short labels in the mobile sticky bar */
.msi-lbl-short { display: none; }
.msi-sticky-buttons-inner .msi-lbl-long { display: none; }
.msi-sticky-buttons-inner .msi-lbl-short { display: inline; }
.woocommerce .outofstock .product-images-summary .product-label,.woocommerce .outofstock .product-images-summary .msi-flag {
    top: 90px;
}
@media (max-width: 767px) {
	.msi-sold-banner { padding: 14px 16px; align-items: flex-start; margin: 0 0 64px;}
	.msi-sold-banner__text strong { font-size: 16px; }
	.msi-is-sold .nickx_product_images_with_video::after { font-size: 36px; border-width: 4px; padding: 2px 16px; }
	.msi-sold-buttons .msi-sold-enquire,
	.msi-sold-buttons .openWApp { width: 100%; max-width: 99%; }
}