/**
 * [doctor_cpt] grid structure (view="grid" and view="all").
 *
 * Structure only: lays the cards out in the requested number of columns
 * (doctor-cpt-columns-1 … -6), 2 on tablets and 1 on phones. Card design
 * stays with the theme/site CSS. List and slider views never carry
 * .doctor-cpt-grid, so they are unaffected.
 *
 * Override points: --doctor-cpt-columns (column count), --doctor-cpt-gap.
 */
.doctor-cpt-grid {
	display: grid;
	grid-template-columns: repeat(var(--doctor-cpt-columns, 3), minmax(0, 1fr));
	gap: var(--doctor-cpt-gap, 30px);
}

.doctor-cpt-grid > .doctor-cpt-item {
	min-width: 0;
}

.doctor-cpt-columns-1 { --doctor-cpt-columns: 1; }
.doctor-cpt-columns-2 { --doctor-cpt-columns: 2; }
.doctor-cpt-columns-3 { --doctor-cpt-columns: 3; }
.doctor-cpt-columns-4 { --doctor-cpt-columns: 4; }
.doctor-cpt-columns-5 { --doctor-cpt-columns: 5; }
.doctor-cpt-columns-6 { --doctor-cpt-columns: 6; }

/* Tablet: at most 2 columns (1-column grids stay 1). */
@media (max-width: 980px) {
	.doctor-cpt-grid:not(.doctor-cpt-columns-1) {
		--doctor-cpt-columns: 2;
	}
}

/* Mobile: 1 column. */
@media (max-width: 767px) {
	.doctor-cpt-grid:not(.doctor-cpt-columns-1) {
		--doctor-cpt-columns: 1;
	}
}