/**
 * Wave Furniture Responsive Breakpoints
 */

/* Laptops & Tablets (1024px and below) */
@media (max-width: 1024px) {
	.main-nav {
		display: none;
	}

	.mobile-nav-toggle {
		display: flex;
	}

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

	.footer-top {
		grid-template-columns: 1fr 1fr;
		gap: var(--wave-space-xl);
	}

	.footer-brand {
		grid-column: span 2;
	}
}

/* Tablets & Mobile (768px and below) */
@media (max-width: 768px) {
	:root {
		--wave-header-height: var(--wave-header-height-mobile);
	}

	.section-padding {
		padding-top: var(--wave-space-2xl);
		padding-bottom: var(--wave-space-2xl);
	}

	.grid-2,
	.grid-3 {
		grid-template-columns: 1fr;
		gap: var(--wave-space-lg);
	}

	.footer-top {
		grid-template-columns: 1fr;
		gap: var(--wave-space-xl);
	}

	.footer-brand {
		grid-column: span 1;
	}

	.footer-bottom {
		flex-direction: column;
		align-items: flex-start;
		gap: var(--wave-space-md);
	}

	.floating-whatsapp {
		bottom: var(--wave-space-md);
		right: var(--wave-space-md);
		padding: 0.65rem;
		border-radius: 50%;
	}

	.floating-whatsapp-text {
		display: none;
	}

	.floating-whatsapp-icon {
		width: 28px;
		height: 28px;
	}

	.header-actions .btn-enquire {
		display: none;
	}
}

/* Small Screens (480px and below) */
@media (max-width: 480px) {
	.container {
		padding-left: var(--wave-space-md);
		padding-right: var(--wave-space-md);
	}

	.brand-title {
		font-size: 1.35rem;
	}

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