/* ==========================================================================
   CFDT Covoiturage — harmonisation des couleurs du plugin Covoiturage CFDT
   avec la charte graphique du thème.

   Ce fichier est chargé APRÈS assets/css/public.css du plugin (priorité 20
   sur wp_enqueue_scripts, contre 10 pour le plugin) : il redéfinit les
   variables CSS --covoit-* déclarées par le plugin sur :root, sans jamais
   modifier les fichiers du plugin lui-même.
   ========================================================================== */

:root {
	/* Identité CFDT officielle (PANTONE 166C) au lieu de l'orange par défaut du plugin */
	--covoit-orange:       #E7591C;
	--covoit-orange-dark:  #C24818;
	--covoit-orange-light: #FBD6B9;

	/* Neutres, alignés sur le thème */
	--covoit-text:         #2C2C2B;
	--covoit-text-muted:   #555554;
	--covoit-border:       #E4DFDA;
	--covoit-bg:           #F4F1EE;
	--covoit-white:        #FFFFFF;

	/* États, dérivés des couleurs d'accompagnement CFDT (vert 375C, bleu 2718C, ambre 143C) */
	--covoit-success:      #4C7A1F;
	--covoit-success-bg:   #EEF6DE;
	--covoit-info:         #33517F;
	--covoit-info-bg:      #E9EDF6;
	--covoit-warning:      #7A5200;
	--covoit-warning-bg:   #FDF1DC;

	--covoit-radius:       10px;
	--covoit-radius-lg:    var(--cfdt-radius-lg, 16px);
	--covoit-focus:        0 0 0 3px rgba(231, 89, 28, 0.35);
}

/* Quelques couleurs restent codées en dur dans le plugin (bordures des
   encarts, badge "conducteur") : on les réaligne explicitement ici. */

.covoit-notice-success { border-color: #C9E0A0; }
.covoit-notice-info    { border-color: #B9C6DE; }
.covoit-notice-warning { border-color: #F2D48E; }

.covoit-role-conducteur {
	background: var(--covoit-info-bg);
	color: var(--covoit-info);
}

/* Le thème utilise déjà une police système cohérente : on aligne le plugin. */
.covoit-app {
	font-family: var(--cfdt-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif);
}

/* Petit supplément "joyeux" sur les cartes de sélection (type de trajet,
   rôle conducteur/passager) pour varier les couleurs d'accompagnement
   sans jamais utiliser les tons exclus de la charte. */
.covoit-type-card.covoit-type-active,
.covoit-role-selector .covoit-type-card.covoit-type-active {
	border-color: var(--covoit-orange);
	background: var(--covoit-orange-light);
}