/*
 * PLR Mobile UX fixes — PKND Tech Studio
 * Loaded by mu-plugins/plr-mobile-ux-fixes.php
 */

/* 1. Responsive images — prevent fixed-size overflow / horizontal scroll */
img { max-width: 100% !important; height: auto; }

/* 2. Social icons: 44px tap zone without changing visual glyph size */
#wrapper a.fusion-social-network-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px !important;
	height: 44px !important;
	padding: 0 !important;
	margin: -2px;
}

/* 3. Mobile-only: 44px-min tap targets + readable text */
@media (max-width: 768px) {
	#wrapper .fusion-footer a,
	#wrapper .fusion-header a {
		min-height: 44px;
	}

	/* CTAs and buttons */
	#wrapper .fusion-button,
	#wrapper .contact-btn {
		min-height: 44px !important;
		padding-top: 12px !important;
		padding-bottom: 12px !important;
	}

	/* button labels: never below 12px */
	#wrapper .fusion-button .fusion-button-text {
		font-size: 12px !important;
	}

	/* mobile nav toggle */
	#wrapper .awb-menu__m-toggle {
		min-width: 44px !important;
		min-height: 44px !important;
	}

	/* form fields and selects */
	#wrapper input,
	#wrapper select,
	#wrapper textarea {
		min-height: 44px;
	}

	/* slider video controls / overlay chips + badge image links */
	#wrapper .fusion-no-lightbox,
	#wrapper .fusion-imageframe > a {
		display: inline-block;
		line-height: 44px;
	}

	/* article card / entry title links */
	#wrapper .entry-title a {
		display: inline-block;
		min-height: 44px;
		line-height: 44px;
	}

	/* newsletter / sticky CTA button */
	.cta-btn {
		min-height: 44px;
		line-height: 44px;
	}

	/* phone / email / card title links outside footer */
	#wrapper a[href^="tel:"],
	#wrapper a[href^="mailto:"] {
		line-height: 44px;
		min-height: 44px;
		display: inline-flex;
		align-items: center;
	}

	/* LayerSlider bubble-chart labels render at ~3.5px — clamp to readable */
	#wrapper .ls-layer div,
	#wrapper .ls-button-layer {
		font-size: 12px !important;
	}

	/* select dropdown arrow glyph + hidden skip-link were < 12px */
	.select-arrow {
		font-size: 12px !important;
	}

	.skip-link.screen-reader-text {
		min-width: 44px;
		min-height: 44px;
	}
}