:root {
  /* Charter graphique (inchangée) */
  --color1-dark: #1A4A2E;
  --color1-accent: #4A9B6A;
  --color1-light: #A8D5B9;
  --color2-dark: #A0522D;
  --color2: #D2691E;
  --color2-light: #F4A460;
  --headings: #1A4A2E;
  --content-primary: #333333;
  --content-secondary: #666666;
  --main-bg: #F8F6F3;
  --content-boxes-bg: #F5F2E9;
  --dividers: #2D501621;
  --white: #FFFFFF;

  /* Spacings */
  --spacing-xs: 0.5rem;
  --spacing-sm: 1rem;
  --spacing-md: 1.5rem;
  --spacing-lg: 2rem;
  --spacing-xl: 3rem;

  /* Bordures et Ombres - Simplifiées pour un look plus moderne */
  --border-radius-sm: 0.5rem;
  --border-radius: 1rem;
  --border-radius-lg: 1.5rem;
  /* Ombres beaucoup plus légères */
  --shadow-sm: 0 1px 3px rgba(0,0,0,0.05);
  --shadow-hover: 0 4px 12px rgba(0,0,0,0.08);
}

/* Le conteneur principal est maintenant transparent, sans bordure */
.messes-container {
  max-width: 1000px;
  margin: 0 auto;
  padding: var(--spacing-sm);
  background: transparent; 
  box-shadow: none;
}

.messes-week {
  background: var(--white);
  /* Suppression de la bordure autour de chaque semaine */
  border: none; 
  border-radius: var(--border-radius);
  margin-bottom: var(--spacing-md); /* Espacement un peu plus grand entre semaines */
  overflow: hidden;
  /* Ajout d'une ombre très légère pour détacher la semaine du fond */
  box-shadow: var(--shadow-sm);
  transition: box-shadow 0.3s ease;
}

/* Au survol de la semaine globale, seule l'ombre change légèrement */
.messes-week:hover {
  box-shadow: var(--shadow-hover);
  transform: none; /* Suppression du déplacement vers le haut */
}

.messes-week-title {
  /* Remplacement du dégradé par une couleur unie, plus moderne */
  background: var(--color1-dark); 
  color: var(--white);
  padding: var(--spacing-md) var(--spacing-lg);
  margin: 0;
  font-size: 1.125rem;
  font-weight: 600;
  cursor: pointer;
  position: relative;
  user-select: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: background-color 0.3s ease;
}

.messes-week-title:hover {
  /* Changement de couleur subtil au survol, sans mouvement */
  background-color: #123521; /* Un peu plus foncé que color1-dark */
  transform: none; /* Suppression de l'animation translateX */
}

.messes-week-title::after {
  content: '▼';
  transition: transform 0.3s ease;
  font-size: 0.875rem;
}

.messes-week.collapsed .messes-week-title::after {
  transform: rotate(-90deg);
}

.messes-week-subtitle {
  background: var(--color1-light);
  color: var(--color1-dark);
  padding: var(--spacing-sm) var(--spacing-lg);
  margin: 0;
  font-size: 0.875rem;
  font-weight: 600;
  opacity: 0.9;
}

.messes-days {
  padding: var(--spacing-md);
  background: var(--white);
}

.messes-day {
  border-bottom: 1px solid var(--dividers);
  padding: var(--spacing-md) 0;
}

.messes-day:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

/* En-têtes de jour simplifiés (SAMEDI 3) */
.messes-day-header {
  background: transparent;
  color: var(--color1-dark);
  padding: var(--spacing-xs) 0;
  font-weight: 700;
  font-size: 1.1rem;
  /* Suppression de la grosse bordure gauche et de l'ombre */
  border-left: none;
  box-shadow: none;
  margin-bottom: var(--spacing-sm);
  text-transform: uppercase;
  letter-spacing: 0.025em;
}

.messes-day-content {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
}

/* Les items de messe (lignes horaires) */
.messes-item {
  display: grid;
  grid-template-columns: 70px 1fr; /* Colonne heure réduite */
  gap: var(--spacing-md);
  padding: var(--spacing-sm) var(--spacing-md);
  background: var(--main-bg); /* Retour au fond beige clair */
  border-radius: var(--border-radius-sm);
  /* Transition douce uniquement sur la couleur de fond */
  transition: background-color 0.2s ease;
  border: none;
  align-items: center; /* Centrage vertical */
}

/* Survol très subtil de l'élément */
.messes-item:hover {
  /* Juste un léger assombrissement du fond, pas de mouvement ni d'ombre portée */
  background-color: #EDE4D9; 
  transform: none;
  box-shadow: none;
}

/* Style de l'heure simplifié : plus de boîte, juste le texte */
.messes-time {
  font-weight: 700;
  color: var(--color1-accent);
  font-size: 1.1rem;
  text-align: right; /* Alignement à droite pour coller au contenu */
  background: transparent;
  padding: 0;
  border-radius: 0;
  border: none;
  box-shadow: none;
}

.messes-location {
  color: var(--content-primary);
  font-weight: 600;
  font-size: 1rem;
}

.messes-notes {
  grid-column: 2 / -1; /* S'aligne maintenant sous le lieu, pas sous l'heure */
  color: var(--content-secondary);
  font-size: 0.85rem;
  font-style: italic;
  padding: 0;
  /* Suppression du style "boîte" pour les notes */
  background: transparent;
  border-radius: 0;
  border-left: none;
  margin-top: -0.25rem; /* Remonte légèrement pour coller au lieu */
}

/* Responsive */
@media (max-width: 600px) {
  .messes-container {
    padding: 0;
  }
  .messes-week-title {
    font-size: 1rem;
    padding: var(--spacing-sm);
  }
  .messes-item {
    grid-template-columns: 60px 1fr;
    gap: var(--spacing-sm);
    padding: var(--spacing-sm);
  }
  .messes-time {
    font-size: 1rem;
    text-align: left;
  }
  .messes-notes {
     grid-column: 1 / -1;
     margin-top: var(--spacing-xs);
  }
}