/**
 * CORREÇÃO RÁPIDA DO LAYOUT
 * Garante que tudo apareça corretamente
 */

/* Garantir que elementos principais apareçam */
.header,
.footer,
.hero,
.featured,
.categories,
body,
main,
section {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Logo sempre visível */
.header__logo,
.header__logo img,
.humberger__menu__logo,
.humberger__menu__logo img {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  filter: none !important;
  max-height: 60px !important;
  width: auto !important;
}

/* Header limpo */
.header {
  background: #FFFFFF !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 1000 !important;
}

/* Menu visível */
.header__menu,
.header__menu ul,
.header__menu ul li {
  display: flex !important;
  visibility: visible !important;
}

.header__menu ul li a {
  color: #2C3E50 !important;
  font-weight: 600 !important;
}

.header__menu ul li a:hover {
  color: #0066FF !important;
}

/* Carrinho e ações */
.header__cart,
.header__cart ul,
.header__cart ul li {
  display: flex !important;
  visibility: visible !important;
}

.header__cart ul li a {
  color: #2C3E50 !important;
}

.header__cart ul li a span {
  background: #0066FF !important;
  color: #FFFFFF !important;
}

/* Hero/Busca */
.hero {
  background: #FFFFFF !important;
  padding: 20px 0 !important;
}

.hero__search__form form {
  background: #FFFFFF !important;
  border: 2px solid #EEEEEE !important;
  border-radius: 50px !important;
}

.hero__search__form input {
  color: #2C3E50 !important;
}

.hero__search__form .site-btn {
  background: #0066FF !important;
  color: #FFFFFF !important;
  border-radius: 50px !important;
}

/* Categorias */
.hero__categories {
  background: #FFFFFF !important;
  border: 1px solid #EEEEEE !important;
  border-radius: 12px !important;
}

.hero__categories__all {
  background: #0066FF !important;
  color: #FFFFFF !important;
}

.hero__categories ul li a {
  color: #2C3E50 !important;
}

.hero__categories ul li a:hover {
  color: #0066FF !important;
  background: #E6F0FF !important;
}

/* Cards de Produto */
.featured__item {
  background: #FFFFFF !important;
  border: 1px solid #EEEEEE !important;
  border-radius: 12px !important;
  overflow: hidden !important;
}

.featured__item:hover {
  border-color: #0066FF !important;
  box-shadow: 0 8px 24px rgba(0, 102, 255, 0.15) !important;
  transform: translateY(-4px) !important;
}

.featured__item__text h5 {
  color: #0066FF !important;
  font-weight: 700 !important;
}

.featured__item__text h6 a {
  color: #2C3E50 !important;
}

.featured__item__text h6 a:hover {
  color: #0066FF !important;
}

/* Botões */
.primary-btn,
.site-btn,
.btn-primary {
  background: #0066FF !important;
  color: #FFFFFF !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 12px 24px !important;
  font-weight: 600 !important;
  transition: all 0.3s ease !important;
}

.primary-btn:hover,
.site-btn:hover,
.btn-primary:hover {
  background: #0052CC !important;
  color: #FFFFFF !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 12px rgba(0, 102, 255, 0.3) !important;
}

/* Footer */
.footer {
  display: block !important;
  visibility: visible !important;
  background: #F5F5F5 !important;
  color: #2C3E50 !important;
  border-top: 3px solid #0066FF !important;
  margin-top: 60px !important;
  padding: 40px 0 20px !important;
}

.footer__widget h6 {
  color: #0066FF !important;
  font-weight: 700 !important;
}

.footer__widget ul li a,
.footer a {
  color: #546E7A !important;
}

.footer__widget ul li a:hover,
.footer a:hover {
  color: #0066FF !important;
}

.footer__widget p {
  color: #546E7A !important;
}

/* Seções */
.section-title h2 {
  color: #2C3E50 !important;
  font-weight: 700 !important;
}

/* Background geral */
body {
  background: #FFFFFF !important;
  color: #2C3E50 !important;
}

/* Container */
.container {
  max-width: 1400px !important;
  margin: 0 auto !important;
  padding: 0 20px !important;
}

/* Links */
a {
  color: #0066FF !important;
  text-decoration: none !important;
  transition: color 0.3s ease !important;
}

a:hover {
  color: #0052CC !important;
}

/* Remover filtros de imagem */
img {
  filter: none !important;
}

/* Menu Mobile */
.humberger__menu__wrapper {
  background: #FFFFFF !important;
}

.humberger__menu__nav ul li a {
  color: #2C3E50 !important;
}

.humberger__menu__nav ul li a:hover {
  color: #0066FF !important;
}

/* Garantir visibilidade em mobile */
@media (max-width: 768px) {
  .header__logo img {
    max-height: 40px !important;
  }
  
  .header,
  .footer,
  .hero {
    display: block !important;
    visibility: visible !important;
  }
}