/* -----------------------------------------------------------
   FILE: colors.css
   ROLE: Variables CSS, Couleurs de fond, Texte, Bordures, États :hover
   PROJECT: Paysans en Vacances
   ----------------------------------------------------------- */

:root {
  /* --- PALETTE "TERRE & NATURE" --- */
  /* Tons principaux : Chaleureux, organiques, rassurants */
  --pev-terre-fonce: #5D4037;       /* Marron terreux (Texte fort, Footer) */
  --pev-terre-clair: #8D6E63;       /* Terre cuite (Primaire, Boutons) */
  --pev-vert-feuille: #558B2F;      /* Vert naturel (Secondaire, Succès) */
  --pev-vert-clair: #DCEDC8;        /* Vert pâle (Fonds de section, Hover vert) */
  --pev-creme: #F9F7F2;             /* Blanc cassé / Papier (Fonds de page) */
  --pev-blanc: #FFFFFF;             /* Blanc pur (Cartes, Conteneurs) */
  --pev-gris-texte: #3B3B3B;        /* Gris anthracite doux (Texte courant) */
  --pev-gris-leger: #E0E0E0;        /* Gris clair (Bordures) */
  --pev-bleu-eau: #0277BD;          /* Touche d'eau (Liens, Infos) - optionnel */

  /* --- MAPPING BOOTSTRAP 5 --- */
  /* On écrase les variables BS pour appliquer notre charte partout automatiquement */
  
  /* Couleurs primaires (Action principale : Réserver, Échanger) */
  --bs-primary: var(--pev-terre-clair);
  --bs-primary-rgb: 141, 110, 99;
  
  /* Couleurs secondaires (Action secondaire : Contact, Info) */
  --bs-secondary: var(--pev-vert-feuille);
  --bs-secondary-rgb: 85, 139, 47;

  /* Couleurs de fond et texte globales */
  --bs-body-bg: var(--pev-creme);
  --bs-body-color: var(--pev-gris-texte);
  
  /* Liens */
  --bs-link-color: var(--pev-vert-feuille);
  --bs-link-hover-color: var(--pev-terre-fonce);

  /* Composants spécifiques */
  --bs-border-color: var(--pev-gris-leger);
  --bs-card-bg: var(--pev-blanc);
  --bs-navbar-bg: var(--pev-blanc); /* Navbar blanche par défaut, on gérera le scroll dans menu-transition.css */
  --bs-footer-bg: var(--pev-terre-fonce);
  --bs-footer-color: var(--pev-blanc);
}


.btn-outline-primary {
    --bs-btn-color: #5D4037;
    --bs-btn-border-color: #5D4037;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #5D4037;
    --bs-btn-hover-border-color: #5D4037;
    --bs-btn-focus-shadow-rgb: 0, 140, 186;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #5D4037;
    --bs-btn-active-border-color: #5D4037;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #5D4037;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #5D4037;
    --bs-gradient: none;
}
.btn-outline-secondary {
    --bs-btn-color: #558B2F;
    --bs-btn-border-color: #558B2F;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #558B2F;
    --bs-btn-hover-border-color: #558B2F;
    --bs-btn-focus-shadow-rgb: 0, 140, 186;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #558B2F;
    --bs-btn-active-border-color: #558B2F;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #558B2F;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #558B2F;
    --bs-gradient: none;
}
.btn-outline-info {
    --bs-btn-color: #0277BD;
    --bs-btn-border-color: #0277BD;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #0277BD;
    --bs-btn-hover-border-color: #0277BD;
    --bs-btn-focus-shadow-rgb: 0, 140, 186;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0277BD;
    --bs-btn-active-border-color: #0277BD;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #0277BD;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #0277BD;
    --bs-gradient: none;
}

/* -----------------------------------------------------------
   APPLICATION GLOBALE & RESET DOUX
   ----------------------------------------------------------- */

body {
  background-color: var(--bs-body-bg);
  color: var(--bs-body-color);
  /* Transition douce pour le menu (sera complétée par menu-transition.css) */
  transition: background-color 0.3s ease; 
}
.bg-primary{
    --bs-bg-opacity: 1;
    background-color: var(--bs-navbar-bg) !important;
}

/* -----------------------------------------------------------
   LIENS & TYPOGRAPHIE COLORÉE
   ----------------------------------------------------------- */

a,
.link {
  color: var(--bs-link-color);
  text-decoration: none; /* Bootstrap gère underline au hover si besoin */
}

a:hover,
a:focus,
.link:hover,
.link:focus {
  color: var(--bs-link-hover-color);
  text-decoration: underline;
}

a:active,
.link:active {
  color: var(--pev-terre-fonce); 
}

/* -----------------------------------------------------------
   COMPOSANTS BOOTSTRAP SURCHARGÉS
   ----------------------------------------------------------- */

/* Boutons Primaires (Action principale) */
.btn-primary {
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
  color: #fff; /* Texte blanc sur fond terre */
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background-color: var(--pev-terre-fonce); /* Foncer au hover */
  border-color: var(--pev-terre-fonce);
  color: #fff;
}

/* Boutons Secondaires (Action verte) */
.btn-secondary {
  background-color: var(--bs-secondary);
  border-color: var(--bs-secondary);
  color: #fff;
}

.btn-secondary:hover,
.btn-secondary:focus {
  background-color: #33691E; /* Vert plus foncé */
  border-color: #33691E;
  color: #fff;
}

/* Navigation (Navbar) */
/* Note: La taille et l'effet de scroll sont dans menu-transition.css */
.navbar {
  background-color: var(--bs-navbar-bg);
}

.nav-link {
  color: var(--pev-gris-texte);
  font-weight: 500;
}

.nav-link:hover,
.nav-link:focus,
.nav-link.active {
  color: var(--bs-primary);
}

/* Menu déroulant (Dropdown) */
.dropdown-item.active,
.dropdown-item:active {
  background-color: var(--bs-primary);
  color: #fff;
}

/* Pagination */
.page-item.active .page-link {
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
}

.page-link {
  color: var(--bs-link-color);
}

.page-link:hover {
  color: var(--bs-link-hover-color);
  border-color: var(--pev-gris-leger);
}

/* -----------------------------------------------------------
   RÉGIONS DRUPAL & LAYOUT SPÉCIFIQUE
   ----------------------------------------------------------- */

#main-wrapper,
#page {
  background-color: var(--pev-blanc);
}

.sidebar .block {
    border-width: 0;
    padding: 0;
    margin: 20px 0 0;
}

/* Sidebar / Blocs latéraux */
/*.sidebar .block,
.region-sidebar .block {
  background-color: var(--pev-creme); 
  border: 1px solid var(--bs-border-color);
  border-radius: 0.5rem; 
}*/

/* Footer */
.site-footer,
footer {
  background-color: var(--bs-footer-bg);
  color: var(--bs-footer-color);
}

.site-footer a,
footer a {
  color: var(--pev-vert-clair);
  text-decoration: none;
}

.site-footer a:hover,
footer a:hover {
  color: #fff;
  text-decoration: underline;
}

.site-footer p,
footer p {
  color: var(--pev-blanc);
  text-decoration: none;
}

/* Tabs (Onglets Drupal - Field Groups) */
.tabs ul.primary li a {
  color: var(--pev-gris-texte);
  background-color: #f1f1f1;
  border-color: var(--bs-border-color);
}

.tabs ul.primary li a.is-active,
.tabs ul.primary li.is-active a {
  background-color: var(--pev-blanc);
  color: var(--bs-primary);
  border-bottom-color: var(--pev-blanc);
  font-weight: bold;
}

/* -----------------------------------------------------------
   ÉTATS SPÉCIFIQUES (Ancien code nettoyé)
   ----------------------------------------------------------- */

/* Suppression des IDs fixes (#navbar-top) au profit de classes sémantiques 
   si nécessaire, ou gestion via menu-transition.css pour le header */

/* ===========================================================
   11. COMPOSANTS D'INSCRIPTION & BIENVENUE
   Ajout pour les formulaires Multiple Registration
   =========================================================== */

/* --- ALERTES SPÉCIFIQUES (AGRI & VOLONTAIRE) --- */

/* Style pour l'inscription Agriculteur (Fond Vert Clair) */
.alert-pev-agri {
  background-color: var(--pev-vert-clair) !important;
  border-top: 4px solid var(--pev-vert-feuille) !important;
  border-left: 4px solid var(--pev-vert-feuille) !important;
  border-right: 4px solid var(--pev-vert-feuille) !important;
  border-bottom: 4px solid var(--pev-vert-feuille) !important;
  border-radius: 8px;
  color: var(--pev-gris-texte);
  box-shadow: 0 4px 12px rgba(0,0,0,0.05);
}

.alert-pev-agri .alert-heading {
  color: var(--pev-terre-fonce) !important;
  font-weight: 700;
}

/* Style pour l'inscription Volontaire (Fond Bleu Eau - à définir si besoin, ou utiliser un autre vert) */
/* Si tu n'as pas de bleu défini, on peut utiliser un vert plus clair ou gris. 
   Supposons que tu aies ajouté --pev-bleu-eau dans colors.css, sinon on utilise le vert clair aussi. */
.alert-pev-volontaire {
  background-color: #e3f2fd !important; /* Bleu très clair type "ciel" */
  border-top: 4px solid var(--pev-bleu-eau, #0277BD) !important;
  border-left: 4px solid var(--pev-bleu-eau, #0277BD) !important;
  border-right: 4px solid var(--pev-bleu-eau, #0277BD) !important;
  border-bottom: 4px solid var(--pev-bleu-eau, #0277BD) !important;
  border-radius: 8px;
  color: var(--pev-gris-texte);
  box-shadow: 0 4px 12px rgba(0,0,0,0.05);
}

.alert-pev-volontaire .alert-heading {
  color: var(--pev-terre-fonce) !important;
  font-weight: 700;
}

/* --- ENCARTS INTERNES (Fond Blanc dans l'alerte) --- */
.pev-info-box {
  background-color: var(--pev-blanc);
  border: 1px solid rgba(0,0,0,0.05);
  border-radius: 8px;
  padding: 1rem;
  margin-bottom: 1rem;
}

.pev-info-box-title {
  color: var(--pev-terre-fonce);
  font-weight: 700;
  font-size: 0.9rem;
  margin-bottom: 0.5rem;
  display: block;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.pev-info-box ul {
  margin-bottom: 0;
  padding-left: 1.2rem;
  color: var(--pev-gris-texte);
  font-size: 0.9rem;
}

/* --- CITATIONS DE FIN (Footer des pages Bienvenue) --- */
.pev-quote-box {
  background-color: var(--pev-creme);
  border-radius: 12px;
  padding: 2rem 1rem;
  margin-top: 3rem;
  text-align: center;
  border: 1px solid var(--pev-gris-leger);
}

.pev-quote-text {
  color: var(--pev-terre-clair);
  font-style: italic;
  font-size: 1.1rem;
  font-weight: 500;
  margin-bottom: 0;
}

/* --- BADGES D'ÉTAPES (Pour les cartes étapes) --- */
.badge-pev-step-agri {
  background-color: var(--pev-terre-clair) !important;
  color: #fff;
  font-size: 0.9rem;
  padding: 0.5em 0.8em;
}

.badge-pev-step-volontaire {
  background-color: var(--pev-vert-feuille) !important;
  color: #fff;
  font-size: 0.9rem;
  padding: 0.5em 0.8em;
}

.badge-pev-step-map {
  background-color: var(--pev-bleu-eau, #0277BD) !important;
  color: #fff;
  font-size: 0.9rem;
  padding: 0.5em 0.8em;
}

.badge-pev-step-msg {
  background-color: var(--pev-gris-texte) !important;
  color: #fff;
  font-size: 0.9rem;
  padding: 0.5em 0.8em;
}