/**
 * Large Desktop Styles (min-width: 1200px)
 *
 * This file contains responsive overrides for large desktop screens (1200px+).
 * Styles for screens below 1200px belong in _desktop.css.
 *
 * Guidelines:
 * - Keep selectors specific to avoid conflicts
 * - Group related components together
 * - Comment sections for maintainability
 */

/* ==========================================================================
   LARGE DESKTOP STYLES (min-width: 1200px+)
   ========================================================================== */

/* --------------------------------------------------------------------------
   Standard Large Desktop (1200px+)
   -------------------------------------------------------------------------- */
@media (min-width: 1200px) {
	/* Archive Grid */
	.archive-grid {
		grid-template-columns: repeat(3, minmax(280px, 1fr));
		margin: 0 auto;
	}

	body:not(.post-type-archive-news) .archive-grid {
		max-width: 80%;
	}

	/* Podcast Archive Grid */
	.post-type-archive-podcast .content,
	.tax-podcast-category .content {
		grid-template-columns: repeat(3, 1fr);
	}

	/* Ads */
	.post-ad {
		display: flex;
		justify-content: flex-end;
		padding-right: 54px !important;
		margin-bottom: -33px !important;
	}

	/* Directorist */
	.directorist-single,
	.directorist-add-listing-wrapper {
		background: var(--community-color-background) !important;
	}

	.directorist-single-wrapper,
	.directorist-add-listing-form {
		max-width: 1200px !important;
	}

	.directorist-archive-contents .directorist-archive-items.directorist-archive-grid-view .directorist-row,
	.directorist-contents-wrap .directorist-archive-items.directorist-archive-grid-view .directorist-row,
	.directorist-archive-items .directorist-row {
		grid-template-columns: repeat(3, minmax(280px, 1fr)) !important;
	}
}