/*
Theme Name: Miela
Theme URI: https://miela.mx
Author: Miela
Author URI: https://miela.mx
Description: Tema custom da Miela — 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: miela
Tags: e-commerce, woocommerce, custom-colors, custom-menu, featured-images, two-columns
*/

:root {
  --miela-accent-1: #E0B25C;
  --miela-accent-2: #B8893F;
  --miela-bg-soft:  #FFFDF8;
  --miela-deep:     #5A4632;
  --miela-text:     #4A3A2C;
  --miela-text-soft:#F3E6CF;
  --miela-success:  #16a34a;
  --miela-radius:   12px;
  --miela-font-display: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}

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

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

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

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

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

/* Trust bar */
.miela-trustbar {
  background: var(--miela-bg-soft);
  padding: 28px 16px;
}
.miela-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) {
  .miela-trustbar__grid { grid-template-columns: repeat(4, 1fr); }
}
.miela-trustbar__item strong {
  display: block;
  color: var(--miela-accent-2);
  font-weight: 700;
}

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

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