/**
 * @file
 * Colors definition for AP Événements - Thème Festif & Nature
 * Base: Bootswatch Solar
 */

:root {
  /* --- Palette Accueil Paysan --- */
  --ap-green-primary: #3a8f3a;       /* Vert nature principal */
  --ap-green-light: #caf6b2;         /* Vert clair festif */
  --ap-dark: #0e3938;                /* Vert très foncé (texte/titres) */
  
  /* --- Ajustements pour le thème Solar (Fond sombre) --- */
  --ap-accent-festive: #ffca2c;      /* Jaune soleil pour les appels à l'action */
  --ap-text-on-dark: #f8f9fa;        /* Blanc cassé pour lisibilité */
  
  /* --- Overrides Bootstrap Solar --- */
  --bs-primary: var(--ap-green-primary);
  --bs-secondary: var(--ap-dark);
  --bs-success: var(--ap-green-light);
  --bs-body-bg: #222222; /* Légèrement plus clair que le noir pur de Solar pour la chaleur */
  --bs-body-color: var(--ap-text-on-dark);
  
  /* --- Couleurs spécifiques composants --- */
  --ap-card-bg: #2f2f2f;
  --ap-card-border: var(--ap-green-primary);
  --ap-badge-bg: var(--ap-green-light);
  --ap-badge-text: var(--ap-dark);
}

/* Application des variables aux éléments globaux */
body {
  background-color: var(--bs-body-bg);
  color: var(--bs-body-color);
}

/* Liens */
a {
  color: var(--ap-green-primary);
  text-decoration: none;
  transition: color 0.3s ease;
}

a:hover {
  color: var(--ap-accent-festive);
  text-decoration: underline;
}

/* Titres */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  color: var(--ap-green-primary);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* --- MISE À JOUR COULEURS POUR LE CONTENU (FOND CLAIR) --- */

/* Titres dans le contenu principal : On utilise le vert très foncé pour un contraste maximal */
body #main h1, 
body #main h2, 
body #main h3, 
body #main h4, 
body #main h5, 
body #main h6,
/* Ou si tu veux l'appliquer globalement sauf dans le header */
:not(.navbar) h1, :not(.navbar) h2, :not(.navbar) h3 {
  color: var(--ap-dark); /* #0e3938 - Très lisible sur blanc */
  /* Optionnel : Un tout petit peu plus clair si c'est trop dur */
  /* color: #1a4a49; */
}

/* Liens dans le contenu : Vert primaire, mais survol plus foncé (pas jaune sur blanc) */
body #main a,
:not(.navbar) a {
  color: var(--ap-green-primary);
  font-weight: 500; /* Un peu de gras pour les liens */
}

/* Survol des liens dans le contenu : On fonce le vert ou on passe à un doré foncé */
body #main a:hover,
:not(.navbar) a:hover {
  color: #2a6a2a; /* Vert plus foncé que le primaire */
  /* OU SI TU VEUX ABSOLUMENT DU JAUNE : Utilise un doré foncé */
  /* color: #d4a017; */ 
  text-decoration: none;
}

/* Garde le jaune vif UNIQUEMENT pour la navbar (fond sombre) */
.navbar a:hover {
  color: var(--ap-accent-festive); /* #ffca2c - Parfait sur fond vert foncé */
}

/* ========== TYPOGRAPHIE & RELIEF TITRES ========== */

h1, h2 {
  /* Ombre portée subtile pour le relief */
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15);
  
  /* Optionnel : Un tout petit peu plus de graisse pour l'impact */
  font-weight: 800; 
  
  /* Optionnel : Un léger espacement des lettres pour aérer */
  letter-spacing: 0.5px;
  
  /* Transition douce si tu changes la couleur au survol */
  transition: color 0.3s ease, text-shadow 0.3s ease;
}

/* Effet supplémentaire au survol des titres (optionnel, pour le côté festif) */
h1:hover, h2:hover {
  text-shadow: 2px 2px 4px rgba(58, 143, 58, 0.4); /* Ombre verte légère */
  /* Ou changer légèrement la couleur */
  /* color: var(--ap-green-primary); */
}

/* Spécifique pour le H1 de la page d'accueil (si nécessaire) */
.page-header h1 {
  font-size: 2.5rem; /* Ajuste selon ton besoin */
  margin-bottom: 1.5rem;
}

/* Bordures et séparateurs festifs */
.border-ap {
  border-color: var(--ap-green-primary) !important;
}

.text-ap-primary {
  color: var(--ap-green-primary) !important;
}

.bg-ap-primary {
  background-color: var(--ap-green-primary) !important;
}

.bg-ap-dark {
  background-color: var(--ap-dark) !important;
}

/* Boutons personnalisés */
.btn-primary {
  background-color: var(--ap-green-primary);
  border-color: var(--ap-green-primary);
}

.btn-primary:hover {
  background-color: var(--ap-green-light);
  border-color: var(--ap-green-light);
  color: var(--ap-dark);
}


.btn-primary, .btn-ap-festive {
  color: var(--ap-accent-dark) !important;
  background-color: var(--ap-green-primary);
  border-color: var(--ap-green-primary);
  color: #fff;
  font-weight: 600;
  text-transform: uppercase;
  border-radius: 50px; /* Plus rond et convivial */
  padding: 0.6rem 1.5rem;
  transition: all 0.3s ease;
}

.btn-primary:hover, .btn-ap-festive:hover {
  background-color: var(--ap-green-light);
  border: 2px solid var(--ap-green-primary);
  color: var(--ap-dark);
  transform: translateY(-2px);
  box-shadow: 0 4px 15px rgba(202, 246, 178, 0.4);
}

.btn-ap-outline {
  background-color: transparent;
  border: 2px solid var(--ap-green-light);
  color: var(--ap-green-light);
  font-weight: 600;
  border-radius: 50px;
  padding: 0.5rem 1.4rem;
}

.btn-ap-outline:hover {
  background-color: var(--ap-green-light);
  color: var(--ap-dark);
}

/** added **/
.views-exposed-form summary {
  color: var(--ap-green-light);
}

.block-system-breadcrumb-block a,
.breadcrumb-item a {
  color: var(--ap-green-light);
}

/*
placeholder {
  color: var(--ap-green-light);
  opacity: 1; *//* Firefox *//*
}*/


.navbar-toggler {
  background-color: var(--ap-green-light);
}
.navbar-toggler:hover {
  background-color: var( --ap-accent-festive);
}