/* src/main/resources/static/css/custom.css */
:root {
	/* Le bleu profond demandé */
	--bs-primary: #0b1a8d;
	--bs-primary-rgb: 11, 26, 141;
	--bs-link-color: #0b1a8d;
	--bs-link-hover-color: #081369;
	/* Un bleu encore plus sombre pour le survol */
}

/* Force la barre de défilement toujours présente pour éviter le décalage */
body {
	overflow-y: scroll;
}

/* Personnalisation des boutons pour qu'ils suivent le bleu profond */
.btn-primary {
	--bs-btn-bg: var(--bs-primary);
	--bs-btn-border-color: var(--bs-primary);
	--bs-btn-hover-bg: #081369;
	--bs-btn-hover-border-color: #081369;
	--bs-btn-active-bg: #060e4d;
}

/* Changer la couleur de focus des champs de saisie */
.form-control:focus {
	border-color: rgba(11, 26, 141, 0.5);
	box-shadow: 0 0 0 0.25rem rgba(11, 26, 141, 0.25);
}

/* Style pour les icônes */
.input-group-text {
	background-color: #f8f9fa;
	color: var(--bs-primary);
}

/* On s'assure que le texte des labels reste sobre */
.text-dark {
	color: #1a2a3a !important; /* Ajusté pour s'harmoniser avec le bleu */
}

#togglePassword {
	border-color: #dee2e6;
	color: #6c757d;
}

#togglePassword:hover {
	background-color: transparent;
	color: var(--bs-primary); /* Devient bleu au survol */
	border-color: #dee2e6;
}

#togglePassword:focus {
	box-shadow: none;
	border-color: var(--bs-primary);
}

/* Alertes */
.alert {
	border: none;
	border-radius: 8px;
	font-size: 0.9rem;
}

.alert-danger {
	background-color: #fef2f2;
	color: #991b1b;
}

.alert-success {
	background-color: #f0fdf4;
	color: #166534;
}

/* Effet au survol des cartes */
.hover-card {
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.hover-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1) !important;
}

/* Style des badges */
.badge {
	font-weight: 500;
	padding: 0.5em 1em;
}

/* Tableaux */
.table thead th {
	text-transform: uppercase;
	font-size: 0.75rem;
	letter-spacing: 0.5px;
	color: #6c757d;
	border-bottom: 2px solid #f8f9fa;
}

/* Formulaires : Radio, Checkbox et Select */
.form-check-input:checked {
	background-color: var(--bs-primary);
	border-color: var(--bs-primary);
}

.form-select:focus {
	border-color: var(--bs-primary);
	box-shadow: 0 0 0 0.25rem rgba(11, 26, 141, 0.25);
}

.breadcrumb-item a {
	text-decoration: none;
	font-weight: 500;
	color: var(--bs-primary);
}

/* Modale */
.modal {
	position: fixed !important;
	top: 0;
	left: 0;
	z-index: 1055 !important;
	display: none;
	width: 100%;
	height: 100%;
	overflow: hidden;
	outline: 0;
}

body.modal-open {
	overflow: auto !important;
	padding-right: 0 !important;
}

.modal-content {
	transition: none !important;
	box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
	border: 1px solid rgba(0, 0, 0, .2) !important;
}

.book-cover-sm {
	width: 60px; /* Largeur fixe */
	height: 90px; /* Hauteur fixe (ratio ~2/3) */
	object-fit: cover; /* Recadre sans écraser */
	border-radius: 4px;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	transition: transform 0.2s;
}

.book-cover-sm:hover {
	transform: scale(1.1);
}

/* Personnalisation de la checkbox cochée */
.form-check-danger .form-check-input:checked {
	background-color: #dc3545; /* Couleur rouge standard (danger) */
	border-color: #dc3545; /* Même couleur pour la bordure */
}

/* Optionnel : Pour changer la couleur de l'ombre quand on clique dessus (focus) */
.form-check-danger .form-check-input:focus {
	border-color: #dc3545;
	box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
}

/* Style pour isoler la liseuse et éviter les conflits Bootstrap */
#viewer {
	height: 75vh;
	background-color: #fcfaf2; /* Couleur papier */
	border-bottom: 1px solid #dee2e6;
	margin: 0 auto;
}

.reader-controls {
	background-color: #f8f9fa;
}

#loading-overlay {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 1000;
}