/*
Theme Name: Dellas Storefront
Template: storefront
Description: Tema personalizado para Dellas Moda Fitness, paleta dourado e nude.
Version: 1.0
Text Domain: dellas-storefront
*/

:root{
  --dellas-gold:#c9a24b;
  --dellas-gold-light:#e8d4a0;
  --dellas-gold-dark:#9c7a34;
  --dellas-nude:#f3e9dc;
  --dellas-nude-dark:#e3d2ba;
  --dellas-ink:#2b2420;
  --dellas-white:#fffaf3;
}

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

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

a{color:var(--dellas-gold-dark)}
a:hover{color:var(--dellas-gold)}

.site-header{
  background:var(--dellas-white);
  border-bottom:1px solid var(--dellas-nude-dark);
}

.site-branding .site-title a{
  color:var(--dellas-ink);
  font-weight:600;
}

.woocommerce ul.products li.product .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price{
  color:var(--dellas-gold-dark);
  font-weight:600;
}

.woocommerce a.button,
.woocommerce button.button,
.woocommerce #respond input#submit,
.woocommerce input.button,
a.button.alt{
  background-color:var(--dellas-gold);
  border-color:var(--dellas-gold);
  color:var(--dellas-ink);
  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(--dellas-gold-dark);
  border-color:var(--dellas-gold-dark);
  color:var(--dellas-white);
}

.site-footer{
  background:var(--dellas-ink);
  color:var(--dellas-nude);
}
.site-footer a{color:var(--dellas-gold-light)}

.dellas-hero{
  position:relative;
  min-height:60vh;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  background:linear-gradient(180deg,rgba(43,36,32,.35),rgba(43,36,32,.6)),var(--dellas-nude-dark);
  background-size:cover;
  background-position:center;
  color:var(--dellas-white);
  padding:64px 24px;
}
.dellas-hero h1{
  font-size:clamp(2.2rem,5vw,4rem);
  margin:0 0 12px;
  color:var(--dellas-white);
}
.dellas-hero p{
  font-size:1.15rem;
  max-width:520px;
  margin:0 auto 28px;
  opacity:.95;
}
.dellas-hero .dellas-cta{
  display:inline-block;
  background:var(--dellas-gold);
  color:var(--dellas-ink);
  padding:14px 34px;
  border-radius:2px;
  text-decoration:none;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-weight:600;
  transition:background .2s;
}
.dellas-hero .dellas-cta:hover{background:var(--dellas-gold-light)}

.dellas-collections{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
  gap:24px;
  max-width:1100px;
  margin:56px auto;
  padding:0 24px;
}
.dellas-collection-card{
  position:relative;
  aspect-ratio:3/4;
  border-radius:4px;
  overflow:hidden;
  display:flex;
  align-items:flex-end;
  background-color:var(--dellas-nude-dark);
  background-size:cover;
  background-position:center;
  text-decoration:none;
}
.dellas-collection-card::before{
  content:"";
  position:absolute;inset:0;
  background:linear-gradient(180deg,transparent 40%,rgba(30,24,20,.75) 100%);
}
.dellas-collection-card span{
  position:relative;
  z-index:1;
  color:#fff;
  font-family:'Playfair Display', serif;
  font-size:1.4rem;
  padding:24px;
  text-transform:uppercase;
  letter-spacing:.05em;
}

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