/*
Theme Name: BachKhoa
Theme URI: https://dienlanhbachkhoa24h.com/
Author: Dien Lanh Bach Khoa
Author URI: https://dienlanhbachkhoa24h.com/
Description: Flatsome child theme - hien thi thiet ke demo goc (tone do-trang) cho 9 trang dich vu. Banner/anh/noi dung deu sua duoc trong wp-admin (Pages, Media, Customizer).
Version: 1.8.7
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: flatsome
Text Domain: bachkhoa
*/

/* CSS bo sung toi thieu cua child theme. Toan bo thiet ke demo nam trong assets/css/bk-demo.css
   (chi nap tren cac trang dung template "BK Demo"). */

/* ================================================================
 * v1.1 — HEADER gan demo: font Be Vietnam Pro cho menu, logo lon hon,
 * nut GOI do kieu demo o cuoi menu chinh.
 * ================================================================ */
/* Font menu + khu logo theo demo (Be Vietnam Pro, IN HOA, dam 600) */
.header-wrapper .nav,
.header-wrapper .nav > li,
.header-wrapper .nav > li > a,
#logo, .header-logo, .logo a {
  font-family:"Be Vietnam Pro",system-ui,-apple-system,"Segoe UI",sans-serif;
}
.header-wrapper .nav > li > a {
  font-weight:600;
  font-size:13px;
  letter-spacing:.3px;
  text-transform:uppercase;
  color:#191b21;
}
.header-wrapper .nav > li > a:hover {color:#d9232e}
.header-wrapper .nav > li.current-menu-item > a,
.header-wrapper .nav > li.current_page_item > a {color:#d9232e}

/* ================================================================
 * v1.2 — HEADER gan demo them: khung logo rong tu do (anh ngang
 * 1180×220 khong bi bop), nut GOI 1 dong, menu thon gon, header
 * sticky co border + bong nhe.
 * ================================================================ */
/* Khung logo: khong gioi han be rong cua Flatsome, anh giu ti le
 * (v1.4: giam xuong 42px de hang header vua khung 1240px o man hinh rong) */
.header-wrapper #logo, .header-wrapper .logo, .header-wrapper .header-logo {
  flex:none !important;
  width:auto !important;
  max-width:none !important;
}
#logo img, .header-logo img, .logo img {
  height:42px !important;
  max-height:42px !important;
  width:auto !important;
  max-width:none !important;
}
@media (max-width:849px) {
  #logo img, .header-logo img, .logo img {
    height:40px !important;
    max-height:40px !important;
  }
}

/* Thon gon khoang cach cac muc menu de hang vua 1 dong
 * (v1.4: siet them cho khung 1240px o man hinh rong) */
.header-wrapper .nav > li > a {
  padding-left:7px !important;
  padding-right:7px !important;
  font-size:13px;
  letter-spacing:0;
  white-space:nowrap;
}

/* Nut GOI: 1 dong, khong roi hang (v1.2: sua loi rot dong so dien thoai) */
.nav > li.bk-call-item {margin-left:12px; flex:none}
.nav > li.bk-call-item > a.bk-call-btn {
  background:#d9232e !important;
  color:#fff !important;
  border-radius:999px;
  padding:9px 14px !important;
  font-weight:700;
  font-size:13px;
  line-height:1;
  display:inline-flex !important;
  align-items:center;
  gap:7px;
  white-space:nowrap;
  flex:none;
}
.nav > li.bk-call-item > a.bk-call-btn:hover {
  background:#b0101d !important;
  color:#fff !important;
}
.nav > li.bk-call-item > a.bk-call-btn svg {flex:none}

/* Header sticky: border manh + bong do nhe kieu demo */
.header-wrapper.stuck {
  box-shadow:0 6px 20px -10px rgba(25,27,33,.22);
  border-bottom:1px solid #f0e3e3;
}

/* ================================================================
 * v1.4 — HEADER gon trong khung 1240px o man hinh rong
 * (sua loi lech/tran phai o 1920px: logo + 9 muc menu + nut GOI
 * bi day qua mep phai, muc LIEN HE bi cat)
 * ================================================================ */
.header-wrapper .header-main > .header-inner {
  max-width:1240px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding-left:20px !important;
  padding-right:20px !important;
  box-sizing:border-box !important;
}
.header-wrapper .header-main .nav {
  justify-content:flex-end;
  flex-wrap:nowrap;
  min-width:0;
}
/* Bao hiem chong tran ngang toan trang demo (clip khong pha sticky) */
body.bk-demo-page {overflow-x:clip}
@media (max-width:1280px) {
  .header-wrapper .nav > li > a {padding-left:6px !important;padding-right:6px !important}
}

/* ================================================================
 * v1.4 — FOOTER (BAO HIEM): style.css luon duoc nap nen du bk-demo.css
 * co loi tai thi footer demo van hien nen toi, khong bao gio "mat".
 * Style day du nam trong assets/css/bk-demo.css.
 * ================================================================ */
body.bk-demo-page #footer {display:none !important}
body.bk-demo-page .bk-footer {
  display:block;background:#0c0d10;color:#c9ccd4;padding:64px 0 40px;
}
body.bk-demo-page .bk-foot-grid {
  display:grid;grid-template-columns:1.3fr 1fr 1fr 1.2fr;gap:36px;
  max-width:1240px;margin:0 auto;padding:0 20px;box-sizing:border-box;
}
body.bk-demo-page .bk-footer h4 {color:#fff}
body.bk-demo-page .bk-footer a {color:#c9ccd4}
@media (max-width:1020px){body.bk-demo-page .bk-foot-grid{grid-template-columns:1fr 1fr}}
@media (max-width:640px){body.bk-demo-page .bk-foot-grid{grid-template-columns:1fr}}

/* ================================================================
 * v1.6 — THANH TOPBAR DO GIONG DEMO (render tu functions.php,
 * nam ngoai header Flatsome, chi hien tren trang dung template
 * BK Demo; cuon di cung trang, header sticky khong che/de)
 * ================================================================ */
.bk-topbar {
  background:linear-gradient(90deg,#7d0a14,#b0101d);
  color:#fff;font-size:13px;
  font-family:"Be Vietnam Pro",system-ui,-apple-system,"Segoe UI",sans-serif;
}
.bk-topbar .wrap {
  max-width:1200px;margin:0 auto;padding:8px 20px;
  display:flex;align-items:center;gap:22px;flex-wrap:wrap;box-sizing:border-box;
}
.bk-topbar .tb-item {display:inline-flex;align-items:center;gap:7px;opacity:.95}
.bk-topbar .tb-right {margin-left:auto;display:inline-flex;gap:18px;align-items:center}
.bk-topbar a {color:#fff !important;font-weight:700;text-decoration:none}
.bk-topbar a:hover {text-decoration:underline}
@media (max-width:640px) {
  .bk-topbar .tb-hide {display:none}
  .bk-topbar .wrap {gap:12px;justify-content:center}
  .bk-topbar .tb-right {margin-left:0}
}

/* ================================================================
 * v1.6.2 — HEADER MOBILE: logo TRAI, nut burger PHAI (SUA DUT DIEM).
 * NGUYEN NHAN THAT (xac nhan bang DOM site): selector cu dang
 * "masthead + phan tu con mang class header-main" KHONG BAO GIO
 * khop — DOM thuc te: <div id="masthead" class="header-main"> chua
 * TRUC TIEP <div class="header-inner ..."> (class header-main nam
 * ngay tren #masthead, khong co phan tu header-main nao long ben
 * trong). Da xoa toan bo block cu; block moi dung
 * #masthead .header-inner truc tiep theo dung thu tu DOM: (1) #logo
 * | (2) .show-for-medium.flex-left (chua nut burger) | (3) nav
 * desktop | (4) flex-right | (5) .show-for-medium.flex-right (rong
 * tren site nay).
 * ================================================================ */
@media (max-width:849px) {
  #masthead .header-inner > #logo {
    order:1 !important;flex:0 0 auto !important;
    margin-left:0 !important;margin-right:auto !important;
    text-align:left !important;max-width:none !important;
  }
  #masthead .header-inner > .flex-col.show-for-medium.flex-left {
    order:3 !important;flex:0 0 auto !important;
    margin-left:auto !important;margin-right:0 !important;
  }
  #masthead .header-inner > .flex-col.show-for-medium.flex-right {
    display:none !important;
  }
  /* Hop hong cho nut burger (icon i.icon-menu giu nguyen font Flatsome) */
  #masthead .header-inner > .flex-col.show-for-medium.flex-left .nav-icon a {
    display:flex !important;align-items:center !important;
    justify-content:center !important;
    background:#fff1f2 !important;border:1px solid #ffd9dc !important;
    border-radius:12px !important;padding:9px 11px !important;
    color:#191b21 !important;
  }
}

/* ================================================================
 * v1.6.3 — HERO CTA MOBILE (<=640px): 2 nut 1 hang, khong ngat/cat
 * chu. Bao hiem cap 2: rule goc da co trong bk-demo.css (block
 * v1.6.2 cuoi file) — dua them sang style.css (file luon duoc nap
 * cuoi, da chung minh ap dung tot o v1.6.2) voi selector day du
 * body.bk-demo-page .bk-demo + !important toan bo, de thang moi
 * cascade du rule trong bk-demo.css co gap van de gi.
 * ================================================================ */
@media (max-width:640px){
  body.bk-demo-page .bk-demo .hero-cta{display:flex !important;flex-direction:row !important;flex-wrap:nowrap !important;gap:10px !important;width:100% !important;max-width:100% !important}
  body.bk-demo-page .bk-demo .hero-cta .btn{flex:1 1 0% !important;min-width:0 !important;max-width:50% !important;white-space:nowrap !important;overflow:hidden !important;font-size:13.5px !important;line-height:1.2 !important;padding:13px 6px !important;display:flex !important;align-items:center !important;justify-content:center !important;text-align:center !important}
}
/* v1.6.3 — Man hinh rat hep (<=400px): ha co chu nut xuong 12.5px
 * de "Dat lich sua chua" vua chac 1 dong (tinh tay: 320px -> noi
 * dung ~288px, moi nut (288-10)/2=139px, tru padding 12px con
 * ~127px cho chu; 12.5px semibold ≈ 115-122px -> vua an toan). */
@media (max-width:400px){
  body.bk-demo-page .bk-demo .hero-cta .btn{font-size:12.5px !important;padding:12px 4px !important}
}