/**
 * WPDP — mobile & tablet refinements
 */

@media (max-width: 991.98px) {
	.site-header .navbar {
		padding-top: 0.65rem;
		padding-bottom: 0.65rem;
	}

	.container {
		padding-left: 1rem;
		padding-right: 1rem;
	}

	.hero {
		min-height: auto;
		padding-bottom: 2.5rem;
	}

	.hero-row {
		min-height: 0 !important;
	}

	.hero-float {
		display: none;
	}

	.hero-orb-1 {
		width: 220px;
		height: 220px;
		right: -20%;
	}

	.hero-orb-2 {
		width: 160px;
		height: 160px;
	}

	.hero-title {
		font-size: clamp(1.75rem, 8vw, 2.5rem);
	}

	.hero-lead {
		font-size: 1rem;
		max-width: none;
	}

	.hero-mini-stat {
		flex: 1 1 calc(33% - 0.5rem);
		min-width: 0;
		padding: 0.5rem 0.35rem;
	}

	.hero-mini-stat strong {
		font-size: 1.1rem;
	}

	.hero-keywords .list-inline-item {
		margin-right: 0.35rem;
	}

	.hero-keywords span {
		font-size: 0.72rem;
		padding: 0.3rem 0.65rem;
	}

	.section {
		padding: 3rem 0;
	}

	.section-title {
		font-size: clamp(1.5rem, 5vw, 2rem);
	}

	.portfolio-header {
		flex-direction: column;
		align-items: flex-start !important;
		gap: 1.25rem;
	}

	.portfolio-stat-pill {
		width: 100%;
		flex-direction: row;
		justify-content: center;
		gap: 0.5rem;
	}

	.portfolio-stat-pill strong {
		font-size: 1.2rem;
	}

	.section-faq .btn-header-cta {
		width: 100%;
	}

	.portfolio-bento,
	.portfolio-bento-archive {
		display: flex;
		flex-direction: column;
		gap: 1rem;
	}

	.reviews-grid {
		grid-template-columns: 1fr;
	}

	.stats-bar {
		padding: 1.5rem 1rem;
	}

	.footer-cta-box {
		padding: 1.75rem 1.25rem;
		text-align: center;
	}

	.footer-cta-box .btn {
		width: 100%;
		max-width: 320px;
	}

	.footer-main .row > [class*="col-"] {
		min-width: 0;
	}

	.footer-bottom-inner {
		flex-direction: column;
		align-items: flex-start;
		text-align: left;
	}

	.service-sidebar {
		position: static;
		margin-top: 0;
	}

	.service-hero-lead {
		font-size: 1rem;
	}

	.page-hero:not(.service-hero) {
		padding-top: 1.5rem !important;
		padding-bottom: 1.5rem !important;
	}

	.service-hero {
		padding: 1.25rem 0 2rem;
	}

	.service-hero-title {
		font-size: clamp(1.65rem, 7vw, 2.25rem);
	}

	.service-hero-actions {
		flex-direction: column;
		width: 100%;
	}

	.service-hero-actions .btn {
		width: 100%;
		justify-content: center;
	}

	.service-hero-card {
		margin-top: 0.5rem;
	}

	.service-breadcrumb .breadcrumb-item {
		max-width: 100%;
	}

	.page-title {
		font-size: clamp(1.65rem, 6vw, 2.25rem);
		word-wrap: break-word;
	}

	.about-hero-stats {
		grid-template-columns: repeat(3, 1fr);
	}

	.about-timeline-item {
		flex-direction: column;
		gap: 0.5rem;
	}

	.section-tech-stack .col-lg-5 {
		text-align: center;
	}

	.tech-seo-points {
		text-align: left;
		display: inline-block;
		margin-left: auto;
		margin-right: auto;
	}

	.intro-grid {
		gap: 1rem;
	}

	.offcanvas-body .nav-link {
		font-size: 1.05rem;
		padding: 0.75rem 0 !important;
	}

	.floating-whatsapp {
		right: 0.85rem;
		bottom: 0.85rem;
		width: 48px;
		height: 48px;
		font-size: 1.35rem;
	}

	body {
		padding-bottom: 4rem;
	}
}

@media (max-width: 575.98px) {
	.hero-badges .hero-badge {
		font-size: 0.7rem;
		padding: 0.35rem 0.7rem;
	}

	.hero-actions {
		flex-direction: column;
		width: 100%;
	}

	.hero-actions .btn {
		width: 100%;
		justify-content: center;
	}

	.hero-mini-stats {
		width: 100%;
	}

	.hero-mini-stat {
		flex: 1 1 30%;
	}

	.btn-header-cta.btn-lg {
		width: 100%;
	}

	.about-hero-stats {
		grid-template-columns: 1fr;
		gap: 0.5rem;
	}

	.about-hero-stats > div {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 0.5rem 0;
		border-bottom: 1px solid var(--wpdp-border);
	}

	.about-hero-stats > div:last-child {
		border-bottom: 0;
	}

	.about-hero-stats strong {
		font-size: 1.25rem;
	}

	.about-cta-box .d-flex {
		flex-direction: column;
		width: 100%;
	}

	.about-cta-box .btn {
		width: 100%;
	}

	.tech-grid-card {
		padding: 1rem;
	}

	.tech-grid-name {
		font-size: 0.88rem;
	}

	.contact-form .btn-accent,
	.page-contact .wpcf7-submit,
	.contact-form-wrap .wpcf7-form input[type="submit"],
	.contact-form-wrap .wpcf7-form button[type="submit"] {
		width: 100%;
	}

	.page-contact .wpdp-cf7-grid,
	.page-contact .contact-form-wrap .wpcf7-form:not(:has(.wpdp-cf7-grid)) {
		grid-template-columns: 1fr;
		column-gap: 0;
	}

	.contact-hero-tags li {
		margin-bottom: 0.5rem;
	}

	.section-contact-process .btn {
		width: 100%;
	}

	.google-rating-badge {
		flex-wrap: wrap;
		justify-content: center;
		text-align: center;
	}

	.portfolio-card-tag {
		font-size: 0.65rem;
		padding: 0.25rem 0.55rem;
	}

	.archive-header .btn,
	.section-header .btn {
		width: 100%;
	}
}