/*
Theme Name: Storefront CiW
Theme URI: https://ciwmoveis.com.br
Description: Tema filho do Storefront customizado para CiW Móveis e Estofados
Author: CiW Móveis
Template: storefront
Version: 1.0.0
Text Domain: storefront-ciw
*/

:root {
  --azul: #1a3fa0;
  --azul-escuro: #122b70;
  --azul-claro: #e8eef8;
  --amarelo: #f5c800;
  --vermelho: #cc1111;
  --branco: #ffffff;
  --cinza-bg: #f4f5f8;
  --cinza-borda: #dde1ea;
  --cinza-texto: #555;
  --preto: #1a1a1a;
  --sombra: 0 2px 12px rgba(26,63,160,0.10);
  --radius: 10px;
}

body {
  background: var(--cinza-bg);
  color: var(--preto);
  font-family: 'Nunito', sans-serif;
}

h1, h2, h3, h4, h5, h6,
.site-title, .woocommerce-loop-product__title, .product_title {
  font-family: 'Playfair Display', serif;
  font-weight: 700;
  color: var(--azul-escuro);
}

a {
  color: var(--azul);
}

a:hover {
  color: var(--azul-escuro);
}

/* Header */
#masthead.site-header {
  background: var(--azul);
  border-bottom: 4px solid var(--amarelo);
  box-shadow: var(--sombra);
}

#masthead .site-branding .site-title,
#masthead .site-branding .site-title a {
  color: var(--branco);
  font-family: 'Playfair Display', serif;
  font-weight: 700;
}

#masthead .site-branding .site-description {
  color: var(--azul-claro);
}

/* Menu principal */
.main-navigation {
  background: var(--azul-escuro);
}

.main-navigation ul li a {
  color: var(--branco);
  font-family: 'Nunito', sans-serif;
  font-weight: 600;
}

.main-navigation ul li a:hover,
.main-navigation ul li.current-menu-item a {
  color: var(--amarelo);
}

/* Busca no header */
.site-search input.search-field,
.storefront-product-search input.search-field {
  border-radius: var(--radius);
  border: 1px solid var(--cinza-borda);
}

.site-search button,
.storefront-product-search button {
  background: var(--amarelo);
  color: var(--preto);
  border-radius: var(--radius);
}

/* Carrinho no header */
.site-header-cart .cart-contents {
  color: var(--branco);
  font-weight: 700;
}

.site-header-cart .cart-contents:hover {
  color: var(--amarelo);
}

/* Botões */
.button, button, input[type="submit"],
.woocommerce a.button, .woocommerce button.button,
.woocommerce #respond input#submit {
  background: var(--azul);
  color: var(--branco);
  border-radius: var(--radius);
  border: none;
  font-family: 'Nunito', sans-serif;
  font-weight: 700;
}

.button:hover, button:hover, input[type="submit"]:hover,
.woocommerce a.button:hover, .woocommerce button.button:hover,
.woocommerce #respond input#submit:hover {
  background: var(--azul-escuro);
  color: var(--branco);
}

.woocommerce a.button.alt, .woocommerce button.button.alt {
  background: var(--amarelo);
  color: var(--preto);
}

.woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover {
  background: #d9af00;
}

/* Produtos */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
  background: var(--branco);
  border: 1px solid var(--cinza-borda);
  border-radius: var(--radius);
  box-shadow: var(--sombra);
  padding: 10px;
}

.woocommerce ul.products li.product .price {
  color: var(--vermelho);
  font-weight: 700;
}

/* Rodapé */
#colophon.site-footer {
  background: var(--azul-escuro);
  color: var(--branco);
}

#colophon.site-footer a {
  color: var(--amarelo);
}