/* WISEVOC — responsive overrides */

/* ═══ Desktop (1280px+) ═══ */
@media (min-width: 1280px) {
	.wv-container {
		padding-inline: var(--wv-space-20);
	}
}

/* ═══ Tablet / Small Laptop (≤1024px) ═══ */
@media (max-width: 1024px) {
	.wv-section {
		padding-block: var(--wv-space-20);
	}

	.wv-stat-row {
		grid-template-columns: repeat(2, 1fr);
	}

	.wv-stat:nth-child(2)::after {
		display: none;
	}

	.wv-notification--1,
	.wv-notification--2,
	.wv-notification--3 {
		position: relative;
		top: auto;
		right: auto;
		bottom: auto;
		left: auto;
		margin-top: var(--wv-space-4);
	}

	.wv-hero-watch-scene {
		margin-top: var(--wv-space-10);
	}

	/* Feature grid: 3 → 2 columns */
	.wv-features-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	/* Integrations grid: 4 → 2 columns */
	.wv-integrations-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	/* Compliance grid: 4 → 2 columns (already defined in components.css) */

	/* Pricing grid: 3 → 2 columns */
	.wv-pricing-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	/* Orbital rings — hide on tablet and below */
	.wv-orbital {
		display: none;
	}

	/* Ghost step numbers — scale down on tablet */
	.wv-how-step__ghost {
		font-size: 5rem;
	}

	/* Page hero — reduce height */
	.wv-page-hero {
		min-height: 340px;
		padding-block: var(--wv-space-16);
	}
}

/* ═══ Mobile Landscape / Small Tablet (≤768px) ═══ */
@media (max-width: 768px) {
	.wv-section {
		padding-block: 60px;
	}

	.wv-container,
	.wv-header .wv-header__inner {
		padding-inline: var(--wv-space-4);
	}

	.wv-hero {
		min-height: auto;
		padding-block: calc(80px + var(--wv-space-10)) var(--wv-space-12);
	}

	.wv-card-pricing__features {
		font-size: 13px;
	}

	/* Comparison table */
	.wv-table,
	.wv-comparison-table {
		font-size: 13px;
	}

	.wv-table thead th,
	.wv-table td,
	.wv-comparison-table th,
	.wv-comparison-table td {
		padding: var(--wv-space-3);
	}

	.wv-table-wrap {
		margin-inline: calc(-1 * var(--wv-space-4));
		border-radius: 0;
		border-left: none;
		border-right: none;
	}

	/* Grid collapses */
	.wv-pricing-grid,
	.wv-features-grid,
	.wv-team-grid {
		grid-template-columns: 1fr !important;
	}

	.wv-integrations-grid {
		grid-template-columns: repeat(2, 1fr) !important;
	}

	.wv-compliance-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.wv-demo-columns {
		flex-direction: column !important;
	}

	.wv-page-hero {
		min-height: auto;
		padding-block: var(--wv-space-12);
	}

	.wv-page-hero h1 {
		font-size: clamp(1.75rem, 6vw, 2.5rem) !important;
	}

	/* CTA buttons — stack on mobile */
	.wv-cta-wrap {
		padding: var(--wv-space-10) var(--wv-space-6);
	}

	.wv-cta-wrap .wv-btn,
	.wv-cta-wrap .wv-btn-cta-dark,
	.wv-cta-wrap .wv-btn-cta-outline {
		width: 100%;
		justify-content: center;
	}

	/* Ghost step numbers — hide on mobile */
	.wv-how-step__ghost {
		font-size: 4rem;
		opacity: 0.03;
	}

	/* Demo grid: stack */
	.wv-demo-grid {
		grid-template-columns: 1fr;
		gap: var(--wv-space-10);
	}

	.wv-demo-copy,
	.wv-demo-form-wrap {
		grid-column: span 1;
	}

	/* Hero sub text */
	.wv-hero-sub {
		font-size: 16px;
	}

	/* Section titles */
	.wv-section-title {
		font-size: clamp(1.5rem, 5vw, 2.25rem);
	}
}

/* ═══ Mobile Portrait (≤480px) ═══ */
@media (max-width: 480px) {
	.wv-stat-row {
		grid-template-columns: 1fr;
	}

	.wv-stat::after {
		display: none;
	}

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

	.wv-integrations-grid {
		grid-template-columns: 1fr !important;
	}

	.wv-compliance-grid {
		grid-template-columns: 1fr;
	}

	.wv-mobile-menu__link {
		font-size: 2rem;
	}

	/* Form row: stack 2-col grids */
	.wv-form-row {
		grid-template-columns: 1fr !important;
	}

	/* Hero buttons */
	.wv-hero-ctas {
		flex-direction: column;
	}

	.wv-hero-ctas .wv-btn {
		width: 100%;
	}

	/* Pricing card padding */
	.wv-card-pricing {
		padding: var(--wv-space-6);
	}

	/* Footer social icons */
	.wv-footer__social {
		justify-content: center;
	}

	.wv-footer__bottom {
		flex-direction: column;
		text-align: center;
	}
}