/* ===================================
   HEADER DARK THEME OVERRIDE - CRÍTICO
   Grupo Águia Instituto de Educação
   =================================== */

/* Header Principal - FORÇA PRETA */
header,
header.header,
.header,
header[class*="header"] {
  background-color: #000000 !important;
  background: #000000 !important;
  background-image: none !important;
  border-bottom: 2px solid rgba(239, 180, 57, 0.3) !important;
  transition: all 0.3s ease !important;
  padding: 18px 0 !important;
  min-height: 80px !important;
}

header.fixed-header,
.header.fixed-header,
header.header.fixed-header {
  background-color: rgba(0, 0, 0, 0.98) !important;
  background: rgba(0, 0, 0, 0.98) !important;
  background-image: none !important;
  border-bottom: 2px solid #EFB439 !important;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.8) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  padding: 14px 0 !important;
  min-height: 75px !important;
}

/* Logo */
.logo img {
  filter: brightness(1.1) !important;
  max-height: 55px !important;
  transition: all 0.3s ease !important;
}

.header.fixed-header .logo img {
  max-height: 48px !important;
}

/* Menu Items */
.nav-menu {
  gap: 12px !important;
}

.nav-menu__item {
  margin: 0 !important;
}

.nav-menu__link {
  color: #ffffff !important;
  font-weight: 600 !important;
  padding: 10px 18px !important;
  border-radius: 8px !important;
  transition: all 0.3s ease !important;
  text-decoration: none !important;
}

.nav-menu__link:hover {
  background: #EFB439 !important;
  color: #000000 !important;
  transform: translateY(-2px) !important;
}

.nav-menu__item.activePage .nav-menu__link {
  color: #EFB439 !important;
}

/* Botões do Header */
.header-right .btn-main,
.header-right .btn {
  background: linear-gradient(135deg, #EFB439 0%, #d4a036 100%) !important;
  color: #000000 !important;
  border: none !important;
  box-shadow: 0 4px 15px rgba(239, 180, 57, 0.3) !important;
  font-weight: 700 !important;
  padding: 12px 28px !important;
  border-radius: 50px !important;
  transition: all 0.3s ease !important;
}

.header-right .btn-main:hover,
.header-right .btn:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 25px rgba(239, 180, 57, 0.5) !important;
  background: linear-gradient(135deg, #FFC859 0%, #EFB439 100%) !important;
}

/* Toggle Mobile Menu Button - ESCONDER NO DESKTOP */
.toggle-mobileMenu {
  background: #EFB439 !important;
  color: #000000 !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 12px !important;
  box-shadow: 0 4px 15px rgba(239, 180, 57, 0.3) !important;
  width: 48px !important;
  height: 48px !important;
  display: none !important; /* Escondido por padrão NO DESKTOP */
  align-items: center !important;
  justify-content: center !important;
}

.toggle-mobileMenu i {
  color: #000000 !important;
  font-size: 1.5rem !important;
}

/* Mostrar APENAS em telas mobile (menor que 992px) */
@media (max-width: 991px) {
  .toggle-mobileMenu {
    display: flex !important;
  }
  
  /* Garantir que menu desktop está escondido no mobile */
  .header-menu {
    display: none !important;
  }
}

/* Mobile Menu - ESCONDER TOTALMENTE NO DESKTOP */
.mobile-menu {
  background: linear-gradient(135deg, #000000 0%, #1a1a1a 100%) !important;
  border-left: 2px solid rgba(239, 180, 57, 0.3) !important;
  position: fixed !important;
  top: 0 !important;
  right: -100% !important;
  width: 320px !important;
  max-width: 85vw !important;
  height: 100vh !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  transition: right 0.35s ease !important;
  z-index: 9999 !important;
  display: none !important; /* Escondido no desktop */
  visibility: hidden !important;
  opacity: 0 !important;
  padding: 20px !important;
}

/* Mostrar APENAS em mobile */
@media (max-width: 991px) {
  .mobile-menu {
    display: block !important;
  }
  
  /* Estado ativo - menu aberto */
  .mobile-menu.active {
    right: 0 !important;
    visibility: visible !important;
    opacity: 1 !important;
    box-shadow: -5px 0 30px rgba(0, 0, 0, 0.8) !important;
  }
}

/* Garantir que no desktop nunca apareça mesmo se tiver classe active */
@media (min-width: 992px) {
  .mobile-menu,
  .mobile-menu.active {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
  }
}

.mobile-menu .close-button {
  background: #EFB439 !important;
  color: #000000 !important;
  border: none !important;
  width: 40px !important;
  height: 40px !important;
  border-radius: 50% !important;
  box-shadow: 0 4px 15px rgba(239, 180, 57, 0.3) !important;
}

.mobile-menu .mobile-menu__logo img {
  filter: brightness(1.1) !important;
}

.mobile-menu .nav-menu__link {
  color: #ffffff !important;
  border-bottom: 1px solid rgba(239, 180, 57, 0.1) !important;
  padding: 16px 0 !important;
  font-size: 1.1rem !important;
  font-weight: 600 !important;
}

.mobile-menu .nav-menu__link:hover {
  color: #EFB439 !important;
  padding-left: 12px !important;
  background: transparent !important;
}

.mobile-menu .nav-menu__item.activePage .nav-menu__link {
  color: #EFB439 !important;
}

.mobile-menu .btn-main {
  background: linear-gradient(135deg, #EFB439 0%, #d4a036 100%) !important;
  color: #000000 !important;
  border: none !important;
  width: 100% !important;
  margin-top: 20px !important;
  padding: 14px 24px !important;
  border-radius: 50px !important;
}

/* Side Overlay - Fecha menu ao clicar */
.side-overlay {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: rgba(0, 0, 0, 0.8) !important;
  backdrop-filter: blur(5px) !important;
  -webkit-backdrop-filter: blur(5px) !important;
  z-index: 9998 !important;
  visibility: hidden !important;
  opacity: 0 !important;
  transition: all 0.3s ease !important;
  display: none !important; /* Escondido no desktop */
  pointer-events: none !important;
}

/* Mostrar apenas em mobile */
@media (max-width: 991px) {
  .side-overlay {
    display: block !important;
  }
  
  /* Quando menu está ativo */
  .side-overlay.show {
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: all !important;
  }
}

/* Bloquear scroll do body quando menu está aberto */
body.scroll-hide-sm {
  overflow: hidden !important;
  height: 100vh !important;
  position: fixed !important;
  width: 100% !important;
}

/* Desktop - garantir que body sempre tenha scroll */
@media (min-width: 992px) {
  body.scroll-hide-sm {
    overflow: auto !important;
    height: auto !important;
    position: relative !important;
  }
}

/* Header Inner Container */
.header-inner {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

/* Responsive */
@media (max-width: 991px) {
  .header {
    padding: 12px 0 !important;
  }

  .logo img {
    max-height: 45px !important;
  }
}

@media (max-width: 768px) {
  .nav-menu__link {
    font-size: 0.95rem !important;
    padding: 8px 14px !important;
  }
}