/* Akton Canvas – handheld layout. Everything is inside the mobile breakpoint: desktop is untouched. */
@media (max-width: 767px) {

	/* ---------- base ---------- */
	.el-canvas { font-size: 17px; line-height: 1.6; -webkit-text-size-adjust: 100%; }
	.el-canvas .el-section > .el-col,
	.el-canvas .el-section > .wp-block-columns > .wp-block-column { padding-left: 16px !important; padding-right: 16px !important; }
	.el-canvas .has-text-align-justify { text-align: left !important; }          /* no rivers on narrow screens */
	.el-canvas .el-text h2, .el-canvas h2.wp-block-heading { font-size: 26px !important; line-height: 1.25 !important; }
	.el-canvas .el-text h1, .el-canvas h1.wp-block-heading { font-size: 30px !important; line-height: 1.2 !important; }
	.el-canvas .el-text { font-size: 17px !important; }
	.el-canvas .wp-block-image img { height: auto; }

	/* ---------- sticky header: small logo + swipeable anchor menu ---------- */
	#sms { position: sticky; top: 0; z-index: 50; background: #fff; padding-top: 6px !important; border-bottom-width: 4px !important; }
	#sms > .wp-block-columns { flex-wrap: wrap !important; }
	#sms > .wp-block-columns > .wp-block-column { flex-basis: 100% !important; padding-top: 4px !important; padding-bottom: 4px !important; }
	#sms .wp-block-image img { width: 110px !important; }
	#sms .el-image-row { justify-content: flex-start !important; }
	#sms .wp-block-image { margin: 0 !important; padding: 0 !important; }
	#sms .wp-block-column.wp-block-hidden-mobile { display: block !important; }
	#sms .el-icon-list { flex-wrap: nowrap !important; overflow-x: auto; justify-content: flex-start !important;
		scrollbar-width: none; -webkit-overflow-scrolling: touch; padding: 0 !important; margin: 0 -16px !important; padding-left: 8px !important; }
	#sms .el-icon-list::-webkit-scrollbar { display: none; }
	#sms .el-icon-list > li { flex: 0 0 auto; font-size: 15px !important; line-height: 40px; padding: 0 12px; white-space: nowrap; }
	#sms .el-icon-list a { display: block; min-height: 40px; }
	html { scroll-padding-top: 120px; }                                           /* anchors land below the sticky header */

	/* ---------- hero: show it on phones, as a cover banner ---------- */
	.el-section.wp-block-hidden-mobile[style*="background-image"] {
		display: flex !important; align-items: flex-end; min-height: 240px !important;
		background-size: cover !important; background-position: 50% 30% !important;
	}
	.el-section[style*="background-image"] .el-col { width: 100%; padding: 0 16px 18px !important;
		background: linear-gradient(to top, rgba(0,0,0,.55), rgba(0,0,0,0)); }
	.el-section[style*="background-image"] .el-text.wp-block-hidden-mobile { display: block !important; margin-top: 0 !important; }
	.el-section[style*="background-image"] .el-text, .el-section[style*="background-image"] .el-text p {
		font-size: 19px !important; line-height: 1.35 !important; letter-spacing: 0 !important; text-align: center !important; }

	/* ---------- buttons: full-width tap targets ---------- */
	.el-canvas .wp-block-buttons { justify-content: center !important; }
	.el-canvas .wp-block-button { width: 100%; max-width: 360px; }
	.el-canvas .wp-block-button__link { display: block; width: 100%; box-sizing: border-box; text-align: center;
		min-height: 48px; padding: 14px 20px !important; font-size: 17px !important; }

	/* ---------- comparison table: keep 4 columns, compact ---------- */
	.el-canvas .el-section .wp-block-columns > .wp-block-column.el-mw-33 { flex-basis: 25% !important; width: 25% !important;
		padding: 6px 4px !important; }
	.el-canvas .wp-block-column.el-mw-33 .el-heading { font-size: 12.5px !important; line-height: 1.25 !important; word-break: break-word; hyphens: auto; }
	.el-canvas .wp-block-column.el-mw-33:first-child .el-heading { text-align: left !important; }
	.el-canvas .wp-block-columns:has(> .el-mw-33) { min-height: 54px !important; flex-wrap: nowrap !important; }

	/* ---------- ad formats & images ---------- */
	.el-canvas .wp-block-columns > .wp-block-column .wp-block-image img { max-width: min(100%, 220px); margin: 0 auto; display: block; }
	.el-canvas .wp-block-spacer { height: 20px !important; }                      /* desktop spacers are 50px */
	.el-canvas .wp-block-columns > .wp-block-column .el-text p:empty,
	.el-canvas .el-text p:has(> br:only-child) { display: none; }
	.el-canvas .wp-block-column:empty { display: none; }

	/* ---------- contact form ---------- */
	.el-form input:not([type=submit]), .el-form textarea { font-size: 16px; min-height: 48px; }   /* 16px = no iOS zoom */
	.el-form .el-f { margin-bottom: 16px; }
	.el-form .el-submit { text-align: center; }
	.el-form input[type=submit] { width: 100%; max-width: 360px; min-height: 52px; }

	/* ---------- footer: centred ---------- */
	.el-section.has-background:last-of-type .wp-block-image, .el-image-row { justify-content: center !important; }
	.el-canvas [style*="#4D4D4D"] p, .el-canvas [style*="#4d4d4d"] p { text-align: center !important; }

	/* leave room for the reCAPTCHA badge */
	.el-canvas { padding-bottom: 70px; }
}