/**
 * Mobile / tablet: center main body and footer. Header excluded.
 * Matches header hamburger (below Bootstrap lg, 992px).
 */

@media (max-width: 991.98px) {
	/* Hero / breadcrumb: readable multi-line titles on phones */
	.breadcrumb__area .breadcrumb__title-wrapper {
		padding-left: 0.75rem;
		padding-right: 0.75rem;
		max-width: 100%;
	}

	.breadcrumb__area .breadcrumb__title {
		overflow-wrap: anywhere;
		word-wrap: break-word;
		max-width: 32rem;
		margin-left: auto;
		margin-right: auto;
		hyphens: auto;
		text-wrap: balance;
		line-height: 40px;
	}

	main,
	.home-page-editor-content,
	.map,
	footer {
		text-align: center;
	}

	main .row,
	.home-page-editor-content .row,
	footer .row {
		justify-content: center !important;
	}

	main [class*="text-start"],
	main [class*="text-md-start"],
	main [class*="text-lg-start"],
	.home-page-editor-content [class*="text-start"],
	.home-page-editor-content [class*="text-md-start"],
	.home-page-editor-content [class*="text-lg-start"],
	footer [class*="text-start"],
	footer [class*="text-md-start"],
	footer [class*="text-lg-start"] {
		text-align: center !important;
	}

	main [class*="justify-content-start"],
	main [class*="justify-content-end"],
	main [class*="justify-content-between"],
	.home-page-editor-content [class*="justify-content-start"],
	.home-page-editor-content [class*="justify-content-end"],
	.home-page-editor-content [class*="justify-content-between"] {
		justify-content: center !important;
	}

	footer .footer__widget-support,
	footer .footer__social,
	footer .footer__logo {
		justify-content: center;
	}

	main .entry-content img,
	main figure.wp-block-image img,
	main .aligncenter,
	main .post-thumbnail img,
	main .wp-post-image,
	.map iframe {
		display: block;
		margin-left: auto;
		margin-right: auto;
		max-width: 100%;
	}

	footer .footer__link ul,
	footer .footer__copyright-menu ul {
		padding-left: 0;
	}

	/* Company / Useful Links columns: flex rows ignore text-align; center explicitly. */
	footer .footer__widget .footer__widget-title,
	footer .footer__widget .footer__widget-title h4 {
		text-align: center !important;
	}

	footer .footer__link ul li {
		justify-content: center;
	}

	footer .footer__link ul li a {
		justify-content: center;
		width: 100%;
	}

	footer .footer__bottom,
	footer .footer__bottom-wrapper .footer__bottom {
		flex-direction: column;
		align-items: center;
		text-align: center;
		gap: 0.5rem;
	}

	footer .footer__copyright-menu-5 ul,
	footer .footer__copyright-5 {
		justify-content: center;
	}

	main pre,
	main code,
	main kbd,
	.home-page-editor-content pre,
	.home-page-editor-content code {
		text-align: left;
	}

	main .contact__form,
	main .contact-us__form,
	main form[action],
	footer .footer-form {
		text-align: left;
	}

	main .contact__form .form-control,
	main .contact-us__form .form-control,
	footer .footer-form .form-control {
		text-align: left;
	}

	/* Home feature4: keep icon + title in one row (overrides main text-align). */
	main .feature4__item {
		flex-wrap: nowrap !important;
		align-items: center;
		text-align: left;
		padding: 20px 16px;
		gap: 14px;
	}

	main .feature4__item .icon {
		flex-shrink: 0;
	}

	main .feature4__item .title {
		text-align: left !important;
		flex: 1 1 auto;
		min-width: 0;
	}

	/* Services archive: keep titles & copy centered (matches printfix-services). */
	main .printfix-svc-archive-card__body,
	main .printfix-svc-archive-card__body .latest-service__item-title,
	main .printfix-svc-archive-card__body .latest-service__item-text,
	main .printfix-svc-archive-card__actions {
		text-align: center !important;
	}

	/* Footer bottom + copyright: center at all “mobile” widths (incl. tablet portrait). */
	footer .footer__bottom {
		justify-content: center !important;
	}

	footer .footer__copyright,
	footer .footer__copyright-menu {
		width: 100%;
		text-align: center;
	}

	footer .footer__copyright p {
		text-align: center !important;
	}

	footer .footer__copyright-menu ul {
		justify-content: center !important;
	}
}

/* Home banner-4 (Swiper): below desktop (xl) show title → image → body copy → CTA. */
@media (max-width: 1199.98px) {
	.banner-4__area .row.align-items-center.flex-column.flex-xl-row {
		display: flex;
		flex-direction: column;
		align-items: stretch;
		justify-content: flex-start;
	}

	.banner-4__area .row.align-items-center.flex-column.flex-xl-row > .col-xl-7,
	.banner-4__area .row.align-items-center.flex-column.flex-xl-row > .col-xl-5 {
		display: contents;
	}

	.banner-4__area .banner-4__text {
		display: contents;
	}

	.banner-4__area .row .banner-4__title {
		order: 1;
		width: 100%;
	}

	.banner-4__area .row .banner-4__thumb {
		order: 2;
		width: 100%;
	}

	.banner-4__area .row .banner-4__dec {
		order: 3;
		width: 100%;
	}

	.banner-4__area .row .banner-4__btn__wrapper {
		order: 4;
		width: 100%;
	}

	/* .banner-4__text__space padding is skipped when the inner wrapper uses display:contents; match mobile spacing. */
	.banner-4__area .row .banner-4__title {
		margin-bottom: 0.75rem;
	}

	.banner-4__area .row .banner-4__thumb {
		margin-bottom: 1rem;
	}

	.banner-4__area .row .banner-4__dec {
		margin-bottom: 1.25rem;
	}

	.banner-4__area .row .banner-4__btn__wrapper {
		padding-bottom: 1.25rem;
	}
}

/* Footer: copyright only, centered (all viewports; legal line removed in footer.php) */
footer .footer__bottom.printfix-footer-bottom {
	justify-content: center;
}

footer .printfix-footer-copyright {
	width: 100%;
	max-width: 100%;
	text-align: center;
}

footer .printfix-footer-copyright p {
	text-align: center;
}