/* Uniformisation du header pour toutes les pages */

/* Assurer que le header a toujours la même apparence */
/* EXCEPTION: La page d'accueil conserve son header transparent pour la vidéo */
body:not(.home) .site-header {
  /* background-color: rgba(12, 56, 97, 0.89); */
  background-color: transparent !important;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
  padding: 20px 0;
}

/* Header transparent pour la page d'accueil uniquement */
.home .site-header {
  background-color: transparent !important;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
  padding: 20px 0;
}

/* Logo uniforme */
.school-logo-text {
  font-size: 1.75rem;
  font-weight: 100;
  margin: 0;
  position: relative;
  z-index: 20;
}

.school-logo-text strong {
  font-weight: 400;
}

.school-logo-text a {
  color: #fff;
  text-decoration: none;
  transition: opacity 0.3s ease;
}

.school-logo-text a:hover {
  opacity: 0.85;
}

/* Bouton "Horaires des Messes" uniforme */
.site-header__util .btn--orange {
  background-color: #ee964b;
  color: white;
  font-size: 0.88rem;
  font-weight: 300;
  padding: 7px 13px;
  border-radius: 4px;
  text-decoration: none;
  transition: all 0.3s ease;
  display: inline-block;
}

.site-header__util .btn--orange:hover {
  background: linear-gradient(#ee964b, #eb6c00);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(238, 150, 75, 0.3);
}

/* Assurer la cohérence sur toutes les pages SAUF la page d'accueil */
.single .site-header,
.actualites-page .site-header,
.horaires-page .site-header,
.page .site-header {
  background-color: rgba(12, 56, 97, 0.89);
}

/* Menu de navigation uniforme */
.site-header__menu {
  background-color: rgba(12, 56, 97, 0.89);
}

@media (min-width: 960px) {
  .site-header__menu {
    background-color: transparent;
  }
}

/* Icônes uniformes */
.site-header__search-trigger,
.site-header__menu-trigger {
  color: #fff;
  cursor: pointer;
  transition: opacity 0.3s ease;
}

.site-header__search-trigger:hover,
.site-header__menu-trigger:hover {
  opacity: 0.7;
}

/* Navigation principale uniforme */
.main-navigation ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.main-navigation a {
  color: #fff;
  text-decoration: none;
  transition: color 0.3s ease;
}

.main-navigation a:hover,
.main-navigation .current-menu-item a {
  color: #f4d35e;
}

/* Responsive - cohérence mobile */
@media (max-width: 960px) {
  /* Header avec fond bleu pour toutes les pages SAUF la page d'accueil */
  body:not(.home) .site-header {
    background-color: rgba(12, 56, 97, 0.95);
  }

  /* Header transparent pour la page d'accueil en mobile aussi */
  .home .site-header {
    background-color: transparent !important;
  }

  .school-logo-text {
    font-size: 1.5rem;
  }
}

@media (max-width: 530px) {
  .school-logo-text {
    font-size: 1.3rem;
  }

  /* S'assurer que le header reste transparent sur la page d'accueil */
  .home .site-header {
    background-color: transparent !important;
  }
}