/* ==========================================================================
   Vá CSS của Flatsome rò vào markup template (bb/css KHÔNG sửa).
   Nạp ngay sau base.css. Mọi rule neo vào body.bb-site + class của template
   → không đụng markup Flatsome tự sinh (UX Builder, form mặc định…).

   Rà soát ban đầu (flatsome.css 3.17.7, element selector rò vào template):
     li            { margin-bottom:.6em }                  (0,0,1)  → thẻ, bước, footer lệch
     h1..h6        { margin-bottom:.5em; width:100%; color }(0,0,1)  → khoảng cách tiêu đề
     h2            { font-size:1.2em }                     (0,0,1)  → thua .bb-title (0,1,0), vô hại
     p             { margin-bottom:1.3em } (custom-css)    (0,0,1)  → đoạn văn dư lề
     ul            { list-style:disc }                     (0,0,1)  → base.css đã gỡ, nhưng thua thứ tự
     label         { color:#222; font-weight:bold }        (0,0,1)
     input/select/textarea { height, box-shadow, margin-bottom:1em } (0,1,1)
     button        { margin-right/bottom:1em; min-height; uppercase } (0,0,1)
     dl            { font-size:.85em; opacity:.8; uppercase } (0,0,1) → bảng thông số bánh
     small         { display:inline-block; font-size:80% } (0,0,1)
     a / a:hover   { color } (custom-css, cuối <head>)     (0,0,1)/(0,1,1)
   ========================================================================== */

/* --- list: template canh khoảng bằng grid/gap, giả định li không có lề --- */
.bb-site .bb-menu li,
.bb-site .bb-drawer__menu li,
.bb-site .bb-hero__chips li,
.bb-site .bb-usp__grid li,
.bb-site .bb-story__list li,
.bb-site .bb-steps li,
.bb-site .bb-footer li { margin: 0; }   /* li của template không có lề nào */
.bb-site .bb-menu,
.bb-site .bb-drawer__menu,
.bb-site .bb-hero__chips,
.bb-site .bb-usp__grid,
.bb-site .bb-story__list,
.bb-site .bb-steps,
.bb-site .bb-footer ul { list-style: none; margin-left: 0; margin-bottom: 0; padding: 0; }
/* Menu con: Flatsome `ul ul { margin:1.5em 0 1.5em 3em }` (0,0,2) + list-style disc
   → menu con trong ngăn kéo mobile thụt 48px kèm chấm tròn, dropdown desktop lệch 3em.
   Thiết kế không có lề nào cho menu con nên gỡ sạch. */
.bb-site .bb-menu .sub-menu,
.bb-site .bb-drawer__menu .sub-menu { list-style: none; margin: 0; padding-left: 0; }
.bb-site .bb-menu .sub-menu { padding: 10px; }
/* ⚠ KHÔNG gỡ margin-top: .bb-hero__chips (34px), .bb-story__list (24px) đặt có chủ ý. */

/* --- tiêu đề: gỡ width:100% + lề dưới của Flatsome; template tự canh --- */
.bb-site [class^="bb-"] h1, .bb-site [class^="bb-"] h2, .bb-site [class^="bb-"] h3,
.bb-site [class*=" bb-"] h1, .bb-site [class*=" bb-"] h2, .bb-site [class*=" bb-"] h3 {
  width: auto; margin-bottom: 0;
}

/* --- đoạn văn: Flatsome thêm lề dưới; template dùng margin-top/gap --- */
.bb-site [class^="bb-"] p,
.bb-site [class*=" bb-"] p { margin-bottom: 0; }
/* …trừ vùng văn bản dài, nơi lề giữa các đoạn do .bb-prose quyết định */
.bb-site .bb-prose p { margin-bottom: 0; }

/* --- link chữ trơn: base.css chỉ có a{color:inherit} (0,0,1) thua custom-css --- */
.bb-site .bb-logo,
.bb-site .bb-card__title a,
.bb-site .bb-post__title a,
.bb-site .bb-crumb a,
.bb-site .bb-header__phone,
.bb-site .bb-contact__card a,
.bb-site .bb-pd__note a,
.bb-site .bb-shop__empty a,
.bb-site .bb-drawer__menu a { color: inherit; }
.bb-site .bb-card__title a:hover,
.bb-site .bb-post__title a:hover,
.bb-site .bb-crumb a:hover,
.bb-site .bb-contact__card a:hover { color: var(--bb-red); }
.bb-site .bb-line,
.bb-site .bb-line:hover { color: #fff; }
.bb-site .bb-header__phone:hover b { color: var(--bb-red); }

/* --- nút <button> của template --- */
.bb-site .bb-pill,
.bb-site .bb-burger,
.bb-site .bb-drawer__close,
.bb-site .bb-btn {
  margin: 0; letter-spacing: inherit; text-transform: none;
}
.bb-site .bb-pill, .bb-site .bb-burger, .bb-site .bb-drawer__close { min-height: 0; }
.bb-site .bb-btn { line-height: 1; }

/* --- form liên hệ + tìm kiếm: gỡ chiều cao/bóng/lề của Flatsome --- */
.bb-site .bb-field label { display: block; margin: 0; color: inherit; font-size: 14px; font-weight: 600; }
.bb-site .bb-field input,
.bb-site .bb-field select,
.bb-site .bb-field textarea,
.bb-site .bb-search input {
  height: auto; margin: 0; box-shadow: none; max-width: 100%;
}
.bb-site .bb-field select { -webkit-appearance: auto; appearance: auto; background-image: none; }
.bb-site .bb-field input:focus,
.bb-site .bb-field select:focus,
.bb-site .bb-field textarea:focus,
.bb-site .bb-search input:focus { box-shadow: none; }

/* --- bảng thông số bánh: dl bị Flatsome thu nhỏ + viết hoa --- */
.bb-site .bb-pd__specs { font-size: inherit; opacity: 1; text-transform: none; }

/* --- small trong logo / header --- */
.bb-site .bb-header__phone small,
.bb-site .bb-hero__note small,
.bb-site .bb-price small { display: inline; }
.bb-site .bb-header__phone small { display: block; }

/* --- Flatsome đặt #wrapper / #main nền trắng; template dùng nền kem --- */
.bb-site #wrapper, .bb-site #main { background: transparent; }
.bb-site .bb-page > p:empty { display: none; }

/* --- skip link (Flatsome có CSS cho .screen-reader-text) --- */
.bb-site .skip-link:focus { z-index: 1000; }

/* --- Contact Form 7 (inc/cf7.php): phần CF7 tự sinh quanh markup template ---
   span.wpcf7-form-control-wrap là inline → ô nhập không giãn 100%; thông báo
   lỗi/kết quả mặc định của CF7 là viền xanh/đỏ, đổi theo .bb-form__alert. */
.bb-site .bb-form .wpcf7-form-control-wrap { display: block; }
.bb-site .bb-form .wpcf7-not-valid { border-color: #c0392b; }
.bb-site .bb-form .wpcf7-not-valid-tip {   /* Flatsome có CSS CF7 riêng: nền #f1f1f1 + padding 5px 8px */
  margin-top: 4px; padding: 0; background: none; font-size: 13px; color: #a3261b;
}
.bb-site .bb-form textarea.wpcf7-form-control { height: 140px; }   /* CF7 in rows="10" → 266px */
.bb-site .bb-form .wpcf7-response-output {
  margin: 18px 0 0; padding: 14px 18px; border: 0; border-radius: 14px; font-weight: 600;
  background: #fbe3df; color: #8f2a1f;
}
.bb-site .bb-form .wpcf7-form.sent .wpcf7-response-output { background: #e7f3df; color: #33591c; }
.bb-site .bb-form .wpcf7-form.init .wpcf7-response-output,
.bb-site .bb-form .wpcf7-form.resetting .wpcf7-response-output,
.bb-site .bb-form .wpcf7-form.submitting .wpcf7-response-output { display: none; }
.bb-site .bb-form .wpcf7-spinner { display: block; margin: 12px auto 0; }
.bb-site .bb-form .wpcf7-form.submitting .bb-btn { opacity: .7; pointer-events: none; }