/* =============================================================================
 *  Complément CSS — bloc « Transfert de crédits » (formulaire Transfer Plus).
 *  Neutralise la carte blanche de Transfer Plus pour fondre le formulaire dans
 *  la section, en respectant le Dark Mode — exactement comme le formulaire de
 *  coupons. Les champs sont des .form-control (comme les coupons) : une fois la
 *  carte blanche retirée, ils retombent sur le style du thème (mode-aware).
 *  Chargé uniquement sur la page Achats par buycred-restructure.php.
 * ========================================================================== */

/* 1) On retire la « carte » blanche de Transfer Plus : fond, bordure, ombre. */
.beeteam368-mycred-transfer .mycred-transfer-cred-wrapper,
.beeteam368-mycred-transfer form.mycred-transfer {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}

/* 2) Espacements façon formulaire de coupons. */
.beeteam368-mycred-transfer .form-group {
	margin-bottom: 25px;
}
.beeteam368-mycred-transfer .row:last-child .form-group {
	margin-bottom: 0;
}

/* 3) Labels alignés sur le thème (lisibles en clair comme en sombre). */
.beeteam368-mycred-transfer form.mycred-transfer label {
	display: block;
	margin-bottom: 10px;
	color: var(--color__text-heading);
	font-family: var(--font__heading);
	font-weight: var(--font__heading-weight);
	letter-spacing: var(--font__heading-letter-spacing);
	text-transform: var(--font__heading-text-transform);
	font-size: var(--font__h5-font-size-rem);
}

/* 4) Champs : transparents et mode-aware, comme ceux des coupons. */
.beeteam368-mycred-transfer .form-control {
	width: 100%;
	background-color: transparent;
	color: inherit;
	border: 1px solid var(--color__hr-background);
}
.beeteam368-mycred-transfer .form-control::placeholder {
	color: inherit;
	opacity: .5;
}

/* 5) Bouton : largeur auto comme celui des coupons (rouge déjà géré par le thème). */
.beeteam368-mycred-transfer .mycred-submit-transfer {
	width: auto;
	display: inline-block;
	margin-top: 5px;
}

/* 6) Messages (fonds insuffisants / limite atteinte). */
.beeteam368-mycred-transfer .mycred-transfer-cred-wrapper p.mycred-transfer-low,
.beeteam368-mycred-transfer .mycred-transfer-cred-wrapper p.mycred-transfer-over {
	color: var(--color__main);
	margin-bottom: 15px;
}

/* 7) Liste d'autocomplétion du destinataire. */
.beeteam368-mycred-transfer ul.ui-autocomplete {
	max-height: 220px;
	overflow-y: auto;
}

@media (max-width: 767px) {
	.beeteam368-mycred-transfer .mycred-submit-transfer {
		width: 100%;
		display: block;
	}
}