/*
 * CSBA — Charte graphique CSA pour Paid Memberships Pro (3.1+)
 * Couleurs charte CentraleSupélec Alumni :
 *   Bordeaux  #99143F  (Pantone 7426 C)
 *   Mauve     #8A7A97  (Pantone 5145 C)
 *   Noir      #000000  (Pantone N100)
 *
 * NB Police : la charte imprimée impose Calibri ; sur le web on utilise
 * Lato (visuellement proche) SI elle est hébergée en local (RGPD :
 * pas de Google Fonts distant). À défaut, pile système propre.
 *
 * NB Sélecteurs : générations PMPro 3.1+ (.pmpro_card, .pmpro_btn,
 * pmpro_form_*). À VÉRIFIER dans l'inspecteur sur le staging (v3.8.1)
 * — tâche Notion dédiée.
 */

:root {
	--csba-bordeaux: #99143F;
	--csba-bordeaux-dark: #7d1034;
	--csba-mauve: #8A7A97;
	--csba-font: "Lato", Calibri, "Segoe UI", -apple-system, sans-serif;
}

/* ---- Typographie de base des écrans PMPro ---- */
.pmpro_card,
.pmpro_form,
#pmpro_account,
.pmpro_checkout {
	font-family: var(--csba-font);
}

/* ---- Cartes : filet bordeaux en tête (écho de la tête de lettre CSA) ---- */
.pmpro_card {
	border-top: 3px solid var(--csba-bordeaux);
	border-radius: 6px;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
}

.pmpro_card_title,
.pmpro_font-large {
	color: var(--csba-bordeaux);
}

/* ---- Boutons ---- */
.pmpro_btn,
.pmpro_form input[type="submit"],
#pmpro_btn-submit {
	background-color: var(--csba-bordeaux);
	border-color: var(--csba-bordeaux);
	color: #ffffff;
	font-family: var(--csba-font);
	transition: background-color 0.15s ease;
}

.pmpro_btn:hover,
.pmpro_form input[type="submit"]:hover,
#pmpro_btn-submit:hover {
	background-color: var(--csba-bordeaux-dark);
	border-color: var(--csba-bordeaux-dark);
	color: #ffffff;
}

/* Bouton secondaire / lien-bouton */
.pmpro_btn-select,
.pmpro_btn-cancel {
	color: var(--csba-bordeaux);
	border-color: var(--csba-bordeaux);
}

/* ---- Liens dans les écrans PMPro ---- */
.pmpro_card a:not(.pmpro_btn),
#pmpro_account a:not(.pmpro_btn) {
	color: var(--csba-bordeaux);
}

.pmpro_card a:not(.pmpro_btn):hover,
#pmpro_account a:not(.pmpro_btn):hover {
	color: var(--csba-bordeaux-dark);
}

/* ---- Champs de formulaire : focus mauve ---- */
.pmpro_form_input:focus,
.pmpro_form input[type="text"]:focus,
.pmpro_form input[type="email"]:focus,
.pmpro_form input[type="password"]:focus,
.pmpro_form select:focus,
.pmpro_form textarea:focus {
	border-color: var(--csba-mauve);
	box-shadow: 0 0 0 2px rgba(138, 122, 151, 0.35);
	outline: none;
}

/* ---- Case d'opt-in renouvellement auto (add-on officiel) ---- */
#pmpro_autorenewal_checkbox {
	background: #faf6f8;
	border: 1px solid var(--csba-mauve);
	border-radius: 6px;
	padding: 0.75em 1em;
}

#pmpro_autorenewal_checkbox input[type="checkbox"] {
	accent-color: var(--csba-bordeaux);
}

/* ---- Messages / alertes ---- */
.pmpro_message.pmpro_error {
	border-left: 4px solid var(--csba-bordeaux);
}