.theme--light .event {
    border-radius:10pt;
}
.theme--dark .event {
    border-radius:10pt;
}

/* --- Changer la taille des cartes event --- */
#events .event {
  max-width: 300px !important;
}

/* === CARTES D'ÉVÉNEMENTS EN VERT === */
.v-card,
div[class*="card"],
.event-card {
  background-color: #234340 !important;
  border-radius: 8px;
}

/* === FOOTER / MENU BAS === */
.v-footer,
.v-bottom-navigation,
footer {
  background-color: #234340 !important;
}

.v-footer a,
.v-footer span,
footer a {
  color: #ffffff !important;
}

/* === OMBRES ET EFFETS === */
.v-card {
  box-shadow: 0 4px 12px rgba(35, 67, 64, 0.3) !important;
}

.v-card:hover {
  box-shadow: 0 6px 16px rgba(35, 67, 64, 0.4) !important;
  transform: translateY(-2px);
  transition: all 0.3s ease;
}

.v-card a:hover {
  opacity: 0.8;
}

/* Fond du calendrier en vert */
.vc-pane-layout,
.vc-container,
.vc-weeks,
.vc-pane,
div[class*="calendar"],
.v-date-picker-table {
  background-color: #234340 !important;
}
/* --- Applique un background blanc à la section ou il y'a les cartes --- */
#app  {
    background: #ffffff;
    color: #000;
}
/* --- Applique un background blanc à la section ou il y'a les cartes par contre au page des event l'inverse--- */
#app > div > nav, .v-application .text-body-2 {
    color: white;

}

/* --- Sur ordinateur appliquer un padding à la description du site --- */
@media (min-width: 768px) {
#app > div > nav > h1 > div, .v-application .text-body-1, .v-application .text-body-2 {
    margin-left: 100px;
    margin-right: 100px;
}
}

/* --- Pour cacher le bouton about --- */
#app > div > nav > div.d-flex.pa-4 > div.d-flex > a {
  display: none;
}

/* --- Pour cacher le bouton dark or light mode --- */
#app > div > nav > div.d-flex.pa-4 > div.d-flex > button:nth-child(2) {
  display:none;
}

/* --- Cible globale pour forcer la scrollbar sur Gancio --- */

/* 1. Pour Chrome, Safari, Edge et Opera */
html::-webkit-scrollbar,
body::-webkit-scrollbar,
.v-application::-webkit-scrollbar,
.v-application--wrap::-webkit-scrollbar {
  width: 12px !important;
  height: 12px !important;
  display: block !important;
}

html::-webkit-scrollbar-track,
body::-webkit-scrollbar-track,
.v-application::-webkit-scrollbar-track {
  background: #f1f1f1 !important;
  border-radius: 10px !important;
}

html::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb,
.v-application::-webkit-scrollbar-thumb {
  background-color: #234340 !important; /* Votre vert JEM */
  border-radius: 10px !important;
  border: 3px solid #f1f1f1 !important; /* Espace pour l'effet "flottant" */
}

html::-webkit-scrollbar-thumb:hover,
body::-webkit-scrollbar-thumb:hover {
  background-color: #1b3331 !important;
}

/* 2. Pour Firefox (Standard) */
html, 
body, 
.v-application {
  scrollbar-width: thin !important;
  scrollbar-color: #234340 #f1f1f1 !important;
}

/* 3. Correction spécifique pour le mode sombre/clair de Gancio */
.theme--light::-webkit-scrollbar-track {
  background: #ffffff !important;
}

.theme--light::-webkit-scrollbar-thumb {
  border: 3px solid #ffffff !important;
}


/* Effacer la marque et version de Gancio à droite */

#app > div > footer > a:nth-child(5) {
  display: none;
}
/* Enlever le spacer */

#app > div > footer > div.spacer, .grow, .spacer {
  display: none;
}

/* Centrer le reste du contenu sur le pied de page */

#app > div > footer, .v-sheet.v-footer:not(.v-sheet--outlined) {
  display: flex;
  justify-content: center;
}

/* --- Couleurs des étiquettes (Tags) --- */

/* "Formation à la relation d'aide" -> Violet */
a[href*="formation-a-la-relation-d'aide"] .v-chip {
    background-color: #8e44ad !important;
    color: white !important;
}

/* "Ecole d'agriculture" -> Vert Nature */
a[href*="ecole-agriculture"] .v-chip {
    background-color: #27ae60 !important;
    color: white !important;
}

/* "Camp Père fils" -> Orange Chaleureux */
a[href*="camp-père-fils"] .v-chip {
    background-color: #e67e22 !important;
    color: white !important;
}

/* "EFD" -> Bleu */
a[href*="efd"] .v-chip {
    background-color: #ffd74b !important;
    color: white !important;
}