/**
 * Public site overrides for DataTables — admin/datatables-admin.css assumes Material Icons
 * (pagination glyphs) which the front-end does not load. Also tightens controls for Bootstrap 5 wrapper.
 */

/* Pagination: readable prev/next instead of Material Icons ligatures */
.dataTables_wrapper .dataTables_paginate .paginate_button.previous::after,
.dataTables_wrapper .dataTables_paginate .paginate_button.next::after {
	font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
	font-size: 1.25rem !important;
	font-weight: 600 !important;
	line-height: 1 !important;
	letter-spacing: 0 !important;
	text-transform: none !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.previous::after {
	content: "‹" !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.next::after {
	content: "›" !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
	color: var(--upl-dt-accent, #0d6efd) !important;
	background: rgba(13, 110, 253, 0.1) !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover:not(.disabled) {
	background: var(--upl-dt-accent, #0d6efd) !important;
	color: #fff !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
	background: var(--upl-dt-accent, #0d6efd) !important;
	color: #fff !important;
}

/* Length menu: keep selector + label on one line where possible */
.dataTables_wrapper .dataTables_length label {
	white-space: nowrap;
	flex-wrap: nowrap !important;
	gap: 0.35rem;
}

@media (max-width: 767.98px) {
	.dataTables_wrapper .dataTables_length label {
		white-space: normal;
		flex-wrap: wrap !important;
	}
}

/* Readable controls on typical light cards (used on standings pages) */
.upl-datatable-host .dataTables_wrapper .dataTables_length,
.upl-datatable-host .dataTables_wrapper .dataTables_filter {
	color: #495057;
}

.upl-datatable-host .dataTables_wrapper .dataTables_filter input[type="search"],
.upl-datatable-host .dataTables_wrapper .dataTables_filter input[type="text"] {
	background: #fff;
	color: #212529;
	border: 1px solid #ced4da;
	border-radius: 0.375rem;
	min-width: 18rem;
	padding: 0.5625rem 0.85rem;
	min-height: 2.5rem;
	line-height: 1.5;
}

.upl-datatable-host .dataTables_wrapper .dataTables_length label,
.upl-datatable-host .dataTables_wrapper .dataTables_filter label {
	color: inherit;
}

.upl-datatable-host .dataTables_wrapper .dataTables_length select {
	min-width: 4.75rem;
	padding: 0.4375rem 1.75rem 0.4375rem 0.625rem;
	border-radius: 0.375rem;
	color: inherit;
	background-color: #fff;
	border: 1px solid #ced4da;
	line-height: 1.5;
	min-height: 2.375rem;
}

.upl-datatable-host .dataTables_wrapper .dataTables_info {
	color: #6c757d;
}

[data-theme="dark"] .upl-datatable-host .dataTables_wrapper .dataTables_length,
[data-theme="dark"] .upl-datatable-host .dataTables_wrapper .dataTables_filter,
[data-theme="dark"] .upl-datatable-host .dataTables_wrapper .dataTables_info,
[data-theme="dark"] .upl-datatable-host .dataTables_wrapper .dataTables_length label,
[data-theme="dark"] .upl-datatable-host .dataTables_wrapper .dataTables_filter label {
	color: rgba(255, 255, 255, 0.88);
}

[data-theme="dark"] .upl-datatable-host .dataTables_wrapper .dataTables_length select {
	background: var(--input-bg, #1c2330);
	color: #e6edf3;
	border-color: var(--border-color, #3d4f66);
}

[data-theme="dark"] .upl-datatable-host .dataTables_wrapper .dataTables_filter input[type="search"],
[data-theme="dark"] .upl-datatable-host .dataTables_wrapper .dataTables_filter input[type="text"] {
	background: var(--input-bg, #1c2330);
	color: #e6edf3;
	border-color: var(--border-color, #3d4f66);
}