/* -----------------------------------------------------------
   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-bleu-eau);
  --bs-link-hover-color: var(--pev-vert-feuille);

  /* 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);
}

/* -----------------------------------------------------------
   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 / Blocs latéraux */
.sidebar .block,
.region-sidebar .block {
  background-color: var(--pev-creme); /* Légèrement teinté */
  border: 1px solid var(--bs-border-color);
  border-radius: 0.5rem; /* Arrondi doux Bootstrap */
}

/* 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;
}

/* 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 */