/**
 * BOUTON BURGER - Style amélioré
 */

/* Bouton burger plus gros et visible */
.mobile-menu-toggle {
  display: none !important;
}

@media (max-width: 991px) {
  .mobile-menu-toggle {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 6px !important;
    width: 52px !important;
    height: 52px !important;
    padding: 10px !important;
    background: #8b7355 !important;
    border: none !important;
    border-radius: 8px !important;
    cursor: pointer !important;
    box-shadow: 0 2px 8px rgba(139, 115, 85, 0.3) !important;
    transition: all 0.2s ease !important;
  }

  .mobile-menu-toggle:hover,
  .mobile-menu-toggle:focus {
    background: #7a6548 !important;
    transform: scale(1.05) !important;
    box-shadow: 0 4px 12px rgba(139, 115, 85, 0.4) !important;
  }

  .mobile-menu-toggle:active {
    transform: scale(0.98) !important;
  }

  /* Lignes du burger plus épaisses */
  .burger-line {
    display: block !important;
    width: 26px !important;
    height: 3px !important;
    background: #ffffff !important;
    border-radius: 2px !important;
    transition: all 0.3s ease !important;
  }

  /* Animation quand actif */
  .mobile-menu-toggle.active {
    background: #333 !important;
  }

  .mobile-menu-toggle.active .burger-line:nth-child(1) {
    transform: rotate(45deg) translate(6px, 6px) !important;
  }

  .mobile-menu-toggle.active .burger-line:nth-child(2) {
    opacity: 0 !important;
    transform: scaleX(0) !important;
  }

  .mobile-menu-toggle.active .burger-line:nth-child(3) {
    transform: rotate(-45deg) translate(6px, -6px) !important;
  }
}

/* Encore plus gros sur petits écrans */
@media (max-width: 480px) {
  .mobile-menu-toggle {
    width: 56px !important;
    height: 56px !important;
  }

  .burger-line {
    width: 28px !important;
    height: 4px !important;
  }
}