/* Mật Ong Manuka — child theme: helper dùng chung (nạp mọi trang).
   Ghi đè design tokens của theme cha sang NHẬN DIỆN MỚI (xanh rừng + gold). */

:root {
  /* Bảng màu thương hiệu MATONGMANUKA.COM.VN (theo brief) */
  --brand-primary: #153E35;
  --brand-accent:  #D89B2B;
  --brand-cream:   #FFF8EC;
  --brand-sand:    #F2E7D3;
  --brand-text:    #252B29;
  --brand-white:   #FFFFFF;
  --brand-error:   #B42318;
  --brand-success: #247A52;

  /* Map vào token của theme cha để toàn bộ component đổi màu theo */
  --vs-primary:      #153E35;
  --vs-primary-dark: #0E2C26;
  --vs-secondary:    #1D5647;
  --vs-accent:       #D89B2B;
  --vs-accent-hover: #B67F1E;
  --vs-gold-text:    #9A6712;   /* gold đậm cho chữ trên nền sáng (đạt AA) */
  --vs-text:         #252B29;
  --vs-muted:        #5F6b66;
  --vs-bg-light:     #FFF8EC;
  --vs-bg-soft:      #F2E7D3;
  --vs-border:       #EADFCB;
  --vs-success:      #247A52;
  --vs-danger:       #B42318;
}

.mtm-ico { width: 1.25em; height: 1.25em; flex: 0 0 auto; vertical-align: -.15em; }

/* Ẩn dòng liên hệ TRỐNG (email/địa chỉ/giờ làm chưa xác nhận) — tránh link rỗng.
   Sẽ thay bằng header/footer thiết kế lại ở bước sau. */
.vs-topbar__list li:has(> a[href="mailto:"]),
.vs-topbar__list li:has(> a[href="tel:"]),
.vs-footer__contact li:has(a[href="mailto:"]),
.vs-footer__contact li:has(a[href="tel:"]),
.vs-footer__contact li:has(> span:empty) { display: none; }

/* Nhãn nhỏ phía trên tiêu đề section */
.mtm-kicker {
    display: inline-block;
    font-size: .8rem;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--vs-gold-text);
    margin-bottom: .5rem;
}

.mtm-head { max-width: 640px; margin-inline: auto; text-align: center; }
.mtm-head h2 { margin: 0 0 .5rem; }

/* Eyebrow dạng chip (hero) */
.mtm-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    font-size: .82rem;
    font-weight: 700;
    letter-spacing: .04em;
    color: var(--vs-gold-text);
    background: rgba(217, 154, 28, .12);
    border: 1px solid rgba(217, 154, 28, .3);
    padding: .4rem .85rem;
    border-radius: 999px;
}

.mtm-btn-lg { padding: .95rem 1.6rem; font-size: 1.02rem; }

/* Nút thêm giỏ trên thẻ sản phẩm dùng lại style .vs-btn ngầm */
.mtm-pcard__add {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    font-weight: 600;
    font-size: .9rem;
    padding: .5rem .9rem;
    border-radius: var(--vs-radius-sm);
    background: var(--vs-primary);
    color: #fff !important;
    transition: background .18s ease, transform .18s ease;
    white-space: nowrap;
}
.mtm-pcard__add:hover { background: var(--vs-primary-dark); transform: translateY(-1px); }
.mtm-pcard__add.loading { opacity: .7; }
.mtm-pcard__add.added::after { content: "✓"; margin-left: .25rem; }