/* ==========================================================================
   WritePro Global — Mobile & Tablet Responsive
   ========================================================================== */

/* Global */
.wpg-site {
	overflow-x: hidden;
}

.wpg-site .site-content > .ast-container {
	max-width: 100%;
	padding-left: 0;
	padding-right: 0;
}

/* Tablet */
@media (max-width: 1024px) {
	.wpg-container {
		padding-left: 20px;
		padding-right: 20px;
	}

	.wpg-section {
		padding: 72px 0;
	}

	.wpg-section-header {
		margin-bottom: 40px;
	}

	.wpg-section-header p {
		font-size: 1rem;
	}
}

/* Mobile */
@media (max-width: 768px) {
	.wpg-container {
		padding-left: 16px;
		padding-right: 16px;
	}

	.wpg-section {
		padding: 56px 0;
	}

	.wpg-section-header {
		margin-bottom: 32px;
	}

	.wpg-section-header h2 {
		font-size: clamp(1.5rem, 6vw, 1.875rem);
	}

	/* Homepage hero */
	.wpg-hero {
		padding-top: 32px;
	}

	.wpg-hero__inner {
		gap: 32px;
		padding-bottom: 48px;
	}

	.wpg-hero__title {
		font-size: clamp(1.75rem, 7vw, 2.25rem);
	}

	.wpg-hero__subtitle {
		font-size: 1rem;
	}

	.wpg-hero__trust {
		flex-direction: column;
		align-items: center;
		gap: 16px;
		width: 100%;
	}

	.wpg-trust-divider {
		display: none;
	}

	.wpg-trust-item {
		align-items: center;
		text-align: center;
	}

	.wpg-hero__visual {
		min-height: auto;
		max-width: 100%;
	}

	.wpg-hero-card--float,
	.wpg-hero-card--float-2 {
		display: none;
	}

	.wpg-hero-card--main {
		animation: none;
	}

	.wpg-hero__wave svg {
		height: 40px;
	}

	/* Service cards */
	.wpg-service-card {
		padding: 24px 20px;
	}

	/* Why / guarantee */
	.wpg-why__grid {
		gap: 40px;
	}

	.wpg-guarantee-card {
		padding: 24px 20px;
	}

	/* Process steps */
	.wpg-step__num {
		width: 64px;
		height: 64px;
		font-size: 1.125rem;
	}

	/* Stats */
	.wpg-stats {
		padding: 56px 0;
	}

	/* Testimonials */
	.wpg-testimonial {
		padding: 24px 20px;
	}

	/* CTA */
	.wpg-cta {
		padding: 56px 0;
	}

	.wpg-cta__actions {
		width: 100%;
		flex-direction: column;
	}

	.wpg-cta__actions .wpg-btn {
		width: 100%;
	}

	/* Service pages */
	.wpg-svc-hero__grid {
		gap: 28px;
		padding-bottom: 48px;
	}

	.wpg-svc-hero__content h1,
	.wpg-page-hero__content h1 {
		font-size: clamp(1.625rem, 6.5vw, 2rem);
	}

	.wpg-svc-hero__sub {
		font-size: 1rem;
	}

	.wpg-svc-hero__card,
	.wpg-contact__form-wrap {
		padding: 24px 20px;
	}

	.wpg-svc-benefits__grid {
		grid-template-columns: 1fr;
		gap: 16px;
	}

	.wpg-svc-stats {
		flex-direction: column;
	}

	.wpg-svc-stat {
		min-width: 0;
	}

	.wpg-breadcrumb {
		font-size: 0.8125rem;
		margin-bottom: 20px;
	}

	/* About page */
	.wpg-about-mission__grid {
		gap: 32px;
	}

	.wpg-about-mission__card {
		padding: 24px 20px;
	}

	.wpg-page-hero__content {
		padding-bottom: 48px;
	}

	/* Contact */
	.wpg-contact__grid {
		gap: 32px;
	}

	.wpg-contact__card {
		padding: 16px;
	}

	/* FAQ accordion */
	.wpg-accordion__trigger {
		padding: 18px 16px !important;
		font-size: 0.9375rem;
	}

	.wpg-accordion__item.is-open {
		padding: 0 12px !important;
	}

	/* Buttons in hero areas */
	.wpg-hero__actions,
	.wpg-svc-hero__actions {
		flex-direction: column;
		width: 100%;
	}

	.wpg-hero__actions .wpg-btn,
	.wpg-svc-hero__actions .wpg-btn {
		width: 100%;
		justify-content: center;
	}
}

/* Small phones */
@media (max-width: 480px) {
	.wpg-container {
		padding-left: 14px;
		padding-right: 14px;
	}

	.wpg-section {
		padding: 48px 0;
	}

	.wpg-logo__icon svg {
		width: 24px;
		height: 24px;
	}

	.wpg-logo__text {
		font-size: 1rem;
	}

	.wpg-badge {
		font-size: 0.75rem;
		padding: 8px 14px;
	}

	.wpg-stats__grid {
		grid-template-columns: 1fr;
		gap: 20px;
	}

	.wpg-stat__number {
		font-size: 2rem;
	}

	.wpg-footer__main {
		padding: 48px 0 32px;
	}

	.wpg-footer__badges {
		gap: 6px;
	}

	.wpg-footer__badges span {
		font-size: 0.6875rem;
		padding: 5px 10px;
	}

	.wpg-form__field input,
	.wpg-form__field select,
	.wpg-form__field textarea {
		font-size: 16px; /* Prevents iOS zoom on focus */
	}
}

/* Touch-friendly targets */
@media (hover: none) and (pointer: coarse) {
	.wpg-nav__link,
	.wpg-menu-toggle,
	.wpg-btn {
		min-height: 44px;
	}

	.wpg-nav__dropdown a {
		padding: 12px 14px;
	}

	.wpg-service-card--link {
		-webkit-tap-highlight-color: transparent;
	}
}

/* Header mobile extras */
@media (max-width: 1024px) {
	.wpg-nav__mobile-cta {
		display: block;
		margin-top: 24px;
		padding-top: 24px;
		border-top: 1px solid var(--wpg-border);
	}

	.wpg-nav__mobile-cta .wpg-btn {
		width: 100%;
		justify-content: center;
	}
}

@media (min-width: 1025px) {
	.wpg-nav__mobile-cta {
		display: none;
	}

	.wpg-menu-toggle {
		display: none !important;
	}

	.wpg-nav-overlay {
		display: none !important;
	}
}