/* Frontend and editor styles for the Course List block. */
.corsi-course-list {
	font-family: inherit;
	color: #000;
}

.corsi-course-list__heading {
	color: #b5a88c;
	font-size: 1.1em;
	font-weight: 700;
	text-transform: uppercase;
	margin: 0 0 1em;
	padding: 0;
	line-height: 1.4;
}

.corsi-course-list__items {
	list-style: none;
	margin: 0;
	padding: 0;
}

.corsi-course-list__item {
	margin: 0 0 1.75em;
	padding: 0;
	line-height: 1.5;
}

.corsi-course-list__link,
.corsi-course-list__link:hover,
.corsi-course-list__link:focus {
	display: block;
	color: inherit;
	text-decoration: none !important;
	transition: opacity 0.2s ease;
}

.corsi-course-list__link:hover,
.corsi-course-list__link:focus {
	opacity: 0.7;
}

.corsi-course-list__title {
	font-weight: 700;
	color: #000;
}

.corsi-course-list__separator {
	margin: 0 0.25em;
	color: #000;
}

.corsi-course-list__type {
	font-style: italic;
	color: #555;
}

.corsi-course-list__info {
	display: block;
	margin-top: 0.4em;
}

.corsi-course-list__info-label {
	color: #8a7b57;
	font-size: 0.85em;
	font-weight: 700;
	margin-right: 0.2em;
}

.corsi-course-list__info-tag {
	display: inline-block;
	border: 1px solid #8a7b57;
	color: #8a7b57;
	border-radius: 999px;
	padding: 0.15em 0.85em;
	font-size: 0.8em;
	font-weight: 700;
	letter-spacing: 0.02em;
	line-height: 1.4;
	text-transform: uppercase;
	white-space: nowrap;
}

/* Editor-only helpers. */
.corsi-course-list-editor {
	padding: 1.25em;
	border: 1px solid #d1d5db;
	border-radius: 8px;
	background-color: #ffffff;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

.corsi-course-list-editor__title {
	margin: 0 0 1em;
	font-size: 1.15em;
	font-weight: 700;
	color: #1f2937;
}

.corsi-course-list-editor__section {
	margin-bottom: 1.25em;
}

.corsi-course-list-editor__section-title {
	margin: 0 0 0.5em;
	font-weight: 600;
	font-size: 1em;
	color: #374151;
}

.corsi-course-list-editor__hint {
	margin: 0 0 0.75em;
	color: #6b7280;
	font-size: 0.9em;
	font-style: italic;
}

.corsi-course-list-editor__help {
	margin: 0 0 0.75em;
	font-weight: 600;
}

.corsi-course-list-editor__selected {
	list-style: none;
	margin: 0 0 1em;
	padding: 0;
}

.corsi-course-list-editor__selected-item {
	display: flex;
	align-items: center;
	gap: 0.75em;
	padding: 0.75em 0.85em;
	margin-bottom: 0.65em;
	background-color: #ffffff;
	border: 1px solid #e5e7eb;
	border-left: 4px solid #8a7b57;
	border-radius: 6px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
	transition: background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}

.corsi-course-list-editor__selected-item:hover {
	background-color: #fafaf9;
	border-color: #d6d3d1;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06);
}

.corsi-course-list-editor__order {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 1.5em;
	height: 1.5em;
	padding: 0 0.35em;
	background-color: #f5f5f4;
	border: 1px solid #e7e5e4;
	border-radius: 999px;
	color: #78716c;
	font-size: 0.8em;
	font-weight: 700;
	line-height: 1;
}

.corsi-course-list-editor__selected-title {
	flex: 1;
	font-weight: 500;
	color: #111827;
	line-height: 1.35;
}

.corsi-course-list-editor__actions {
	display: inline-flex;
	align-items: center;
	gap: 0.25em;
	flex-shrink: 0;
}

.corsi-course-list-editor__actions button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	width: 2em;
	height: 2em;
	padding: 0;
	border: 1px solid #d1d5db;
	border-radius: 6px;
	background-color: #ffffff;
	color: #4b5563;
	font-size: 0.95em;
	line-height: 1;
	transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease, transform 0.1s ease;
}

.corsi-course-list-editor__actions button:disabled {
	opacity: 0.35;
	cursor: not-allowed;
	background-color: #f3f4f6;
	transform: none;
}

.corsi-course-list-editor__actions button:hover:not(:disabled) {
	background-color: #f3f4f6;
	border-color: #9ca3af;
	color: #111827;
	transform: translateY(-1px);
}

.corsi-course-list-editor__actions button:active:not(:disabled) {
	transform: translateY(0);
}

.corsi-course-list-editor__actions-divider {
	display: inline-block;
	width: 1px;
	height: 1.4em;
	margin: 0 0.35em;
	background-color: #e5e7eb;
}

.corsi-course-list-editor__remove {
	color: #dc2626;
	font-weight: 700;
}

.corsi-course-list-editor__remove:hover:not(:disabled) {
	background-color: #fee2e2 !important;
	border-color: #fca5a5 !important;
	color: #b91c1c !important;
}

.corsi-course-list-editor__available {
	background-color: #f9fafb;
	border: 1px solid #e5e7eb;
	border-radius: 6px;
	padding: 0.85em 1em;
}

.corsi-course-list-editor__available .components-base-control {
	margin-bottom: 0.75em;
	padding: 0.35em 0.5em;
	background-color: #ffffff;
	border: 1px solid #e5e7eb;
	border-radius: 4px;
	transition: background-color 0.15s ease, border-color 0.15s ease;
}

.corsi-course-list-editor__available .components-base-control:hover {
	background-color: #ffffff;
	border-color: #d1d5db;
}

.corsi-course-list-editor__available .components-base-control:last-child {
	margin-bottom: 0;
}

.corsi-course-list-editor__available .components-checkbox-control__label {
	padding-left: 0.25em;
}

.corsi-course-list-editor__divider {
	margin: 1.25em 0;
	border: 0;
	border-top: 1px solid #e5e7eb;
}

/* Empty / loading state in editor. */
.corsi-course-list-editor .components-spinner {
	margin-top: 0.5em;
}

.corsi-course-list-editor .components-notice {
	margin: 0;
}

/* ---------------------------------------------------------------------------
   Responsive - Mobile
   --------------------------------------------------------------------------- */
@media (max-width: 768px) {
	.corsi-course-list__title {
	display: block;
	}
}