/*
 * Thème Bootstrap Xome.
 * Primary est volontairement un bouton gris outline au repos et orange à
 * l'interaction. Cette règle est chargée après Bootstrap dans les layouts.
 */
:root,
[data-bs-theme="light"] {
	--bs-primary: #ffb500;
	--bs-primary-rgb: 255, 181, 0;
	--bs-primary-text-emphasis: #664a00;
}

.btn-primary {
	--bs-btn-color: #495057;
	--bs-btn-bg: #fff;
	--bs-btn-border-color: #6c757d;
	--bs-btn-hover-color: #212529;
	--bs-btn-hover-bg: #ffb500;
	--bs-btn-hover-border-color: #ffb500;
	--bs-btn-focus-shadow-rgb: 255, 181, 0;
	--bs-btn-active-color: #212529;
	--bs-btn-active-bg: #ffb500;
	--bs-btn-active-border-color: #ffb500;
	--bs-btn-active-shadow: none;
	--bs-btn-disabled-color: #6c757d;
	--bs-btn-disabled-bg: #f8f9fa;
	--bs-btn-disabled-border-color: #ced4da;
	box-shadow: none;
}

.btn-primary:focus-visible {
	box-shadow: 0 0 0 .25rem rgba(255, 181, 0, .3);
}

/* Propriétés complémentaires d'un véhicule dans son onglet détail. */
.xomefleet-vehicle-property {
	padding: 1rem 1.125rem;
	border: 1px solid var(--bs-border-color);
	border-radius: var(--bs-border-radius);
	background: var(--bs-tertiary-bg);
}

.xomefleet-vehicle-property-label {
	margin: 0 0 .35rem;
	color: var(--bs-secondary-color);
	font-size: .75rem;
	font-weight: 700;
	letter-spacing: .04em;
	line-height: 1.3;
	text-transform: uppercase;
}

.xomefleet-vehicle-property-value {
	margin: 0;
	color: var(--bs-body-color);
	font-size: 1rem;
	font-weight: 600;
	line-height: 1.45;
	overflow-wrap: anywhere;
}

/* Gabarit commun des formulaires XomeFleet encore composés de champs métier historiques. */
#main-content .xomefleet-edit-form > form.card {
	max-width: 100%;
}

#main-content .xomefleet-edit-form > form.card > .card-body {
	padding: 1.25rem;
}

#main-content .xomefleet-edit-form form.form .row-fluid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1rem 1.5rem;
	margin: 0;
}

#main-content .xomefleet-edit-form form.form .row-fluid > .span6,
#main-content .xomefleet-edit-form form.form .row-fluid > .span12 {
	width: auto;
	min-width: 0;
	margin: 0;
}

@media (max-width: 767.98px) {
	#main-content .xomefleet-edit-form form.form .row-fluid {
		grid-template-columns: minmax(0, 1fr);
	}
}

.tab-content > .tab-pane {
	margin-top: 1rem;
}

.tab-content > .tab-pane > .app-toolbar {
	margin-bottom: 1rem;
}