/**
 * Pagina ordine confermato – mobile (Figma / handoff)
 * Caricato da functions.php (stagez_child_confermed_order_styles).
 *
 * SCOPE: tutti i selettori sono prefissati con `body.page-id-2786` perché le
 * classi WP block usate (.wp-block-heading, .wp-block-column, ecc.) sono
 * generiche e altrimenti applicherebbero stili a qualsiasi pagina del sito.
 * Il PHP carica già il foglio solo su quella pagina; lo scoping qui è
 * una rete di sicurezza in caso il file venga importato altrove.
 *
 * Cover hero – una di queste condizioni (mobile):
 * - classe sul Cover: int-order-cover-visual (consigliata se cambi immagine), oppure
 * - immagine con file Image-L nell’URL, oppure
 * - classe media wp-image-2904 (fallback se non hai ancora messo int-order-cover-visual).
 */

@media (max-width: 768px) {

	body.page-id-2786 .wp-block-column.is-vertically-aligned-center.is-layout-flow.wp-block-column-is-layout-flow {
		padding-top: 20px !important;
	}

	body.page-id-2786 .wp-block-heading.has-text-align-left.has-text-color.has-panel-sans-font-family {
		font-size: 40px !important;
	}

	body.page-id-2786 .wp-block-heading.has-text-color.has-poppins-font-family {
		font-size: 18px !important;
	}

	body.page-id-2786 .wp-block-heading.has-text-color.has-poppins-font-family.has-custom-221-e-4-d-blue-titoli-h-3-color,
	body.page-id-2786 h3.wp-block-heading.has-text-color.has-poppins-font-family {
		font-size: 20px !important;
	}

	body.page-id-2786 p.pink-order.has-text-color.has-poppins-font-family {
		font-size: 20px !important;
	}

	body.page-id-2786 .has-text-color.has-poppins-font-family:not(.wp-block-button__link):not(.wp-element-button):not(.wp-block-heading):not(.pink-order):not([style*="#FFFFFF"]):not([style*="#ffffff"]):not(.has-theme-1-color) {
		font-size: 18px !important;
	}

	body.page-id-2786 p.has-text-color.has-poppins-font-family.has-custom-221-e-4-d-blue-titoli-h-3-color,
	body.page-id-2786 p.has-text-color.has-poppins-font-family[style*="#221E4D"],
	body.page-id-2786 p.has-text-color.has-poppins-font-family[style*="#221e4d"] {
		font-size: 18px !important;
	}

	body.page-id-2786 .wp-block-heading.has-text-align-center.has-text-color.has-panel-sans-font-family.has-theme-1-color,
	body.page-id-2786 .wp-block-heading.has-text-align-center.has-text-color.has-panel-sans-font-family[style*="#FFFFFF"],
	body.page-id-2786 .wp-block-heading.has-text-align-center.has-text-color.has-panel-sans-font-family[style*="#ffffff"] {
		font-size: 17.34px !important;
	}

	body.page-id-2786 p.has-text-align-center.has-text-color.has-poppins-font-family.has-theme-1-color,
	body.page-id-2786 p.has-text-align-center.has-text-color.has-poppins-font-family[style*="#FFFFFF"],
	body.page-id-2786 p.has-text-align-center.has-text-color.has-poppins-font-family[style*="#ffffff"] {
		font-size: 11.34px !important;
		font-weight: 400 !important;
		line-height: 1.2 !important;
	}

	body.page-id-2786 .wp-block-button__link.has-custom-221-e-4-d-blue-titoli-h-3-color.has-theme-1-background-color.has-text-color.has-background.has-link-color.has-poppins-font-family.has-custom-font-size.wp-element-button {
		font-size: 9.34px !important;
		line-height: 1.6 !important;
	}

	/*
	 * Cover 345×381 – selettori combinati (specificità alta).
	 * html + body.page-id-2786 + .wp-site-blocks supera molti override del tema
	 * mantenendo lo scope alla sola pagina ordine confermato.
	 */
	html body.page-id-2786 .wp-site-blocks .wp-block-cover.int-order-cover-visual,
	html body.page-id-2786 .wp-site-blocks .wp-block-cover:has(img.wp-block-cover__image-background[src*="Image-L"]),
	html body.page-id-2786 .wp-site-blocks .wp-block-cover:has(img.wp-image-2904),
	html body.page-id-2786 .wp-block-cover.int-order-cover-visual,
	html body.page-id-2786 .wp-block-cover:has(img.wp-block-cover__image-background[src*="Image-L"]),
	html body.page-id-2786 .wp-block-cover:has(img.wp-image-2904) {
		position: relative !important;
		width: 345px !important;
		max-width: 100% !important;
		height: 381px !important;
		min-height: 381px !important;
		padding: 0 !important;
		box-sizing: border-box !important;
		margin-inline: auto !important;
		overflow: hidden !important;
		justify-content: flex-start !important;
		align-items: center !important;
		padding-top: 8px !important;
	}

	html body.page-id-2786 .wp-site-blocks .wp-block-cover.int-order-cover-visual img.wp-block-cover__image-background,
	html body.page-id-2786 .wp-site-blocks .wp-block-cover:has(img[src*="Image-L"]) img.wp-block-cover__image-background,
	html body.page-id-2786 .wp-site-blocks .wp-block-cover:has(img.wp-image-2904) img.wp-block-cover__image-background,
	html body.page-id-2786 .wp-block-cover.int-order-cover-visual img.wp-block-cover__image-background,
	html body.page-id-2786 .wp-block-cover:has(img[src*="Image-L"]) img.wp-block-cover__image-background,
	html body.page-id-2786 .wp-block-cover:has(img.wp-image-2904) img.wp-block-cover__image-background {
		position: absolute !important;
		inset: 0 !important;
		width: 100% !important;
		height: 100% !important;
		max-width: none !important;
		object-fit: cover !important;
		object-position: center !important;
	}

	html body.page-id-2786 .wp-site-blocks .wp-block-cover.int-order-cover-visual .wp-block-cover__inner-container,
	html body.page-id-2786 .wp-site-blocks .wp-block-cover:has(img[src*="Image-L"]) .wp-block-cover__inner-container,
	html body.page-id-2786 .wp-site-blocks .wp-block-cover:has(img.wp-image-2904) .wp-block-cover__inner-container,
	html body.page-id-2786 .wp-block-cover.int-order-cover-visual .wp-block-cover__inner-container,
	html body.page-id-2786 .wp-block-cover:has(img[src*="Image-L"]) .wp-block-cover__inner-container,
	html body.page-id-2786 .wp-block-cover:has(img.wp-image-2904) .wp-block-cover__inner-container {
		margin-top: 170px !important;
		position: relative;
		z-index: 2;
	}
}