/* Fix for Jazzmin + DateRangeFilterBuilder conflict */
/* This CSS makes date range filters display horizontally with Jazzmin styling */

/* ===== HORIZONTAL LAYOUT FOR DATE RANGE FILTER ===== */

/* Target the admindatefilter container */
.admindatefilter {
	display: flex !important;
	flex-direction: row !important;
	align-items: center !important;
	gap: 10px !important;
	flex-wrap: wrap !important;
	padding: 0 !important;
	margin: 0 !important;
	border: none !important;
}

/* Make the details element inline to align with form-groups */
details[data-filter-title] {
	display: inline-block !important;
	margin: 0 10px 0 0 !important;
	padding: 0 !important;
	border: none !important;
	vertical-align: top !important;
}

/* Ensure the form-groups and details align properly */
#changelist-search.form-inline {
	display: flex !important;
	align-items: center !important;
	gap: 0 !important;
}

#changelist-search .form-group {
	margin: 0 10px 0 0 !important;
}

/* Make all <p> tags inside admindatefilter display inline */
.admindatefilter p,
.admindatefilter p.date {
	display: inline-block !important;
	margin: 0 5px !important;
	line-height: normal !important;
}

/* Style the date inputs to match select2 height */
.admindatefilter input.vDateField {
	display: inline-block !important;
	width: 150px !important;
	padding: 6px 10px !important;
	border: 1px solid #ced4da !important;
	border-radius: 0.25rem !important;
	font-size: 0.875rem !important;
	margin: 0 !important;
	height: 38px !important;
	line-height: 1.5 !important;
	vertical-align: middle !important;
}

.admindatefilter input.vDateField:focus {
	border-color: #007bff !important;
	outline: 0 !important;
	box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25) !important;
}

/* Style the controls div (contains Search button) */
.admindatefilter .controls {
	display: inline-flex !important;
	gap: 8px !important;
	margin: 0 !important;
}

/* Style the Search button with Jazzmin blue outline */
.admindatefilter .button,
.admindatefilter input[type="submit"] {
	display: inline-block !important;
	padding: 6px 12px !important;
	font-size: 0.875rem !important;
	font-weight: 400 !important;
	line-height: 1.5 !important;
	border-radius: 0.25rem !important;
	cursor: pointer !important;
	transition: all 0.15s ease-in-out !important;
	margin: 0 !important;
	color: #007bff !important;
	background-color: transparent !important;
	border: 1px solid #007bff !important;
}

.admindatefilter input[type="submit"]:hover {
	color: #fff !important;
	background-color: #007bff !important;
	border-color: #007bff !important;
}

/* Hide the Reset button */
.admindatefilter input[type="reset"] {
	display: none !important;
}

/* Keep calendar shortcuts inline */
.admindatefilter .datetimeshortcuts {
	display: inline-block !important;
	position: static !important;
	margin-left: 5px !important;
}

/* Hide the hidden input */
.admindatefilter input[type="hidden"] {
	display: none !important;
}

/* Hide the Jazzmin search button when date range filter is present */
#changelist-search:has(details[data-filter-title])
	.form-group
	> button.btn-outline-primary[type="submit"] {
	display: none !important;
}

#change-list-filters:has(details[data-filter-title])
	#search_group
	> button.btn-outline-primary[type="submit"] {
	display: none !important;
}

/* Hide collapsible summary buttons for date range filters */
details[data-filter-title] > summary {
	display: none !important;
}

/* ===== HIDE THE ADMIN FOOTER (Jazzmin version + copyright) ===== */
.main-footer {
	display: none !important;
}