/**
 * Responsive overrides for homepage sections & components
 * Nida AI Studio Pro
 */

@media (max-width: 1024px) {

	.nas-hero-grid,
	.nas-about-grid {
		grid-template-columns: 1fr;
	}

	.nas-hero-visual {
		order: -1;
		max-width: 480px;
		margin: 0 auto;
	}

	.nas-about-image-frame {
		max-width: 480px;
		margin: 0 auto;
	}

	.nas-footer-newsletter {
		flex-direction: column;
		text-align: center;
		margin-top: calc(var(--nas-space-lg) * -1.2);
	}

	.nas-pricing-featured {
		transform: none;
	}
}

@media (max-width: 782px) {

	.nas-hero {
		padding-top: calc(var(--nas-header-height) + var(--nas-space-md));
	}

	.nas-hero-subtitle {
		max-width: 100%;
	}

	.nas-hero-actions .nas-btn {
		width: 100%;
		text-align: center;
	}

	.nas-hero-actions {
		flex-direction: column;
	}

	.nas-counters-grid.nas-grid-4 {
		grid-template-columns: repeat(2, 1fr);
		gap: var(--nas-space-sm);
	}

	.nas-newsletter-form {
		flex-direction: column;
		width: 100%;
	}

	.nas-newsletter-form input[type="email"] {
		min-width: 0;
		width: 100%;
	}

	.nas-newsletter-form .nas-btn {
		width: 100%;
	}

	.nas-404-actions {
		flex-direction: column;
	}

	.nas-404-actions .nas-btn {
		width: 100%;
	}

	.nas-testimonial-author {
		flex-wrap: wrap;
	}

	.nas-back-to-top {
		bottom: 16px;
		right: 16px;
		width: 44px;
		height: 44px;
	}
}

@media (max-width: 480px) {

	.nas-portfolio-filters {
		justify-content: flex-start;
		overflow-x: auto;
		flex-wrap: nowrap;
		padding-bottom: 0.5em;
		-webkit-overflow-scrolling: touch;
	}

	.nas-filter-pill {
		flex-shrink: 0;
	}

	.nas-cta-box {
		padding: var(--nas-space-lg) var(--nas-space-sm);
	}

	.nas-pricing-amount {
		font-size: 2.1rem;
	}
}

/* Dark mode component-level tweaks */
body.nas-dark-mode .nas-hero-visual-placeholder {
	background: linear-gradient(135deg, rgba(var(--nas-color-primary-rgb), 0.3), rgba(var(--nas-color-gold-rgb), 0.25));
}

body.nas-dark-mode .nas-filter-pill {
	background: var(--nas-color-surface);
	color: var(--nas-color-text);
}

body.nas-dark-mode .woocommerce ul.products li.product,
body.nas-dark-mode .nas-card {
	background: var(--nas-color-surface);
}

body.nas-dark-mode .nas-wishlist-btn {
	background: var(--nas-color-surface);
	color: var(--nas-color-text);
}

/* Print styles for a clean printed article */
@media print {
	.nas-site-header,
	.nas-site-footer,
	.nas-back-to-top,
	.nas-share-buttons,
	.nas-search-popup,
	.nas-mobile-drawer {
		display: none !important;
	}

	body {
		background: #fff;
		color: #000;
	}
}
