/* ============================================================================
   Classes remplaçant les anciens attributs style= des templates.
   :is(.classe, #_#_#_) donne à la règle la spécificité de 3 id (le second sélecteur ne
   correspond à rien) : comme le style inline qu'elle remplace, elle l'emporte sur les
   règles normales des autres feuilles, mais pas sur leurs !important ni sur element.style.
   ============================================================================ */

/* modal/_modalCreditsEpuises.html.twig */
:is(.modal-credits-epuises__img, #_#_#_) {
	width: 50px;
	height: auto;
	margin-right: 14px;
	flex-shrink: 0;
}
:is(.modal-credits-epuises__modal-credits-epuises-label, #_#_#_) {
	font-size: 18px;
	font-weight: 700;
	color: #1e293b;
	text-decoration: underline;
	text-underline-offset: 4px;
	margin: 0;
}
:is(.modal-credits-epuises__div, #_#_#_) {
	font-size: 15px;
	font-weight: 400;
	color: #1e293b;
	margin-top: 8px;
	padding-left: 2px;
}
:is(.modal-credits-epuises__strong, #_#_#_) {
	font-weight: 700;
}
:is(.modal-credits-epuises__hr, #_#_#_) {
	border: none;
	border-top: 2px solid #01677d;
	opacity: 1;
	margin: 12px 0 16px 0;
}
:is(.modal-credits-epuises__btn-open-connexion-from-credits, #_#_#_) {
	background-color: #01677d;
	color: #ffffff;
	font-weight: 700;
	font-size: 13.5px;
	padding: 10px 18px;
	border-radius: 8px;
	border: none;
	box-shadow: 0 2px 4px rgba(0,0,0,0.1);
	transition: background-color 0.2s ease;
}
:is(.modal-credits-epuises__div-2, #_#_#_) {
	font-size: 13.5px;
	color: #1e293b;
	text-align: right;
	line-height: 1.45;
}
:is(.modal-credits-epuises__div-3, #_#_#_) {
	font-weight: 700;
	color: #000000;
}
:is(.modal-credits-epuises__div-4, #_#_#_) {
	margin-top: 6px;
}
:is(.modal-credits-epuises__button, #_#_#_) {
	background-color: #308796;
	color: #ffffff;
	font-weight: 700;
	font-size: 14px;
	padding: 5px 24px;
	border-radius: 20px;
	border: none;
}
:is(.modal-credits-epuises__modal-dialog, #_#_#_) {
	max-width: 540px !important;
}
:is(.modal-credits-epuises__modal-content, #_#_#_) {
	border-radius: 20px !important;
	border: none !important;
	box-shadow: 0 15px 35px rgba(0,0,0,0.2) !important;
	padding: 22px 26px !important;
	background: #ffffff !important;
	position: relative !important;
}
