/* ==================================================================
   Thème MDB du manager — extension de mdb.min.css (MDB Free 9.3.0)
   Chargé juste après mdb.min.css : typographie et couleurs.
   ================================================================== */

/* ------------------------------------------------------------------
   Typographie : Inter (texte) · Plus Jakarta Sans (titres)
   ------------------------------------------------------------------ */
:root {
	--mdb-font-roboto: 'Inter', sans-serif;
	--mdb-body-font-family: var(--mdb-font-roboto);
	--mdb-border-color:#f3f3f3;
}

body {
	font-family: 'Inter', sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
	font-family: 'Plus Jakarta Sans', sans-serif;
	font-weight: 600;
}

/* ------------------------------------------------------------------
   Couleur primary : #353756 (remplace le bleu #3b71ca de MDB)
   Teintes : 95% #323452 · 90% #30324d · 80% #2a2c45 · 75% #282940
             clair 60% #aeafbb · 70% #c2c3cc · 80% #d7d7dd · 85% #e1e1e6
   ------------------------------------------------------------------ */
:root {
	--mdb-primary: #353756;
	--mdb-primary-rgb: 53, 55, 86;
	--mdb-primary-text-emphasis: #2a2c45;
	--mdb-primary-bg-subtle: #e1e1e6;
	--mdb-primary-border-subtle: #aeafbb;
	--mdb-link-color: #353756;
	--mdb-link-color-rgb: 53, 55, 86;
	--mdb-link-hover-color: #323452;
	--mdb-link-hover-color-rgb: 50, 52, 82;

	--mdb-secondary: #eb0046;
}

.bg-primary {
	background-color: rgba(53, 55, 86, var(--mdb-bg-opacity, 1)) !important;
}

.link-primary:hover,
.link-primary:focus {
	color: rgba(50, 52, 82, var(--mdb-link-opacity, 1)) !important;
	text-decoration-color: rgba(50, 52, 82, var(--mdb-link-underline-opacity, 1)) !important;
}

.btn-primary {
	--mdb-btn-bg: #353756;
	--mdb-btn-border-color: #353756;
	--mdb-btn-box-shadow: 0 4px 9px -4px #323452;
	--mdb-btn-hover-bg: #323452;
	--mdb-btn-hover-border-color: #2a2c45;
	--mdb-btn-focus-bg: #323452;
	--mdb-btn-focus-shadow-rgb: 83, 85, 111;
	--mdb-btn-active-bg: #30324d;
	--mdb-btn-active-border-color: #282940;
	--mdb-btn-disabled-bg: #353756;
	--mdb-btn-disabled-border-color: #353756;
	--mdb-btn-box-shadow-state: 0 8px 9px -4px rgba(50, 52, 82, 0.3), 0 4px 18px 0 rgba(50, 52, 82, 0.2);
}

.btn-outline-primary {
	--mdb-btn-color: #353756;
	--mdb-btn-border-color: #353756;
	--mdb-btn-hover-color: #fff;
	--mdb-btn-hover-bg: #353756;
	--mdb-btn-hover-border-color: #353756;
	--mdb-btn-focus-color: #323452;
	--mdb-btn-focus-shadow-rgb: 53, 55, 86;
	--mdb-btn-active-color: #30324d;
	--mdb-btn-active-bg: #353756;
	--mdb-btn-active-border-color: #353756;
	--mdb-btn-disabled-color: #353756;
	--mdb-btn-disabled-border-color: #353756;
	--mdb-btn-outline-border-color: #353756;
	--mdb-btn-outline-focus-border-color: #2a2c45;
	--mdb-btn-outline-hover-border-color: #2a2c45;
}

/* Secondary : #eb0046 (dans MDB c'est par défaut une teinte claire de primary) */
.btn-secondary {
	--mdb-btn-color: #fff;
	--mdb-btn-bg: #eb0046;
	--mdb-btn-border-color: #eb0046;
	--mdb-btn-box-shadow: 0 4px 9px -4px #df0042;
	--mdb-btn-hover-color: #fff;
	--mdb-btn-hover-bg: #df0042;
	--mdb-btn-hover-border-color: #bc0038;
	--mdb-btn-focus-color: #fff;
	--mdb-btn-focus-bg: #df0042;
	--mdb-btn-focus-shadow-rgb: 238, 38, 98;
	--mdb-btn-active-color: #fff;
	--mdb-btn-active-bg: #d4003f;
	--mdb-btn-active-border-color: #b00034;
	--mdb-btn-disabled-color: #fff;
	--mdb-btn-disabled-bg: #eb0046;
	--mdb-btn-disabled-border-color: #eb0046;
	--mdb-btn-box-shadow-state: 0 8px 9px -4px rgba(223, 0, 66, 0.3), 0 4px 18px 0 rgba(223, 0, 66, 0.2);
}

.btn-outline-secondary {
	--mdb-btn-outline-border-color: #eb0046;
}

.btn-link,
.btn-tertiary {
	--mdb-btn-color: #353756;
	--mdb-btn-hover-color: #323452;
	--mdb-btn-focus-color: #30324d;
	--mdb-btn-active-color: #323452;
	--mdb-btn-focus-shadow-rgb: 83, 85, 111;
}

.form-control:focus,
.form-select:focus,
.input-group > .form-control:focus {
	border-color: #353756;
	box-shadow: none;
}

.form-check-input:focus {
	box-shadow: 0 0 0 0.25rem rgba(53, 55, 86, 0.25);
}

.form-check-input:checked,
.form-check-input:checked:focus,
.form-check-input[type=checkbox]:indeterminate {
	border-color: #353756;
}

.form-check-input[type=checkbox]:checked,
.form-check-input[type=checkbox]:checked:focus,
.form-check-input[type=checkbox]:indeterminate {
	background-color: #353756;
}

.form-check-input[type=radio]:checked:after,
.form-switch .form-check-input:checked[type=checkbox]:after {
	border-color: #353756;
	background-color: #353756;
}

.form-check-input:checked:focus:before,
.form-check-input:indeterminate:focus:before {
	box-shadow: 0 0 0 13px #353756;
}

.form-switch .form-check-input:checked:focus:before {
	box-shadow: 3px -1px 0 13px #353756;
}

.form-range::-webkit-slider-thumb {
	background-color: #353756;
}

.form-range::-moz-range-thumb {
	background-color: #353756;
}

.form-range::-webkit-slider-thumb:active {
	background-color: #c2c3cc;
}

.form-range::-moz-range-thumb:active {
	background-color: #c2c3cc;
}

.form-range:focus::-webkit-slider-thumb,
.form-range:focus::-moz-range-thumb {
	box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(53, 55, 86, 0.25);
}

.range {
	--mdb-range-thumb-background: #353756;
}

.nav-link:focus-visible {
	box-shadow: 0 0 0 0.25rem rgba(53, 55, 86, 0.25);
}

.nav-tabs,
.nav-tabs .nav-link {
	--mdb-nav-tabs-link-active-color: #353756;
	--mdb-nav-tabs-link-active-border-color: #353756;
}

.nav-pills.menu-sidebar .nav-link.active,
.nav-pills.menu-sidebar .show > .nav-link {
	--mdb-scrollspy-menu-sidebar-active-color: #353756;
	--mdb-scrollspy-menu-sidebar-active-border-color: #353756;
}

.dropdown-menu,
.dropdown-menu-dark {
	--mdb-dropdown-link-active-bg: #353756;
}

.accordion {
	--mdb-accordion-active-color: #353756;
}

.pagination {
	--mdb-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(53, 55, 86, 0.25);
	--mdb-pagination-active-border-color: #353756;
}

.progress,
.progress-stacked {
	--mdb-progress-bar-bg: #353756;
}

.list-group {
	--mdb-list-group-active-bg: #353756;
	--mdb-list-group-active-border-color: #353756;
}

.btn-close {
	--mdb-btn-close-focus-shadow: 0 0 0 0.25rem rgba(53, 55, 86, 0.25);
}

.table-primary {
	--mdb-table-bg: #d7d7dd;
}

.ripple-surface-primary .ripple-wave {
	background-image: radial-gradient(circle, rgba(53, 55, 86, 0.2) 0, rgba(53, 55, 86, 0.3) 40%, rgba(53, 55, 86, 0.4) 50%, rgba(53, 55, 86, 0.5) 60%, rgba(53, 55, 86, 0) 70%);
}

/* ------------------------------------------------------------------
   Bordures 1px : boutons outline et formulaires
   (MDB utilise 2px, ou 1px + 1px d'ombre au focus)
   ------------------------------------------------------------------ */
[class*=btn-outline-] {
	--mdb-btn-border-width: 1px;
	--mdb-btn-padding-top: calc(0.625rem - 1px);
	--mdb-btn-padding-bottom: calc(0.5rem - 1px);
	--mdb-btn-padding-x: calc(1.5rem - 1px);
}

[class*=btn-outline-].btn-lg,
.btn-group-lg > [class*=btn-outline-].btn {
	--mdb-btn-padding-top: calc(0.75rem - 1px);
	--mdb-btn-padding-bottom: calc(0.6875rem - 1px);
	--mdb-btn-padding-x: calc(1.6875rem - 1px);
}

[class*=btn-outline-].btn-sm,
.btn-group-sm > [class*=btn-outline-].btn {
	--mdb-btn-padding-top: calc(0.375rem - 1px);
	--mdb-btn-padding-bottom: calc(0.3125rem - 1px);
	--mdb-btn-padding-x: calc(1rem - 1px);
}

.form-outline .form-control:focus ~ .form-notch .form-notch-leading,
.form-outline .form-control:focus ~ .form-notch .form-notch-middle,
.form-outline .form-control:focus ~ .form-notch .form-notch-trailing {
	box-shadow: none;
}

.form-check-input {
	border-width: 1px;
}

.form-switch .form-check-input {
	border-width: 0;
}

.btn-outline-light {
	--mdb-btn-color: #5d5d5d;
	--mdb-btn-hover-color: #5d5d5d;
	--mdb-btn-hover-bg: rgba(0, 0, 0, .04);
	--mdb-btn-focus-color: #5d5d5d;
	--mdb-btn-focus-bg: rgba(0, 0, 0, .04);
	--mdb-btn-active-color: #5d5d5d;
	--mdb-btn-active-bg: rgba(0, 0, 0, .08);
	--mdb-btn-outline-border-color: #c4c4c4;
	--mdb-btn-outline-hover-border-color: #a8a8a8;
	--mdb-btn-outline-focus-border-color: #a8a8a8;
	--mdb-btn-outline-active-border-color: #a8a8a8;
}

/* Tom Select */
.ts-wrapper .ts-control {
	padding: .5rem 1rem;
	font-size: 1rem;
	line-height: 1.6;
	color: var(--mdb-surface-color);
	background-color: var(--mdb-body-bg, #fff);
	border: 1px solid #bdbdbd;
	border-radius: var(--mdb-border-radius-lg);
	box-shadow: none;
}
.ts-wrapper.multi .ts-control,
.ts-wrapper.multi.has-items .ts-control { padding: .5rem 1rem; gap: .25rem; }
.ts-wrapper.multi .ts-control > div {
	margin: 0;
	padding: 0 .5rem;
	color: #fff;
	background: #7c7c7c;
	border: 0;
	border-radius: var(--mdb-border-radius);
}
.ts-wrapper.multi .ts-control > div .remove { color: #fff; border-left: 1px solid rgba(255, 255, 255, .3); margin-left: .5rem; }
.ts-wrapper.multi .ts-control > input { margin: 0 !important; line-height: 1.6; }
.ts-wrapper.focus .ts-control { border-color: #353756; box-shadow: none; }
.ts-dropdown { background: #fff; z-index: 1060; border: 1px solid #bdbdbd; border-radius: var(--mdb-border-radius-lg); }
.ts-dropdown .option { padding: .5rem 1rem; }