/**
 * Print: BSL Loan Calculator — vertical column stack (title → sliders → options → results).
 */
@media print {
	/* Parent Elementor widgets — full printable width */
	html body[class*="elementor-page"] .elementor .elementor-widget-shortcode:has(.bsl-loan-calculator),
	html body[class*="elementor-page"] .elementor .elementor-widget-html:has(.bsl-loan-calculator),
	html body[class*="elementor-page"] .elementor .elementor-widget-text-editor:has(.bsl-loan-calculator),
	html body[class*="elementor-page"] .elementor .elementor-widget-shortcode .elementor-widget-container,
	html body[class*="elementor-page"] .elementor .elementor-widget-html .elementor-widget-container {
		width: 100% !important;
		max-width: 100% !important;
	}

	/* Root — column flex (overrides plugin display:grid + grid-column:span 5) */
	html body[class*="elementor-page"] .elementor .bsl-loan-calculator,
	html body[class*="elementor-page"] .elementor .bsl-loan-calculator {
		display: flex !important;
		flex-direction: column !important;
		flex-wrap: nowrap !important;
		align-items: stretch !important;
		justify-content: flex-start !important;
		gap: 20px !important;
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		margin: 0 auto 18px !important;
		padding: 26px 28px 28px !important;
		box-sizing: border-box !important;
		background-color: #15417a !important;
		color: #ffffff !important;
		border-radius: 0 !important;
		page-break-inside: avoid !important;
		break-inside: avoid-page !important;
		overflow: visible !important;
		-webkit-print-color-adjust: exact !important;
		print-color-adjust: exact !important;
	}

	html body[class*="elementor-page"] .elementor .bsl-loan-calculator > h3,
	html body[class*="elementor-page"] .elementor .bsl-loan-calculator > .calc-sliders-row,
	html body[class*="elementor-page"] .elementor .bsl-loan-calculator > .calc-options-row,
	html body[class*="elementor-page"] .elementor .bsl-loan-calculator > .calc-results,
	html body[class*="elementor-page"] .elementor .bsl-loan-calculator > .send-calculation-btn {
		grid-column: unset !important;
		grid-row: unset !important;
		grid-area: unset !important;
		flex: 0 0 auto !important;
		width: 100% !important;
		max-width: 100% !important;
	}

	html body[class*="elementor-page"] .elementor .bsl-loan-calculator > h3 {
		order: 0 !important;
		margin: 0 !important;
		padding: 0 !important;
		font-family: "Raleway", Sans-serif !important;
		font-size: 30px !important;
		font-weight: 700 !important;
		line-height: 1.15 !important;
		color: #ffffff !important;
		-webkit-text-fill-color: #ffffff !important;
	}

	html body[class*="elementor-page"] .elementor .bsl-loan-calculator > .calc-sliders-row,
	html body[class*="elementor-page"] .elementor .bsl-loan-calculator .calc-sliders-row {
		order: 1 !important;
		display: flex !important;
		flex-direction: column !important;
		flex-wrap: nowrap !important;
		gap: 4px !important;
		width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	html body[class*="elementor-page"] .elementor .bsl-loan-calculator > .calc-options-row,
	html body[class*="elementor-page"] .elementor .bsl-loan-calculator .calc-options-row {
		order: 2 !important;
		display: flex !important;
		flex-direction: column !important;
		flex-wrap: nowrap !important;
		gap: 4px !important;
		width: 100% !important;
		max-width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	html body[class*="elementor-page"] .elementor .bsl-loan-calculator > .calc-results,
	html body[class*="elementor-page"] .elementor .bsl-loan-calculator .calc-results {
		order: 3 !important;
		display: block !important;
		width: 100% !important;
		max-width: 100% !important;
		min-height: 0 !important;
		margin: 0 !important;
		padding: 20px 18px !important;
		background-color: #00aed8 !important;
		background-image: none !important;
		color: #ffffff !important;
		border-radius: 0 !important;
		-webkit-print-color-adjust: exact !important;
		print-color-adjust: exact !important;
	}

	html body[class*="elementor-page"] .elementor .bsl-loan-calculator > .send-calculation-btn {
		display: none !important;
		visibility: hidden !important;
		height: 0 !important;
		margin: 0 !important;
		padding: 0 !important;
		overflow: hidden !important;
		order: 4 !important;
	}

	/* Override screen display:contents on option groups */
	html body[class*="elementor-page"] .elementor .bsl-loan-calculator .calc-option-group {
		display: block !important;
		width: 100% !important;
		margin-bottom: 16px !important;
	}

	html body[class*="elementor-page"] .elementor .bsl-loan-calculator .calc-option-group > label {
		display: block !important;
		grid-column: unset !important;
		font-family: "Lato", Sans-serif !important;
		font-size: 17px !important;
		font-weight: 400 !important;
		color: #ffffff !important;
		-webkit-text-fill-color: #ffffff !important;
		margin: 0 0 8px !important;
		padding: 0 !important;
	}

	/* Sliders + labels */
	html body[class*="elementor-page"] .elementor .bsl-loan-calculator .calc-input-group {
		margin-bottom: 20px !important;
		padding: 0 !important;
		page-break-inside: avoid !important;
		break-inside: avoid-page !important;
	}

	html body[class*="elementor-page"] .elementor .bsl-loan-calculator .calc-input-group > label {
		display: flex !important;
		flex-wrap: wrap !important;
		justify-content: space-between !important;
		align-items: baseline !important;
		gap: 4px 8px !important;
		margin-bottom: 10px !important;
		font-family: "Lato", Sans-serif !important;
		font-size: 17px !important;
		font-weight: 500 !important;
		color: #ffffff !important;
		-webkit-text-fill-color: #ffffff !important;
	}

	html body[class*="elementor-page"] .elementor .bsl-loan-calculator .calc-input-group label .currency-label {
		font-size: 17px !important;
		font-weight: 700 !important;
		color: #00b0e0 !important;
		-webkit-text-fill-color: #00b0e0 !important;
		padding-left: 0 !important;
		margin-right: auto !important;
	}

	html body[class*="elementor-page"] .elementor .bsl-loan-calculator .calc-input-group label .amount-display {
		font-size: 28px !important;
		font-weight: 700 !important;
		color: #ffffff !important;
		-webkit-text-fill-color: #ffffff !important;
		margin: 0 !important;
		padding: 0 !important;
		float: none !important;
		text-align: right !important;
	}

	html body[class*="elementor-page"] .elementor .bsl-loan-calculator .slider-range {
		display: flex !important;
		justify-content: space-between !important;
		margin-top: 6px !important;
		font-family: "Lato", Sans-serif !important;
		font-size: 15px !important;
		font-weight: 700 !important;
		color: #00aedb !important;
		-webkit-text-fill-color: #00aedb !important;
	}

	html body[class*="elementor-page"] .elementor .bsl-loan-calculator .slider-range .range-min,
	html body[class*="elementor-page"] .elementor .bsl-loan-calculator .slider-range .range-max {
		color: #00aedb !important;
		-webkit-text-fill-color: #00aedb !important;
	}

	/* jQuery UI sliders */
	html body[class*="elementor-page"] .elementor .bsl-loan-calculator .ui-slider {
		display: block !important;
		visibility: visible !important;
		height: 4px !important;
		min-height: 4px !important;
		background: #282828 !important;
		border: none !important;
		border-radius: 2px !important;
		margin: 14px 0 8px !important;
		position: relative !important;
		-webkit-print-color-adjust: exact !important;
		print-color-adjust: exact !important;
	}

	html body[class*="elementor-page"] .elementor .bsl-loan-calculator .ui-slider .ui-slider-range {
		display: block !important;
		visibility: visible !important;
		background: linear-gradient(90deg, #00bcd4, #0097a7) !important;
		height: 100% !important;
		-webkit-print-color-adjust: exact !important;
		print-color-adjust: exact !important;
	}

	html body[class*="elementor-page"] .elementor .bsl-loan-calculator .ui-slider .ui-slider-handle {
		display: block !important;
		visibility: visible !important;
		width: 13px !important;
		height: 13px !important;
		background: #00b0e0 !important;
		border: 6px solid #ffffff !important;
		border-radius: 50% !important;
		top: -12px !important;
		box-sizing: content-box !important;
		-webkit-print-color-adjust: exact !important;
		print-color-adjust: exact !important;
	}

	/* Radio options */
	html body[class*="elementor-page"] .elementor .bsl-loan-calculator .radio-group {
		display: flex !important;
		flex-direction: row !important;
		flex-wrap: wrap !important;
		gap: 10px 18px !important;
		align-items: center !important;
		width: 100% !important;
		grid-column: unset !important;
	}

	html body[class*="elementor-page"] .elementor .bsl-loan-calculator .radio-group input[type="radio"] {
		appearance: none !important;
		-webkit-appearance: none !important;
		width: 16px !important;
		height: 16px !important;
		min-width: 16px !important;
		background: #162747 !important;
		border: 4px solid #162747 !important;
		border-radius: 4px !important;
		margin: 0 6px 0 0 !important;
		vertical-align: middle !important;
		-webkit-print-color-adjust: exact !important;
		print-color-adjust: exact !important;
	}

	html body[class*="elementor-page"] .elementor .bsl-loan-calculator .radio-group input[type="radio"]:checked {
		background: #00b0e0 !important;
		border-color: #00b0e0 !important;
	}

	html body[class*="elementor-page"] .elementor .bsl-loan-calculator .radio-group label {
		display: inline-flex !important;
		align-items: center !important;
		font-family: "Lato", Sans-serif !important;
		font-size: 14px !important;
		font-weight: 700 !important;
		color: #ffffff !important;
		-webkit-text-fill-color: #ffffff !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	html body[class*="elementor-page"] .elementor .bsl-loan-calculator .radio-group input[type="radio"]:checked + label {
		color: #00bcd4 !important;
		-webkit-text-fill-color: #00bcd4 !important;
	}

	/* Results typography */
	html body[class*="elementor-page"] .elementor .bsl-loan-calculator .result-item {
		display: block !important;
		margin-bottom: 16px !important;
		page-break-inside: avoid !important;
		break-inside: avoid-page !important;
	}

	html body[class*="elementor-page"] .elementor .bsl-loan-calculator .result-item:last-child {
		margin-bottom: 0 !important;
	}

	html body[class*="elementor-page"] .elementor .bsl-loan-calculator .result-label {
		display: inline !important;
		font-family: "Raleway", Sans-serif !important;
		font-size: 16px !important;
		font-weight: 500 !important;
		color: #ffffff !important;
		-webkit-text-fill-color: #ffffff !important;
		margin-right: 6px !important;
		min-width: 0 !important;
	}

	html body[class*="elementor-page"] .elementor .bsl-loan-calculator .result-currency {
		font-family: "Lato", Sans-serif !important;
		font-size: 17px !important;
		font-weight: 700 !important;
		color: #15417a !important;
		-webkit-text-fill-color: #15417a !important;
		margin-right: 4px !important;
	}

	html body[class*="elementor-page"] .elementor .bsl-loan-calculator .result-amount {
		font-family: "Lato", Sans-serif !important;
		font-size: 28px !important;
		font-weight: 700 !important;
		color: #ffffff !important;
		-webkit-text-fill-color: #ffffff !important;
	}

	html body[class*="elementor-page"] .elementor .bsl-loan-calculator .result-breakdown,
	html body[class*="elementor-page"] .elementor .bsl-loan-calculator .result-note {
		display: block !important;
		margin-top: 4px !important;
		font-family: "Raleway", Sans-serif !important;
		font-size: 11px !important;
		font-weight: 400 !important;
		line-height: 1.35 !important;
		color: #15417a !important;
		-webkit-text-fill-color: #15417a !important;
		width: 100% !important;
	}

	html body[class*="elementor-page"] .elementor .bsl-loan-calculator .total-insurance-amount {
		display: block !important;
	}

}