/**
 * Quiz Grid Layout Styles
 *
 * Styles for displaying quiz answer options in a responsive grid layout.
 *
 * @package wdm-learndash-addon
 * @since 1.1.4
 */

 .learndash-answer-grid-container {
	display: grid !important;
	gap: 10px !important;
	/* Default: 3 columns for 6+ options */
	grid-template-columns: repeat(3, 1fr) !important;
}

/* 2 options: 2 columns */
.learndash-answer-grid-container[data-option-count="2"] {
	grid-template-columns: repeat(2, 1fr) !important;
}

/* 3 options: 3 columns */
.learndash-answer-grid-container[data-option-count="3"] {
	grid-template-columns: repeat(3, 1fr) !important;
}

/* 4 options: 2 columns */
.learndash-answer-grid-container[data-option-count="4"] {
	grid-template-columns: repeat(2, 1fr) !important;
}

/* 5 options: 5 columns (or 5 in 1 row) */
.learndash-answer-grid-container[data-option-count="5"] {
	grid-template-columns: repeat(5, 1fr) !important;
}

/* 6 options: 3 columns */
.learndash-answer-grid-container[data-option-count="6"] {
	grid-template-columns: repeat(3, 1fr) !important;
}

/* 8 options: 4 columns */
.learndash-answer-grid-container[data-option-count="8"] {
	grid-template-columns: repeat(4, 1fr) !important;
}

/* 9 options: 3 columns */
.learndash-answer-grid-container[data-option-count="9"] {
	grid-template-columns: repeat(3, 1fr) !important;
}

/* 10 options: 5 columns */
.learndash-answer-grid-container[data-option-count="10"] {
	grid-template-columns: repeat(5, 1fr) !important;
}

/* Hover and focus states for better UX */
.learndash-answer-grid-item:hover {
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}