/*
Theme Name: Virtuous Storefront
Template: storefront
Description: Tema personalizado para Virtuous Shoes, paleta preto e dourado.
Version: 1.0
Text Domain: virtuous-storefront
*/

:root{
  --v-ink:#201d1a;
  --v-ink-2:#151311;
  --v-panel:#2a2622;
  --v-gold:#cda44d;
  --v-gold-bright:#f0dba0;
  --v-gold-deep:#8a6a2e;
  --v-cream:#f4ede0;
  --v-cream-muted:#c9bfae;
}

body{
  background:var(--v-ink);
  color:var(--v-cream);
  font-family:'Jost', sans-serif;
}

h1,h2,h3,h4,h5,h6,
.site-title,
.storefront-product-section .section-title{
  font-family:'Playfair Display', serif;
  color:var(--v-cream);
  letter-spacing:.01em;
}

a{color:var(--v-gold)}
a:hover{color:var(--v-gold-bright)}

.site-header{
  background:var(--v-ink-2);
  border-bottom:1px solid rgba(205,164,77,.25);
}
.site-branding .site-title,
.site-branding .site-title a{
  color:var(--v-cream);
  font-weight:600;
}
.site-header .site-search input,
.storefront-primary-navigation{
  background:var(--v-ink-2);
}
.storefront-primary-navigation ul li a{
  color:var(--v-cream);
}
.storefront-primary-navigation ul li a:hover{
  color:var(--v-gold);
}
.site-header-cart .cart-contents{
  color:var(--v-cream);
}

main#main, .content-area, .site-content{
  background:var(--v-ink);
  color:var(--v-cream);
}

.woocommerce ul.products li.product .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price{
  color:var(--v-gold-bright);
  font-weight:600;
}
.woocommerce ul.products li.product h2,
.woocommerce ul.products li.product .woocommerce-loop-product__title{
  color:var(--v-cream);
}
.woocommerce ul.products li.product{
  background:var(--v-panel);
  border-radius:4px;
  padding:12px;
}

.woocommerce a.button,
.woocommerce button.button,
.woocommerce #respond input#submit,
.woocommerce input.button,
a.button.alt{
  background-color:var(--v-gold);
  border-color:var(--v-gold);
  color:var(--v-ink-2);
  border-radius:2px;
  text-transform:uppercase;
  letter-spacing:.05em;
  font-weight:600;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce input.button:hover{
  background-color:var(--v-gold-bright);
  border-color:var(--v-gold-bright);
  color:var(--v-ink-2);
}

.woocommerce-breadcrumb,
.woocommerce-breadcrumb a{
  color:var(--v-cream-muted);
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{
  color:var(--v-cream);
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{
  color:var(--v-gold);
}
.woocommerce table.shop_table,
.woocommerce table.shop_table th,
.woocommerce table.shop_table td,
.woocommerce-checkout table.shop_table{
  border-color:rgba(205,164,77,.2);
  color:var(--v-cream);
}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce-page form .form-row select{
  background:var(--v-panel);
  color:var(--v-cream);
  border-color:rgba(205,164,77,.3);
}
.woocommerce-page table.cart td.actions .coupon .input-text{
  background:var(--v-panel);
  color:var(--v-cream);
}

.site-footer{
  background:var(--v-ink-2);
  color:var(--v-cream-muted);
}
.site-footer a{color:var(--v-gold)}

.home .entry-header{display:none}

.vs-hero{
  position:relative;
  min-height:60vh;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  background:radial-gradient(ellipse at 50% 30%, rgba(205,164,77,.14), rgba(0,0,0,0) 60%), var(--v-ink-2);
  color:var(--v-cream);
  padding:64px 24px;
  border-bottom:1px solid rgba(205,164,77,.25);
}
.vs-hero h1{
  font-size:clamp(2.2rem,5vw,4rem);
  margin:0 0 12px;
  color:var(--v-gold-bright);
}
.vs-hero p{
  font-size:1.15rem;
  max-width:520px;
  margin:0 auto 28px;
  color:var(--v-cream-muted);
}
.vs-hero .vs-cta{
  display:inline-block;
  background:var(--v-gold);
  color:var(--v-ink-2);
  padding:14px 34px;
  border-radius:2px;
  text-decoration:none;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-weight:600;
  transition:background .2s;
}
.vs-hero .vs-cta:hover{background:var(--v-gold-bright)}

.vs-collections{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
  gap:20px;
  max-width:1100px;
  margin:56px auto;
  padding:0 24px;
}
.vs-collection-card{
  position:relative;
  aspect-ratio:1/1;
  border-radius:4px;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
  background:var(--v-panel);
  border:1px solid rgba(205,164,77,.25);
  text-decoration:none;
}
.vs-collection-card span{
  position:relative;
  z-index:1;
  color:var(--v-gold-bright);
  font-family:'Playfair Display', serif;
  font-size:1.3rem;
  text-transform:uppercase;
  letter-spacing:.05em;
}

.vs-whatsapp-btn{
  display:inline-flex;
  align-items:center;
  gap:10px;
  background:var(--v-gold);
  color:var(--v-ink-2);
  padding:14px 28px;
  border-radius:2px;
  text-decoration:none;
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:.05em;
}
.vs-whatsapp-btn:hover{background:var(--v-gold-bright);color:var(--v-ink-2)}

.custom-logo-link img{max-height:64px;width:auto}
.site-header .custom-logo-link{display:inline-flex;align-items:center}
.site-header .custom-logo-link img.custom-logo{max-height:56px !important;height:56px !important;width:auto !important;max-width:none !important}