/**
 * Smart Restaurant Menu - Responsive Styles
 */

/* Tablet - 2 columns */
@media (min-width: 576px) {
	.srm-items-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

/* Desktop - 3 columns */
@media (min-width: 768px) {
	.srm-menu-wrapper {
		padding: 1.5rem 0 3rem;
	}

	.srm-category-tabs-wrap {
		margin: 0 0 2rem;
		padding: 1rem 0;
	}

	.srm-category-tabs {
		padding: 0 1rem;
	}

	.srm-tab {
		padding: 0.6rem 1.25rem;
		font-size: 1rem;
	}

	.srm-items-grid {
		grid-template-columns: repeat(3, 1fr);
		gap: 1.25rem;
	}

	.srm-modal-content {
		max-width: 560px;
	}
}

/* Large desktop - 4 columns */
@media (min-width: 1024px) {
	.srm-items-grid {
		grid-template-columns: repeat(4, 1fr);
		gap: 1.5rem;
	}

	.srm-modal-content {
		max-width: 640px;
	}

	.srm-modal-info {
		padding: 2rem;
	}
}