/*
Theme Name: YogiBee
Theme URI: https://yogibee.vn
Author: YogiBee Team
Author URI: https://yogibee.vn
Description: Theme WordPress cao cấp cho YogiBee.vn — chuyên phân phối thảm yoga, dụng cụ yoga chính hãng. Thiết kế thanh tĩnh, tôn màu Jade (ngọc bích) và Amber (hổ phách), triết lý mobile-first, không jQuery, tối ưu Core Web Vitals & AI Search.
Version: 1.6.0
Requires at least: 6.6
Tested up to: 6.7
Requires PHP: 8.2
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: yogibee
Domain Path: /languages
Tags: yoga, e-commerce, jade, amber, mobile-first, custom-post-type, elementor-ready, translation-ready
*/

/* ─────────────────────────────────────────────
   YogiBee Theme — Base Tokens (imported inline)
   Chi tiết tokens: assets/css/tokens.css
   File style.css này chỉ giữ header + reset nhẹ
   để WordPress nhận diện theme.
   ───────────────────────────────────────────── */

:root {
  /* Surface */
  --w:  #FFFFFF;
  --s0: #FAFDF8;
  --s1: #F4FAF0;
  --s2: #E8F4E0;
  --s3: #D4ECC4;

  /* Jade — Primary (bản sắc yoga: tĩnh, sâu, an nhiên — bản nhẹ) */
  --jade: #3E8368;
  --j2:   #1D4E3D;
  --j3:   #4F9678;

  /* Amber — Accent (ấm áp, khai mở, đón nhận) */
  --amb: #C88830;
  --a2:  #A87020;
  --a3:  #E0A040;

  /* Text */
  --tx:  #1A2018;
  --tx2: #4A6454;
  --tx3: #7A9080;

  /* Border */
  --bd:  rgba(62,131,104,.14);
  --bd2: rgba(62,131,104,.06);

  /* Shadow */
  --sh1: 0 1px 4px rgba(29,78,61,.08);
  --sh2: 0 4px 20px rgba(29,78,61,.12);
  --sh3: 0 12px 40px rgba(29,78,61,.14);

  /* Radius */
  --r:   8px;
  --rl:  16px;
  --rxl: 24px;

  /* Typography */
  --fh: 'Lora', Georgia, serif;
  --fb: 'Be Vietnam Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;

  /* Font size */
  --fs-xs:   12px;
  --fs-sm:   14px;
  --fs-base: 16px;
  --fs-md:   18px;

  /* Transition */
  --tr: 200ms ease;
}

/* WordPress admin bar offset */
.admin-bar { --wp-admin-bar-height: 32px; }
@media screen and (max-width: 782px) {
  .admin-bar { --wp-admin-bar-height: 46px; }
}

/* Screen reader helper (WP required) */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}
.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0,0,0,0.6);
  clip: auto !important;
  clip-path: none;
  color: var(--j2);
  display: block;
  font-size: 14px;
  font-weight: 700;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}

/* WordPress core alignment classes */
.alignleft  { float: left; margin: 0 1em 1em 0; }
.alignright { float: right; margin: 0 0 1em 1em; }
.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; }
.alignwide  { max-width: 1200px; }
.alignfull  { max-width: 100%; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); }