/*
Theme Name:   Hello Elementor Child — HealthyPack
Theme URI:    https://healthypack.mx
Description:  Child theme para aplicar la identidad visual de HealthyPack (forest + gold, Nunito + DM Sans) sobre Hello Elementor.
Author:       Start-Ops
Template:     hello-elementor
Version:      1.1.0
Text Domain:  hello-elementor-child
*/

/* ========== HealthyPack Brand Tokens ========== */
:root{
  --hp-forest:#1B4D3E;
  --hp-forest-light:#2D7A5F;
  --hp-sage:#7BA68A;
  --hp-gold:#D4A843;
  --hp-gold-light:#E8C96A;
  --hp-cream:#FBF8F1;
  --hp-warm-white:#FEFCF7;
  --hp-charcoal:#2A2A2A;
  --hp-charcoal-soft:#4A4A4A;
  --hp-coral:#D4654A;
  --hp-sand:#E8DFD0;
}

/* ========== Base typography + background ========== */
body{
  background:var(--hp-cream);
  color:var(--hp-charcoal);
  font-family:'DM Sans',sans-serif;
}
h1,h2,h3,h4,h5,h6{
  color:var(--hp-forest);
  font-family:'Nunito',sans-serif;
  font-weight:800;
  letter-spacing:-0.5px;
}
a{ color:var(--hp-forest); transition:color .2s ease; }
a:hover{ color:var(--hp-gold); }

/* ========== WooCommerce buttons (defaults sin !important) ========== */
/* Selector específico para ganar a WooCommerce sin !important */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce #respond input#submit.alt,
.woocommerce-page a.button,
.woocommerce-page button.button{
  background:var(--hp-forest);
  color:var(--hp-cream);
  border-color:var(--hp-forest);
  border-radius:50px;
  padding:12px 28px;
  font-weight:700;
  text-transform:none;
  transition:all .2s ease;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce #respond input#submit.alt:hover{
  background:var(--hp-gold);
  color:var(--hp-forest);
  border-color:var(--hp-gold);
}

/* ========== Sale badges & prices ========== */
.woocommerce span.onsale{
  background:var(--hp-coral);
  color:#fff;
  border-radius:50px;
  font-weight:700;
  min-height:auto;
  min-width:auto;
  padding:6px 14px;
  line-height:1;
}
.woocommerce .price,
.woocommerce-Price-amount,
.woocommerce ul.products li.product .price{
  color:var(--hp-forest);
  font-family:'Nunito',sans-serif;
  font-weight:800;
}
.woocommerce del{ color:var(--hp-charcoal-soft); opacity:.55; }

/* ========== Account / Checkout / Cart ========== */
.woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce-MyAccount-navigation ul li a:hover{
  color:var(--hp-gold);
}
.woocommerce-info,
.woocommerce-message,
.woocommerce-error{
  border-top-color:var(--hp-gold);
  background:var(--hp-warm-white);
}
.woocommerce-message::before,
.woocommerce-info::before{ color:var(--hp-forest); }
.woocommerce-error{ border-top-color:var(--hp-coral); }

.woocommerce-tabs ul.tabs li.active{
  border-color:var(--hp-gold);
  background:var(--hp-warm-white);
}
.woocommerce-tabs ul.tabs li.active a{ color:var(--hp-forest); }

/* Stars / ratings */
.woocommerce .star-rating span::before,
.woocommerce p.stars a{ color:var(--hp-gold); }

/* ========== Forms ========== */
input[type="text"],input[type="email"],input[type="password"],
input[type="tel"],input[type="number"],input[type="url"],
input[type="search"],textarea,select{
  border:1px solid var(--hp-sand);
  border-radius:10px;
  background:var(--hp-warm-white);
  padding:12px 14px;
  transition:border-color .2s ease;
}
input:focus,textarea:focus,select:focus{
  border-color:var(--hp-gold);
  outline:none;
  box-shadow:0 0 0 3px rgba(212,168,67,.15);
}

/* ========== Header / nav ========== */
header, .site-header{ background:var(--hp-cream); }
.main-navigation a,
.site-navigation a{ color:var(--hp-forest); font-weight:600; }
.main-navigation a:hover,
.site-navigation a:hover{ color:var(--hp-gold); }

/* ========== Footer ========== */
footer, .site-footer{
  background:var(--hp-forest);
  color:var(--hp-cream);
}
footer a, .site-footer a{ color:var(--hp-sage); }
footer a:hover, .site-footer a:hover{ color:var(--hp-gold); }