/*
Theme Name: Mandela
Version: 1.0
Requires at least: 6.8.1
Requires PHP: 8.4
Description: Thème fait maison pour Les Amis de Mandela
Author: Yves Rigaud - NovaWebCity
Author URI: https://novawebcity.fr/
*/

/* Menu hamburger */
.hamburger-icon {
  position: absolute;
  width: 24px;
  height: 18px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.hamburger-line {
  width: 100%;
  height: 2px;
  background-color: currentColor;
  transition: all 0.3s ease-in-out;
  transform-origin: center;
}

/* Animation vers croix quand le menu est ouvert */
#mobile-menu-button.menu-open .hamburger-icon {
  justify-content: center;
}

#mobile-menu-button.menu-open .hamburger-line:nth-child(1) {
  transform: rotate(45deg) translateY(0px);
  position: absolute;
}

#mobile-menu-button.menu-open .hamburger-line:nth-child(2) {
  opacity: 0;
}

#mobile-menu-button.menu-open .hamburger-line:nth-child(3) {
  transform: rotate(-45deg) translateY(0px);
  position: absolute;
}

/* Message de connexion pour les commentaires */
.must-log-in {
  font-family: 'Roboto', sans-serif;
}

/* Remonter les dots du carousel pour qu'ils soient visibles dans la section */
#accueil {
  position: relative !important;
}

#accueil .carousel-slider {
  position: relative !important;
  height: 100% !important;
}

#accueil .owl-dots {
  position: absolute !important;
  bottom: 20px !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  margin-top: 0 !important;
  z-index: 10 !important;
}

/* Optionnel : Ajuster la couleur des dots pour mieux les voir */
#accueil .owl-dot span {
  background-color: rgba(255, 255, 255, 0.5) !important;
}

#accueil .owl-dot.active span {
  background-color: #fff !important;
}