/*
Theme Name: Storefront AZ Child
Template: storefront
Description: Child theme do Storefront com visual preto/dourado inspirado numa loja de personalização.
Version: 1.4
Author: Personalizado
*/

:root{
  --az-preto: #0d0d0d;
  --az-preto-suave: #161616;
  --az-dourado: #c9a24b;
  --az-dourado-escuro: #a8842f;
  --az-branco: #ffffff;
  --az-cinza-claro: #f4f2ee;
}

/* ===== GERAL ===== */
body{
  color:#222;
  font-family: 'Poppins', sans-serif;
}
h1,h2,h3,.site-title{
  font-family: 'Playfair Display', serif;
}
a{ color: var(--az-dourado-escuro); }
a:hover{ color: var(--az-preto); }

/* ===== TOPO / HEADER ===== */
.site-header,
#masthead{
  background-color: var(--az-preto);
  color: var(--az-branco);
}
.site-header .site-title a,
.site-header .site-description{
  color: var(--az-branco) !important;
}
.storefront-primary-navigation,
.main-navigation ul li a{
  background-color: var(--az-preto) !important;
  color: var(--az-branco) !important;
}
.main-navigation ul li a:hover{
  color: var(--az-dourado) !important;
}
.site-header-cart .cart-contents,
.storefront-handheld-footer-bar a{
  color: var(--az-branco) !important;
}

/* ===== SUBMENU / DROPDOWN (ex: Loja > Azulejos, Canecas, Têxtil...) ===== */
.main-navigation ul ul,
.main-navigation ul.sub-menu,
.main-navigation .sub-menu,
#site-navigation ul.sub-menu{
  background-color: var(--az-preto-suave) !important;
  border-top: 2px solid var(--az-dourado) !important;
}
.main-navigation ul ul li a,
.main-navigation ul.sub-menu li a,
.main-navigation .sub-menu li a,
#site-navigation ul.sub-menu li a{
  background-color: var(--az-preto-suave) !important;
  color: var(--az-branco) !important;
  border-bottom: 1px solid rgba(255,255,255,0.08) !important;
}
.main-navigation ul ul li a:hover,
.main-navigation ul ul li a:focus,
.main-navigation ul.sub-menu li a:hover,
.main-navigation .sub-menu li a:hover,
#site-navigation ul.sub-menu li a:hover{
  background-color: var(--az-preto) !important;
  color: var(--az-dourado) !important;
}
.main-navigation ul li.menu-item-has-children > a:after{
  color: var(--az-branco) !important;
}

/* ===== AVISOS / MENSAGENS DO WOOCOMMERCE (normalmente azuis por padrão) ===== */
.woocommerce-info,
.woocommerce-message,
.woocommerce-noreviews,
.woocommerce-error,
p.woocommerce-result-count,
.woocommerce-ordering select{
  border-top-color: var(--az-dourado) !important;
  background-color: var(--az-cinza-claro) !important;
  color: #333 !important;
}
.woocommerce-info::before,
.woocommerce-message::before{
  color: var(--az-dourado-escuro) !important;
}
.woocommerce-info a,
.woocommerce-message a{
  color: var(--az-dourado-escuro) !important;
}
/* Título da página Loja/Categoria */
.woocommerce-products-header__title,
.page-title{
  color: #111 !important;
}

/* ===== BOTOES ===== */
.button, button, input[type="submit"], .woocommerce a.button, .woocommerce button.button{
  background-color: var(--az-dourado) !important;
  border-color: var(--az-dourado) !important;
  color: var(--az-preto) !important;
  font-weight: 600;
  border-radius: 3px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.button:hover, button:hover, .woocommerce a.button:hover{
  background-color: var(--az-dourado-escuro) !important;
  color: var(--az-branco) !important;
}
.button.button-outline{
  background-color: transparent !important;
  border: 1px solid var(--az-branco) !important;
  color: var(--az-branco) !important;
}

/* ===== HERO (homepage) ===== */
.az-hero{
  background-color: var(--az-preto); /* garante fundo preto mesmo sem imagem definida */
  background-image: linear-gradient(90deg, rgba(13,13,13,0.95) 30%, rgba(13,13,13,0.55) 100%);
  background-size: cover;
  background-position: center;
  padding: 90px 40px;
  display:flex;
  align-items:center;
}
.az-hero-content{ max-width:600px; }
.az-hero-content, .az-hero-content *{ color: var(--az-branco) !important; }
.az-hero h1{
  font-size: 2.6rem;
  line-height:1.15;
  margin-bottom: 20px;
}
.az-hero h1 .destaque{ color: var(--az-dourado) !important; }
.az-hero p{ font-size:1.1rem; margin-bottom:30px; }
.az-hero-badges{
  display:flex; gap:25px; margin-top:35px; flex-wrap:wrap; font-size:0.85rem; opacity:0.95;
}
.az-hero .button{ color: var(--az-preto) !important; } /* texto dos botoes continua escuro sobre o dourado */
.az-hero .button.button-outline{ color: var(--az-branco) !important; }

/* ===== GRELHA DE CATEGORIAS ===== */
.az-categorias{
  display:grid;
  grid-template-columns: repeat(5, 1fr);
  gap:2px;
  background:#000;
}
.az-categoria{
  position:relative;
  min-height:260px;
  background-size:cover;
  background-position:center;
  color:#fff;
  display:flex;
  align-items:flex-end;
  padding:20px;
}
.az-categoria::before{
  content:"";
  position:absolute; inset:0;
  background:linear-gradient(180deg, rgba(0,0,0,0.1), rgba(0,0,0,0.85));
}
.az-categoria .az-cat-texto{ position:relative; z-index:1; }
.az-categoria h3{ margin:0 0 5px; font-size:1.1rem; }
.az-categoria a.az-cat-link{
  position:relative; z-index:1;
  display:inline-block; margin-top:8px;
  width:34px; height:34px; border-radius:50%;
  background:var(--az-dourado); color:var(--az-preto);
  text-align:center; line-height:34px; font-weight:bold;
}

/* ===== MAIS VENDIDOS ===== */
.az-mais-vendidos{ padding: 60px 40px; }
.az-mais-vendidos h2{ font-size:1.8rem; margin-bottom:30px; }
.az-mais-vendidos ul.products li.product{
  text-align:left;
}
.az-mais-vendidos ul.products li.product .price{ color: var(--az-dourado-escuro); font-weight:600; }

/* ===== FAIXA DE BENEFICIOS ===== */
.az-beneficios{
  background: var(--az-cinza-claro);
  padding: 45px 20px;
  text-align:center;
}
.az-beneficios h2{ margin-bottom:30px; font-size:1.5rem; }
.az-beneficios-grid{
  display:flex; justify-content:center; gap:60px; flex-wrap:wrap;
}
.az-beneficio{ max-width:160px; }
.az-beneficio .az-icon{ font-size:1.8rem; color: var(--az-dourado-escuro); margin-bottom:10px; }

/* ===== SECCAO EMPRESAS / CTA ===== */
.az-cta-empresas{
  background: var(--az-preto);
  color: var(--az-branco);
  padding: 60px 40px;
  display:flex; gap:40px; flex-wrap:wrap; justify-content:space-between;
}
.az-cta-empresas .az-cta-texto{ max-width:480px; }
.az-cta-empresas ul{ list-style:none; padding:0; margin:20px 0; }
.az-cta-empresas ul li::before{ content:"✔ "; color: var(--az-dourado); }

/* ===== RODAPE ===== */
#colophon, .site-footer, footer.site-footer{
  background-color: var(--az-preto) !important;
  color: #ccc !important;
}
.site-footer a{ color:#ccc !important; }
.site-footer a:hover{ color: var(--az-dourado) !important; }

/* ===== RESPONSIVO ===== */
@media (max-width: 900px){
  .az-categorias{ grid-template-columns: repeat(2, 1fr); }
  .az-cta-empresas{ flex-direction:column; }
}
@media (max-width: 600px){
  .az-hero{ padding:50px 20px; }
  .az-hero h1{ font-size:1.9rem; }
  .az-beneficios-grid{ gap:30px; }
}