/*
Theme Name:   Kadence Child — herbanutricion.cl
Template:     kadence
Version:      1.0.0
Description:  Tema hijo herbanutricion.cl
Author:       HerbaNutricion
*/
@import url("../kadence/style.css");

/* ===== IDENTIFICACIÓN DISTRIBUIDOR (norma Herbalife 3.2 — obligatorio) ===== */
.distributor-id-tag {
  font-size: 11px !important;
  color: #888 !important;
  letter-spacing: 0.02em;
  display: block;
  margin-top: 2px;
}
@media (max-width: 767px) {
  .distributor-id-tag { display: none !important; }
}

/* ===== ANNOUNCEMENT BAR (promociones: Cyber Day, Navidad, etc.) ===== */
.kadence-top-bar { transition: all 0.3s ease; }
.kadence-top-bar .kadence-top-bar-inner { padding: 10px 20px !important; }

.announcement-green .kadence-top-bar { background: #78BE20 !important; }
.announcement-green .kadence-top-bar * { color: #fff !important; font-weight: 600; }

.announcement-red .kadence-top-bar { background: #e63946 !important; }
.announcement-red .kadence-top-bar * { color: #fff !important; font-weight: 600; }

.announcement-black .kadence-top-bar { background: #1a1a1a !important; }
.announcement-black .kadence-top-bar * { color: #fff !important; font-weight: 600; }
.announcement-black .kadence-top-bar a { color: #78BE20 !important; text-decoration: underline; }

.announcement-gold .kadence-top-bar { background: linear-gradient(90deg,#b8860b,#ffd700,#b8860b) !important; }
.announcement-gold .kadence-top-bar * { color: #1a1a1a !important; font-weight: 700; }

/* ===== HEADER PREMIUM ===== */
#masthead { border-bottom: 1px solid rgba(120,190,32,0.15); }

.kadence-sticky-header.kadence-scroll-header {
  backdrop-filter: blur(6px);
  background: rgba(255,255,255,0.97) !important;
  box-shadow: 0 2px 20px rgba(0,0,0,0.08);
}

.header-button.button-style-filled {
  background: #25D366 !important;
  border-radius: 100px !important;
  font-weight: 700 !important;
  box-shadow: 0 2px 10px rgba(37,211,102,0.3) !important;
  transition: all 0.2s ease !important;
}
.header-button.button-style-filled:hover {
  background: #1eb85a !important;
  transform: translateY(-1px) !important;
}

.kadence-navigation .dropdown-nav-list {
  border-top: 3px solid #78BE20 !important;
  border-radius: 0 0 14px 14px !important;
  box-shadow: 0 8px 24px rgba(0,0,0,0.12) !important;
  min-width: 240px !important;
}
.kadence-navigation .dropdown-nav-list li a:hover { background: #f0f9e8 !important; }

/* ===== SECCIONES ===== */
.wp-block-kadence-rowlayout.has-background-color-palette4 { background: #eef5f1 !important; }

/* ===== CARDS Y COMPONENTES ===== */
.kb-info-box-wrap { border-left: 3px solid #78BE20 !important; }

/* ===== AI ANSWER BOX (citabilidad LLM) ===== */
.ai-answer-box {
  background: #f5f9f0;
  border-left: 4px solid #78BE20;
  padding: 20px 24px;
  margin: 24px 0;
  border-radius: 0 8px 8px 0;
}
.ai-answer-box h2 { font-size: 18px !important; margin-bottom: 12px !important; }

/* ===== WOOCOMMERCE PREMIUM ===== */
.woocommerce-product-gallery__image { border-radius: 12px; }
.single_add_to_cart_button {
  background: #78BE20 !important;
  border-radius: 100px !important;
  font-weight: 700 !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
  border-left: 3px solid transparent;
  padding-left: 16px;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a {
  border-left-color: #78BE20;
  color: #78BE20;
  font-weight: 600;
}

/* ===== CHECKOUT — Módulo "Activa tu cuenta" ===== */
.hn-account-benefits {
  background: #f5f9f0;
  border: 1px solid #d4edbe;
  border-radius: 10px;
  padding: 18px 20px;
  margin-bottom: 20px;
}
.hn-account-benefits h4 {
  font-size: 15px;
  color: #3a5a1e;
  margin: 0 0 10px 0;
}
.hn-account-benefits ul {
  list-style: none;
  padding: 0;
  margin: 0 0 10px 0;
}
.hn-account-benefits ul li {
  font-size: 13px;
  color: #555;
  padding: 3px 0;
}
.hn-account-benefits ul li::before {
  content: "✅ ";
}
.hn-account-benefits small {
  font-size: 12px;
  color: #888;
  display: block;
}

/* ===== BOTONES DE BLOQUE (Gutenberg) — outline verde, opción A ===== */
/* Cubre .glsr-button (Site Reviews "Enviar una reseña") y cualquier
   botón de bloque del contenido. No toca .single_add_to_cart_button
   (CTA principal de compra, definido aparte). */
.wp-block-button__link.wp-element-button {
  background: #fff !important;
  color: #67A81C !important;
  border: 2px solid #67A81C !important;
  border-radius: 100px !important;
  padding: 12px 28px !important;
  font-weight: 700 !important;
}
.wp-block-button__link.wp-element-button:hover {
  background: #EBF7D4 !important;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 767px) {
  .ai-answer-box { padding: 16px 18px; }
  .hn-account-benefits { padding: 14px 16px; }
}

/* ── Footer 100% width ── */
.site-footer{max-width:100%!important;width:100%!important;}
.site-footer .kt-container,.site-footer .footer-container,.footer-row-layout-wrap,.kt-row-layout-wrap{max-width:100%!important;width:100%!important;padding-left:0!important;padding-right:0!important;}