/* main_nav.css — Premium mobile-first com fundo azul-céu e sem scroll */

/* ===========================
   Variáveis
   =========================== */
:root{
  --azul-ceu: #3da9fc;             /* azul-céu (fundo premium) */
  --azul-ceu-escuro: #1d87d9;      /* hover */
  --texto-branco:#fff;
  --texto-escuro:#1f2937;
  --fundo-claro:#f8f9fa;
  --fundo-branco:#ffffff;
  --sombra-soft: 0 4px 10px rgba(0,0,0,0.12);
  --gap-categorias: 10px;
  --radius-lg: 18px;
  --radius-xl: 26px;
}

/* ===========================
   Seção principal
   =========================== */
.main-nav-section{
  background: var(--azul-ceu);     /* fundo azul-céu */
  padding: 12px 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  box-shadow: 0 1px 5px rgba(0,0,0,0.05);
}

/* ===========================
   Barra de busca
   =========================== */
.search-form-new-pesquisa{
  display:flex; align-items:center;
  width:100%; max-width:680px;
  height:46px;
  background: var(--fundo-branco);
  border-radius: var(--radius-xl);
  box-shadow: var(--sombra-soft);
  overflow:hidden;
}
.search-input-new{
  flex:1; border:none; outline:none;
  padding:0 14px; font-size:1rem;
  color: var(--texto-escuro);
}
.search-input-new::placeholder{ color:#94a3b8; }

.search-button-new-pesquisa{
  height:100%; min-width:56px;
  padding: 0 16px;
  border:none; outline:none;
  background: var(--azul-ceu);
  color: var(--texto-branco);
  font-weight:700;
  display:flex; align-items:center; justify-content:center;
  cursor:pointer;
  transition: background .2s ease, transform .15s ease;
}
.search-button-new-pesquisa:hover{
  background: var(--azul-ceu-escuro);
  transform: translateY(-1px);
}
.search-button-new-pesquisa i{ font-size:1.1em; }

/* ===========================
   Lista de categorias (grid)
   =========================== */
.categories-list-new{
  list-style:none; margin:0; padding:0;
  display:grid;
  grid-template-columns: repeat(auto-fill, minmax(120px,1fr));
  gap: var(--gap-categorias);
  width:100%;
}

/* Botão de categoria */
.category-link-new{
  display:flex; align-items:center; justify-content:center;
  min-height:44px;
  padding: 10px 14px;
  background: var(--fundo-branco);
  color: var(--azul-ceu);
  border:2px solid var(--fundo-branco);
  border-radius: var(--radius-lg);
  font-size:.95rem; font-weight:700;
  text-decoration:none;
  box-shadow: var(--sombra-soft);
  transition: background .2s ease, color .2s ease, transform .15s ease;
}
.category-link-new:hover{
  background: var(--azul-ceu);
  color: var(--texto-branco);
  transform: translateY(-2px);
}
.category-link-new:active{ transform:translateY(0); }

/* ===========================
   Responsividade
   =========================== */
@media (max-width: 767.98px){
  .categories-list-new{
    grid-template-columns: repeat(2,1fr); /* 2 por linha no mobile */
  }
}
@media (max-width: 420px){
  .categories-list-new{
    grid-template-columns: repeat(1,1fr); /* 1 por linha telas muito pequenas */
  }
}