
/* Veste Atelier — identidade visual editorial para moda */
:root {
  --va-ink: #25221f;
  --va-muted: #77716b;
  --va-paper: #faf7f2;
  --va-white: #fffdfa;
  --va-accent: #9c5d46;
  --va-accent-dark: #75412f;
  --va-line: #e7ded5;
  --va-radius: 3px;
}

body[data-store-theme="fashion"],
body[data-store-theme="luxury"] {
  background: var(--va-paper) !important;
  color: var(--va-ink) !important;
  font-family: Arial, Helvetica, sans-serif;
}

body[data-store-theme="fashion"] :is(h1,h2,h3,h4,.logo,.lt-brand,.navbar-brand),
body[data-store-theme="luxury"] :is(h1,h2,h3,h4,.logo,.lt-brand,.navbar-brand) {
  font-family: Georgia, "Times New Roman", serif !important;
  font-weight: 500;
  letter-spacing: -.025em;
}

body[data-store-theme="fashion"] a,
body[data-store-theme="luxury"] a {
  transition: color .2s ease, background-color .2s ease, transform .2s ease;
}

body[data-store-theme="fashion"] :is(header:not(.product-image-viewer__header),.site-header,.storefront-header),
body[data-store-theme="luxury"] :is(header:not(.product-image-viewer__header),.site-header,.storefront-header) {
  background: var(--va-white) !important;
  color: var(--va-ink) !important;
  border-bottom: 1px solid var(--va-line);
  box-shadow: none !important;
}

body[data-store-theme="fashion"] nav a,
body[data-store-theme="luxury"] nav a {
  color: var(--va-ink) !important;
  font-size: .78rem;
  font-weight: 600;
  letter-spacing: .07em;
  text-transform: uppercase;
  border-radius: 0 !important;
}

body[data-store-theme="fashion"] nav a:hover,
body[data-store-theme="luxury"] nav a:hover {
  background: transparent !important;
  color: var(--va-accent) !important;
}

body[data-store-theme="fashion"] .container,
body[data-store-theme="luxury"] .container {
  max-width: 1440px;
}

body[data-store-theme="fashion"] .banner-principal,
body[data-store-theme="luxury"] .banner-principal {
  max-width: 1440px;
  height: clamp(300px, 42vw, 570px);
  border-radius: 0;
  box-shadow: none;
  margin-bottom: clamp(28px, 5vw, 64px);
  background: #d8c9bb;
}

body[data-store-theme="fashion"] .banner-principal .banner-content,
body[data-store-theme="luxury"] .banner-principal .banner-content {
  align-items: flex-start;
  text-align: left;
  padding: clamp(24px, 7vw, 92px);
  background: linear-gradient(
    90deg,
    rgba(27,23,20,.58),
    rgba(27,23,20,.08) 75%
  );
}

body[data-store-theme="fashion"] .banner-principal .banner-content h2,
body[data-store-theme="luxury"] .banner-principal .banner-content h2 {
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(2.2rem, 6vw, 5.3rem);
  line-height: .98;
  font-weight: 500;
  letter-spacing: -.045em;
  max-width: 720px;
  text-shadow: none;
}

body[data-store-theme="fashion"] .banner-principal .banner-content p,
body[data-store-theme="luxury"] .banner-principal .banner-content p {
  font-size: clamp(.95rem, 1.5vw, 1.15rem);
  max-width: 480px;
  font-weight: 400;
  text-shadow: none;
}

body[data-store-theme="fashion"] :is(.btn-principal,.btn-primary,.btn-comprar,.btn-comprar-produto),
body[data-store-theme="luxury"] :is(.btn-principal,.btn-primary,.btn-comprar,.btn-comprar-produto) {
  background: var(--va-ink) !important;
  border: 1px solid var(--va-ink) !important;
  color: white !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-size: .78rem;
  padding: 13px 22px;
}

body[data-store-theme="fashion"] :is(.btn-principal,.btn-primary,.btn-comprar,.btn-comprar-produto):hover,
body[data-store-theme="luxury"] :is(.btn-principal,.btn-primary,.btn-comprar,.btn-comprar-produto):hover {
  background: var(--va-accent) !important;
  border-color: var(--va-accent) !important;
  transform: translateY(-1px);
}

body[data-store-theme="fashion"] .section-header,
body[data-store-theme="luxury"] .section-header {
  border-bottom: 1px solid var(--va-line);
  padding-bottom: 14px;
  margin-bottom: 24px;
}

body[data-store-theme="fashion"] .section-header h2,
body[data-store-theme="luxury"] .section-header h2 {
  font-size: clamp(1.6rem, 3vw, 2.45rem);
  font-weight: 500;
}

body[data-store-theme="fashion"] .section-header h2:after,
body[data-store-theme="luxury"] .section-header h2:after {
  display: none;
}

body[data-store-theme="fashion"] :is(.product-card,.produto-card,.card-produto,.product-item,.produto-item,.product-storefront .product-card),
body[data-store-theme="luxury"] :is(.product-card,.produto-card,.card-produto,.product-item,.produto-item,.product-storefront .product-card) {
  border: 1px solid var(--va-line) !important;
  border-radius: var(--va-radius) !important;
  background: var(--va-white) !important;
  box-shadow: none !important;
  overflow: hidden;
}

body[data-store-theme="fashion"] :is(.product-card,.produto-card,.card-produto,.product-item,.produto-item) img,
body[data-store-theme="luxury"] :is(.product-card,.produto-card,.card-produto,.product-item,.produto-item) img {
  transition: transform .35s ease;
}

body[data-store-theme="fashion"] :is(.product-card,.produto-card,.card-produto,.product-item,.produto-item):hover img,
body[data-store-theme="luxury"] :is(.product-card,.produto-card,.card-produto,.product-item,.produto-item):hover img {
  transform: scale(1.025);
}

body[data-store-theme="fashion"] :is(.product-card h3,.produto-card h3,.card-produto h3,.product-item h3),
body[data-store-theme="luxury"] :is(.product-card h3,.produto-card h3,.card-produto h3,.product-item h3) {
  font-size: 1rem;
  font-weight: 500;
}

body[data-store-theme="fashion"] :is(.price,.preco,.product-price,.preco-produto),
body[data-store-theme="luxury"] :is(.price,.preco,.product-price,.preco-produto) {
  color: var(--va-ink) !important;
  font-weight: 700;
}

body[data-store-theme="fashion"] :is(input,select,textarea,.form-control),
body[data-store-theme="luxury"] :is(input,select,textarea,.form-control) {
  border-radius: var(--va-radius) !important;
  border-color: var(--va-line) !important;
  box-shadow: none;
}

body[data-store-theme="fashion"] :is(.breadcrumb,.breadcrumbs),
body[data-store-theme="luxury"] :is(.breadcrumb,.breadcrumbs) {
  color: var(--va-muted);
  font-size: .82rem;
}

body[data-store-theme="fashion"] footer,
body[data-store-theme="luxury"] footer {
  background: #28231f !important;
  color: #f8f3ed !important;
}

body[data-store-theme="fashion"] footer a,
body[data-store-theme="luxury"] footer a {
  color: #f8f3ed !important;
}

body[data-store-theme="fashion"] .lt-theme-nav-toggle,
body[data-store-theme="luxury"] .lt-theme-nav-toggle {
  color: var(--va-ink) !important;
  border: 1px solid var(--va-line) !important;
  background: transparent !important;
  border-radius: 0 !important;
}

body[data-store-layout="editorial"] .banner-principal {
  margin-top: 0;
}

body[data-store-layout="editorial"] .section-header {
  margin-top: clamp(30px, 5vw, 68px);
}

@media (max-width: 700px) {
  body[data-store-theme="fashion"] .banner-principal,
  body[data-store-theme="luxury"] .banner-principal {
    height: 390px;
  }

  body[data-store-theme="fashion"] .banner-principal .banner-content,
  body[data-store-theme="luxury"] .banner-principal .banner-content {
    padding: 24px;
  }

  body[data-store-theme="fashion"] nav a,
  body[data-store-theme="luxury"] nav a {
    font-size: .7rem;
    padding: 7px 8px;
  }

  body[data-store-theme="fashion"] .section-header h2,
  body[data-store-theme="luxury"] .section-header h2 {
    font-size: 1.6rem;
  }
}
