/**
 * Print / PDF Form Section — styles
 *
 * Section apni jagah rehta hai (Elementor ki CSS ancestor chain par
 * depend karti hai), sirf uske alawa sab kuch print me hide hota hai.
 */

/* ---------- Buttons (screen) ---------- */
.pp-print-pdf-buttons {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin: 15px 0;
}

.pp-print-pdf-buttons button {
	cursor: pointer;
	padding: 10px 22px;
	border-radius: 4px;
	border: 1px solid #ccc;
	background: #f5f5f5;
	color: #333;
	font-size: 14px;
	font-family: inherit;
	line-height: 1.4;
	transition: background .15s ease;
}

.pp-print-pdf-buttons button:hover { background: #e9e9e9; }
.pp-print-pdf-buttons button:focus-visible { outline: 2px solid #2271b1; outline-offset: 2px; }
.pp-print-pdf-buttons button[disabled] { opacity: .6; cursor: wait; }

/* PDF capture ke waqt buttons frame me na aayein */
html.pp-pdf-capturing .pp-print-pdf-buttons { visibility: hidden !important; }

/* ---------- Print ---------- */
@media print {

	/* Target ke ancestors ke siblings — yani baaki poora page */
	html.pp-printing .pp-print-hide { display: none !important; }

	/* Ancestors sirf raasta hain: unka apna spacing/background hata do,
	   aur clipping band karo taaki content kate nahi. */
	html.pp-printing .pp-print-ancestor {
		display: block !important;
		visibility: visible !important;
		position: static !important;
		float: none !important;
		width: auto !important;
		max-width: none !important;
		height: auto !important;
		min-height: 0 !important;
		max-height: none !important;
		overflow: visible !important;
		margin: 0 !important;
		padding: 0 !important;
		border: 0 !important;
		background: none !important;
		box-shadow: none !important;
		transform: none !important;
		opacity: 1 !important;
	}

	html.pp-printing,
	html.pp-printing body {
		background: #fff !important;
		width: auto !important;
		height: auto !important;
		min-height: 0 !important;
		overflow: visible !important;
	}

	/* Target section — design waisa ka waisa, bas full width */
	html.pp-printing .pp-print-target {
		display: block !important;
		visibility: visible !important;
		position: static !important;
		width: 100% !important;
		max-width: 100% !important;
		margin: 0 !important;
		min-height: 0 !important;
		overflow: visible !important;
	}

	/* Design ke rang/background print me bhi rahen
	   (Chrome ke print dialog me "Background graphics" bhi on karein) */
	html.pp-printing .pp-print-target,
	html.pp-printing .pp-print-target * {
		-webkit-print-color-adjust: exact !important;
		print-color-adjust: exact !important;
	}

	/* Section ke andar ke Elementor containers full width par */
	html.pp-printing .pp-print-target .elementor-container,
	html.pp-printing .pp-print-target .e-con-inner {
		width: 100% !important;
		max-width: 100% !important;
	}

	/* Entrance animations ki wajah se content invisible na reh jaye */
	html.pp-printing .pp-print-target .elementor-invisible,
	html.pp-printing .pp-print-target [data-settings*="animation"] {
		opacity: 1 !important;
		animation: none !important;
		visibility: visible !important;
	}

	/* Form fields ke borders print me saaf dikhein */
	html.pp-printing .pp-print-target input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="reset"]),
	html.pp-printing .pp-print-target textarea,
	html.pp-printing .pp-print-target select {
		border: 1px solid #767676 !important;
		background: #fff !important;
		color: #000 !important;
		box-shadow: none !important;
	}

	html.pp-printing .pp-print-target input[type="checkbox"],
	html.pp-printing .pp-print-target input[type="radio"] {
		-webkit-appearance: none !important;
		appearance: none !important;
		width: 13px !important;
		height: 13px !important;
		border: 1px solid #333 !important;
		background: #fff !important;
		display: inline-block !important;
		vertical-align: middle !important;
	}

	html.pp-printing .pp-print-target input[type="radio"] { border-radius: 50% !important; }

	/* Sirf plugin ke apne buttons hide karo.
	   Pay Now / Submit / baaki Elementor buttons print me aayenge.
	   Kisi aur widget ko print se hatana ho to Elementor Advanced ->
	   CSS Classes me 'pp-no-print' add kar dein. */
	html.pp-printing .pp-print-target .pp-print-pdf-buttons,
	html.pp-printing .pp-print-target .no-print,
	html.pp-printing .pp-print-target .pp-no-print,
	html.pp-printing .pp-print-target .elementor-menu-toggle { display: none !important; }

	/* Pay Now / Submit apne rang ke saath print hon */
	html.pp-printing .pp-print-target .elementor-button,
	html.pp-printing .pp-print-target .elementor-field-type-submit button,
	html.pp-printing .pp-print-target button[type="submit"],
	html.pp-printing .pp-print-target input[type="submit"] {
		display: inline-block !important;
		visibility: visible !important;
		-webkit-print-color-adjust: exact !important;
		print-color-adjust: exact !important;
	}

	html.pp-printing .pp-print-target .elementor-field-type-submit,
	html.pp-printing .pp-print-target .elementor-widget-button,
	html.pp-printing .pp-print-target .elementor-button-wrapper {
		display: block !important;
		visibility: visible !important;
	}

	html.pp-printing .pp-print-target img {
		max-width: 100% !important;
		height: auto !important;
	}

	/* Field ya row beech me se page break na ho */
	html.pp-printing .pp-print-target tr,
	html.pp-printing .pp-print-target .elementor-widget,
	html.pp-printing .pp-print-target .elementor-field-group {
		page-break-inside: avoid;
		break-inside: avoid;
	}

	@page { margin: 12mm; }
}