/* RDP: site-wide responsive and tap-target fixes (rdplastmould.com, 2026-11-03). Loaded by inc/rdp-site.php. */

@media (max-width: 767px) {
	/* Rows with negative side margins in containers without side padding (footer, Services) made the page 383 px
	   wide on a 375 px phone, so phones laid the whole page out wider than the screen. Clip at the container edge,
	   which is the screen edge on phones: nothing visible changes. */
	#main .fusion-fullwidth,
	.fusion-tb-footer .fusion-fullwidth {
		overflow-x: clip;
	}

	/* 16 px form text: iPhones zoom the page in when a smaller field is tapped. */
	input[type="text"],
	input[type="email"],
	input[type="tel"],
	input[type="number"],
	input[type="url"],
	input[type="search"],
	input[type="password"],
	select,
	textarea {
		font-size: 16px !important;
	}

	/* Sticky header: the 200x103 logo made the bar 123 px tall (15 % of the screen). */
	.fusion-tb-header .header_logo img {
		max-height: 64px;
		width: auto;
	}

	/* "Enquire Now" side tab: slimmer so it covers less of the content, still flush with the screen edge. */
	.dsu-form .form-click {
		font-size: 14px !important;
		line-height: 20px !important;
		padding: 6px 14px !important;
	}
	.dsu-form .form-clickOuter {
		left: 20px !important;
	}
}

/* Phone/tablet menu button: was 29x20 px. */
@media (max-width: 1024px) {
	.fusion-tb-header .awb-menu__m-toggle {
		min-width: 44px;
		min-height: 44px;
		justify-content: center;
	}
}

/* Tap targets of at least 24 px. */
.fusion-contact-info-phone-number > a,
.fusion-contact-info-email-address > a {
	display: inline-block;
	padding: 3px 0;
}
a.fusion-read-more {
	display: inline-block;
	padding: 2px 0;
}
h4 > a {
	display: inline-block;
	padding: 3px 0;
}
.swiper-pagination-bullet,
.owl-dots .owl-dot {
	position: relative;
}
.swiper-pagination-bullet::after,
.owl-dots .owl-dot::after {
	content: "";
	position: absolute;
	inset: -7px;
}

/* Process step photos (home "Mould Manufacturing Process"): keep their shape instead of being squashed. */
.rd__ser__inn__box .image-box img {
	object-fit: cover;
}