/*
Theme Name: Nome do Seu Tema
Theme URI: http://exemplo.com
Author: Seu Nome
Author URI: http://exemplo.com
Description: Descrição curta do seu tema.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://gnu.org
Text Domain: meu-tema
*/

/* HEADER NOVO WX */
.container-header{ max-width:1200px; margin:0 auto; padding:0 20px; display:flex; align-items:center; justify-content:space-between; }

.top-bar{ background:#1c2131; color:#fff; text-align:center; padding:6px; font-size:12px; font-weight:700; }
.header-main{ background:#fff; padding:15px 0; border-bottom:1px solid #e0e0e0; }
.logo a{ font-size:32px; font-weight:900; color:#1c2131; text-transform:uppercase; }
.logo span{ color:#f8681d; }

.header-search{ flex:1; margin:0 30px; }
.header-search .woocommerce-product-search{ display:flex; }
.header-search input{ width:100%; padding:10px 15px; border:2px solid #f8681d; border-radius:6px 0 0 6px; font-family:Rajdhani; }
.header-search button{ background:#f8681d; color:#fff; border:none; padding:0 20px; border-radius:0 6px 6px 0; cursor:pointer; font-weight:900; }

.header-icons{ display:flex; gap:20px; }
.icon-item{ display:flex; flex-direction:column; align-items:center; color:#1c2131; font-size:12px; font-weight:700; position:relative; }
.icon-item i{ font-size:22px; margin-bottom:3px; }
.cart-count{ position:absolute; top:-5px; right:-5px; background:#f8681d; color:#fff; border-radius:50%; width:18px; height:18px; font-size:10px; display:flex; align-items:center; justify-content:center; font-weight:900; }

.header-nav{ background:#1c2131; padding:10px 0; }
.menu-principal{ list-style:none; margin:0; padding:0; display:flex; gap:25px; }
.menu-principal li a{ color:#fff; font-weight:900; text-transform:uppercase; font-size:14px; }
.menu-principal li a:hover{ color:#f8681d; }

.site-header{ position:sticky; top:0; z-index:999; }

@media(max-width:900px){
  .header-search{display:none;}
  .menu-principal{gap:10px; font-size:12px; overflow-x:auto;}
}

.hero-banner{ background: linear-gradient(90deg, #1c2131 0%, #f8681d 100%); color:#fff; padding:80px 20px; text-align:center; margin-bottom:40px; border-radius:0 0 12px 12px; }
.hero-banner h1{ font-size:40px; font-weight:900; margin:0; }
.hero-banner p{ font-size:18px; margin:15px 0 25px; }
.btn-hero{ background:#fff; color:#f8681d; padding:15px 30px; border-radius:8px; font-weight:900; display:inline-block; text-transform:uppercase; }
.btn-hero:hover{ background:#f5f5f5; }

.section-produtos, .section-categorias{ padding:40px 0; }
.titulo-secao { color: #1c2131; font-size: 24px; text-transform: uppercase; border-left: 5px solid #f8681d; padding-left: 12px; margin: 0 0 25px; font-weight:900; }
.grid-produtos { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
.card-produto { background: #ffffff; border-radius: 8px; overflow: hidden; border: 1px solid #e0e0e0; transition: 0.3s; }
.card-produto:hover { transform: translateY(-5px); border-color: #f8681d; box-shadow: 0 5px 15px rgba(248,104,29,0.15);}
.card-produto img { width: 100%; height: 200px; object-fit: cover; }
.card-info { padding: 15px; }
.card-info h3 { margin: 0 0 8px; font-size: 16px; font-weight:900; color:#1c2131; height:40px; overflow:hidden; }
.preco { font-size:20px; font-weight:900; color:#f8681d; margin-bottom:10px; }
.btn-comprar { background:#f8681d; color:#fff !important; padding:10px; border-radius:6px; text-align:center; font-weight:900; display:block; text-transform:uppercase; }
.btn-comprar:hover{background:#d35400;}

.grid-categorias{ display:flex; gap:15px; flex-wrap:wrap; }
.cat-item{ background:#fff; padding:20px; border-radius:8px; border:2px solid #e0e0e0; font-weight:900; flex:1; text-align:center; color:#1c2131; }
.cat-item:hover{ border-color:#f8681d; color:#f8681d; }

@media (max-width: 900px) { .grid-produtos { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 600px) { .grid-produtos { grid-template-columns: 1fr; } .hero-banner h1{font-size:28px;} }