/*
Theme Name: Vitae
Theme URI: https://vitae.mx
Author: Vitae
Author URI: https://vitae.mx
Description: Tema custom da Vitae — saúde e bem-estar, MX, COD. Child theme baseado em Storefront (WooCommerce).
Version: 0.1.0
Requires at least: 6.8
Tested up to: 6.8
Requires PHP: 8.1
Template: storefront
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: vitae
Tags: e-commerce, woocommerce, custom-colors, custom-menu, featured-images, two-columns
*/

:root {
  --vitae-accent-1: #7C3AED;
  --vitae-accent-2: #5B21B6;
  --vitae-bg-soft:  #f8f5ff;
  --vitae-deep:     #1a0a2e;
  --vitae-text:     #1f1330;
  --vitae-text-soft:#e8e0ff;
  --vitae-success:  #16a34a;
  --vitae-radius:   12px;
  --vitae-font-display: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}

/* Body & typography */
body.theme-vitae,
.theme-vitae .site-header,
.theme-vitae .site-footer {
  font-family: var(--vitae-font-display);
  color: var(--vitae-text);
}

/* Buttons */
.theme-vitae .button,
.theme-vitae button.button,
.theme-vitae .woocommerce a.button,
.theme-vitae .woocommerce button.button,
.theme-vitae .woocommerce input.button,
.theme-vitae .woocommerce #respond input#submit {
  background: var(--vitae-accent-1);
  color: #fff;
  border-radius: var(--vitae-radius);
  border: 0;
  padding: 14px 22px;
  font-weight: 600;
  transition: background .2s ease;
}

.theme-vitae .button:hover,
.theme-vitae button.button:hover,
.theme-vitae .woocommerce a.button:hover,
.theme-vitae .woocommerce button.button:hover {
  background: var(--vitae-accent-2);
}

/* Price */
.theme-vitae .woocommerce ul.products li.product .price,
.theme-vitae .woocommerce div.product p.price,
.theme-vitae .woocommerce div.product span.price {
  color: var(--vitae-accent-1);
  font-weight: 700;
}

/* Announcement bar (homepage top) */
.vitae-announcement {
  background: var(--vitae-accent-1);
  color: #fff;
  text-align: center;
  padding: 10px 16px;
  font-size: 14px;
  letter-spacing: .2px;
}

/* Trust bar */
.vitae-trustbar {
  background: var(--vitae-bg-soft);
  padding: 28px 16px;
}
.vitae-trustbar__grid {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
  text-align: center;
}
@media (min-width: 768px) {
  .vitae-trustbar__grid { grid-template-columns: repeat(4, 1fr); }
}
.vitae-trustbar__item strong {
  display: block;
  color: var(--vitae-accent-2);
  font-weight: 700;
}

/* Footer override */
.theme-vitae .site-footer {
  background: var(--vitae-deep);
  color: var(--vitae-text-soft);
}
.theme-vitae .site-footer a { color: #fff; }

/* PDP problem/solution grid */
.vitae-prosolu {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin: 24px 0;
}
.vitae-prosolu__col {
  padding: 20px;
  border-radius: var(--vitae-radius);
}
.vitae-prosolu__col--no  { background: #fdf2f2; }
.vitae-prosolu__col--yes { background: var(--vitae-bg-soft); }