/* ===========================================================
   LẨU BÒ TƯƠI 100°C — Trang chủ "Imperial Table" (UX Builder)
   Scope toàn bộ trong .lb-* nên KHÔNG ảnh hưởng trang khác.
   =========================================================== */
:root{
  --lb-bg:#0E0A07; --lb-bg2:#161009; --lb-surface:#1C140D; --lb-surface2:#241A11;
  --lb-gold:#C9A24B; --lb-gold2:#E6C97E; --lb-gilt:#F4E4B6; --lb-red:#D12B2F; --lb-red2:#8E1418;
  --lb-text:#F0E7D8; --lb-muted:rgba(240,231,216,.6); --lb-line:rgba(201,162,75,.18); --lb-line2:rgba(201,162,75,.34);
}

/* ======== DARK THEME TOÀN SITE (đồng bộ mọi trang) ======== */
html, body, #wrapper, #main, #content, .page-wrapper, .blog-wrapper, .content-area,
.archive, .single, .page, #primary, .wpb_row, .container{ background-color:var(--lb-bg) !important; }
body{ color:var(--lb-text); }
#content, .entry-content, .post-content, .col-inner, .ux-text, p, li, td, dd, blockquote, .is-small{ color:var(--lb-text); }
h1,h2,h3,h4,h5,h6,.heading-font,.entry-title,.widget-title{ color:var(--lb-gilt) !important; }
a{ color:var(--lb-gold2); } a:hover{ color:var(--lb-gilt); }
/* sections: nền màu đặc -> tối; ảnh nền giữ nguyên */
.section-bg.fill{ background-color:var(--lb-bg) !important; }
.section-bg.fill[style*="background-image"]{ background-color:transparent !important; }
.section.dark, .row.dark{ background-color:var(--lb-bg2) !important; }
/* header tối toàn site + logo trắng */
#header, .header-wrapper, .header-main, .header-bg-color, .header-bg-image, #header.stuck .header-main, .header-bottom-nav{ background-color:rgba(14,10,7,.96) !important; box-shadow:none !important; border-color:var(--lb-line) !important; }
.header-bottom{ background-color:#0A0705 !important; }
#header .nav-top-link, #header .header-nav a, #header .nav > li > a, #header li.html, #header .nav > li > a > i{ color:var(--lb-text) !important; }
#header .nav-top-link:hover, #header .nav > li > a:hover{ color:var(--lb-gold2) !important; }
#header .nav > li > a:before{ background-color:var(--lb-gold) !important; }
#logo img, #logo svg{ filter:brightness(0) invert(1); }
/* footer tối (đồng bộ) */
#footer, .footer-wrapper, .footer, .absolute-footer, .footer-1, .footer-2, #colophon,
#footer .footer-widgets, #footer .row, .footer-inner, #footer .ux-footer{ background-color:#0A0705 !important; color:var(--lb-muted) !important; border-color:var(--lb-line) !important; background-image:none !important; }
#footer a, .absolute-footer a{ color:var(--lb-gold2) !important; }
#footer h1,#footer h2,#footer h3,#footer h4,#footer .widget-title,#footer strong{ color:var(--lb-gilt) !important; }
#footer p, #footer li, #footer .is-divider{ color:var(--lb-muted) !important; }
#footer .widget-title{ border-color:var(--lb-line) !important; }
a#top-link, .back-to-top, #footer #up{ background-color:var(--lb-red) !important; color:#fff !important; border:1px solid var(--lb-gold) !important; }
/* nút trong nội dung -> biển hiệu vàng */
#content .button:not(.lb-ghost):not(.lb-red), .entry-content .button{ border-radius:3px !important; background-color:var(--lb-gold) !important; color:#1B1206 !important; border:1.5px solid #8a6a1f !important; text-transform:uppercase; letter-spacing:.04em; }
/* box/card tối */
#content .box-text, #content article.post, .blog-post-inner, .testimonial-box, #content .ux-box{ background-color:var(--lb-surface) !important; color:var(--lb-text); }
/* form tối */
input:not([type=submit]):not([type=checkbox]):not([type=radio]), textarea, select{ background-color:#120C07 !important; border:1px solid var(--lb-line2) !important; color:var(--lb-text) !important; }
/* TRANG CHỦ: section TRÀN VIỀN (100vw), nội dung canh giữa max-1180px */
body:has(.lb-hero){ overflow-x:hidden !important; }
body:has(.lb-hero) #content, body:has(.lb-hero) .page-wrapper{ padding:0 !important; max-width:100% !important; margin:0 auto !important; }
.lb-sec{ width:100vw !important; max-width:100vw !important; margin-left:calc(50% - 50vw) !important; margin-right:calc(50% - 50vw) !important; padding-left:0 !important; padding-right:0 !important; }
.lb-sec > .section-content{ padding-left:0 !important; padding-right:0 !important; }
.lb-sec .row{ max-width:1180px !important; margin-left:auto !important; margin-right:auto !important; padding-left:24px !important; padding-right:24px !important; }
@media (max-width:549px){
  .lb-sec .row{ max-width:100% !important; padding-left:14px !important; padding-right:14px !important; }
  .lb-sec .col{ padding-left:0 !important; padding-right:0 !important; }
  .lb-combos .lb-ccard{ padding-left:6px !important; padding-right:6px !important; }
  .lb-hero .col .col-inner{ padding:40px 0 24px !important; }
}
/* ======== HẾT DARK TOÀN SITE ======== */

.lb-sec{ background-color:var(--lb-bg) !important; position:relative; }
.lb-sec.alt{ background-color:var(--lb-bg2) !important; }
.lb-sec .col, .lb-sec .col-inner, .lb-sec p, .lb-sec li, .lb-sec span{ color:var(--lb-text); }
.lb-sec h1,.lb-sec h2,.lb-sec h3,.lb-sec h4{ font-family:"UTM Raven",serif !important; color:var(--lb-gilt) !important; letter-spacing:.012em; line-height:1.18; }
.lb-eyebrow{ display:block; font-size:13px; letter-spacing:.26em; text-transform:uppercase; color:var(--lb-gold) !important; font-weight:600; margin-bottom:6px; }
.lb-sec .divider-wrap, .lb-divider{ width:160px; height:9px; margin:14px auto 18px;
  background:
   radial-gradient(circle, var(--lb-gold2) 0 2.4px, transparent 3px) center/9px 9px no-repeat,
   linear-gradient(90deg,transparent,var(--lb-line2)) left center/66px 1px no-repeat,
   linear-gradient(90deg,var(--lb-line2),transparent) right center/66px 1px no-repeat; }

/* nút biển hiệu */
.lb-sec .button{ border-radius:3px !important; text-transform:uppercase; letter-spacing:.06em; font-weight:500;
  border:1.5px solid #8a6a1f !important; background-color:var(--lb-gold) !important; color:#1B1206 !important; box-shadow:inset 0 0 0 3px rgba(27,18,6,.16) !important; margin:6px 8px 6px 0; }
.lb-sec .button.lb-ghost{ background-color:transparent !important; color:var(--lb-gold2) !important; border-color:var(--lb-line2) !important; box-shadow:inset 0 0 0 3px rgba(201,162,75,.12) !important; }
.lb-sec .button.lb-red{ background-color:var(--lb-red) !important; color:#fff !important; border-color:var(--lb-gold) !important; }
.lb-sec .button:hover{ filter:brightness(1.08); transform:translateY(-2px); }

/* HERO */
.lb-hero{ background:radial-gradient(125% 120% at 84% -10%,#48230f 0%,#1a0e07 42%,var(--lb-bg) 70%) !important; overflow:hidden; }
.lb-hero .lb-h1{ font-size:clamp(38px,5vw,62px); color:var(--lb-gilt) !important; margin:6px 0 18px; }
.lb-hero .lb-h1 em{ color:var(--lb-gold2); font-style:italic; }
.lb-hero .lb-lead{ font-size:18px; color:rgba(240,231,216,.8) !important; max-width:520px; }
.lb-hero .lb-stats{ display:flex; gap:34px; margin-top:30px; border-top:1px solid var(--lb-line); padding-top:22px; }
.lb-hero .lb-stats b{ font-family:'Playfair Display',serif; font-size:30px; color:var(--lb-gold2); display:block; }
.lb-hero .lb-stats small{ font-size:13px; color:var(--lb-muted); }
.lb-hero .lb-hero-img img{ border-radius:16px; border:1px solid var(--lb-line2); box-shadow:0 30px 70px rgba(0,0,0,.5); }

/* FEATURES (icon box) */
.lb-features .icon-box{ background:var(--lb-surface); border:1px solid var(--lb-line); border-radius:14px; padding:30px 22px; transition:.3s; text-align:center; height:100%; }
.lb-features .icon-box:hover{ transform:translateY(-6px); border-color:var(--lb-gold); }
.lb-features .icon-box-img{ width:78px !important; height:78px; margin:0 auto 14px; border-radius:50%; background:#140D07; border:1.5px solid var(--lb-gold); display:flex; align-items:center; justify-content:center; }
.lb-features .icon-box-img img{ width:40px !important; height:40px; object-fit:contain; filter:brightness(0) invert(1); }
.lb-features .icon-box h3,.lb-features .icon-box h4{ font-size:20px; margin-bottom:6px; }
.lb-features .icon-box p{ font-size:14px; color:var(--lb-muted) !important; }

/* COMBOS */
.lb-combos{ background-color:var(--lb-bg) !important; background-image:radial-gradient(rgba(201,162,75,.05) 1px,transparent 1.5px) !important; background-size:24px 24px !important; }
.lb-ccard{ background:var(--lb-surface); border:1px solid var(--lb-line); border-radius:14px; overflow:hidden; transition:.3s; height:100%; position:relative; }
.lb-ccard:hover{ transform:translateY(-8px); border-color:var(--lb-gold); }
.lb-ccard .lb-cimg{ height:180px; overflow:hidden; }
.lb-ccard .lb-cimg img{ width:100%; height:100%; object-fit:cover; border-radius:0; transition:.4s; }
.lb-ccard:hover .lb-cimg img{ transform:scale(1.06); }
.lb-ccard .lb-cbody{ padding:20px 20px 24px; }
.lb-ccard .lb-deg{ font-family:'Playfair Display',serif; font-size:30px; color:var(--lb-gold2); font-weight:700; line-height:1; }
.lb-ccard .lb-csub{ font-size:14px; color:var(--lb-muted) !important; margin:4px 0 10px; }
.lb-ccard .lb-price{ font-family:'Playfair Display',serif; font-size:26px; color:#FBF4E6; font-weight:600; margin-bottom:14px; display:block; }
.lb-ccard.feat{ border-color:var(--lb-gold2); }
.lb-ribbon{ position:absolute; top:12px; left:12px; z-index:3; background:var(--lb-gold); color:#1B1206; font-size:11px; font-weight:600; padding:5px 12px; border-radius:3px; letter-spacing:.04em; text-transform:uppercase; }

/* PROMO */
.lb-promo .ux-image-overlay-anchor, .lb-promo img{ border-radius:14px; border:1px solid var(--lb-line2); }

/* STORY */
.lb-story{ background-color:var(--lb-bg) !important; }
.lb-story .lb-story-img img{ border-radius:14px; border:1px solid var(--lb-line2); }
.lb-story h2{ font-size:clamp(28px,4vw,42px); }
.lb-story p{ color:var(--lb-muted) !important; }
.lb-herbs{ margin-top:14px; }
.lb-herbs span{ display:inline-block; background:rgba(201,162,75,.08); color:var(--lb-gold2) !important; border:1px solid var(--lb-line2); padding:5px 13px; border-radius:3px; font-size:13px; margin:4px 6px 0 0; }

/* REVIEWS */
.lb-reviews{ background-color:var(--lb-bg2) !important; }
.lb-rcard{ background:var(--lb-surface); border:1px solid var(--lb-line); border-radius:14px; padding:24px; height:100%; }
.lb-rcard .stars{ color:var(--lb-gold); letter-spacing:.1em; margin-bottom:8px; display:block; }
.lb-rcard p{ font-size:15px; color:rgba(240,231,216,.82) !important; }
.lb-rcard .who{ color:var(--lb-gold2) !important; font-weight:600; margin-top:8px; display:block; }

/* BRANCHES */
.lb-branches{ background-color:var(--lb-bg) !important; }
.lb-bcard{ background:var(--lb-surface); border:1px solid var(--lb-line); border-radius:14px; overflow:hidden; height:100%; }
.lb-bcard iframe{ width:100%; height:200px; border:0; filter:grayscale(.3) brightness(.92); display:block; }
.lb-bcard .lb-binfo{ padding:22px; }
.lb-bcard .lb-binfo h3{ font-size:22px; margin-bottom:6px; }
.lb-bcard .lb-binfo p{ font-size:14px; color:var(--lb-muted) !important; margin:4px 0; }
.lb-bcard .lb-binfo a{ color:var(--lb-gold2) !important; }

/* BOOK CTA */
.lb-book{ background:radial-gradient(120% 150% at 50% 0%,#48230f,var(--lb-bg)) !important; text-align:center; }
.lb-book h2{ font-size:clamp(30px,4vw,46px); }
.lb-book h2 em{ color:var(--lb-gold2); font-style:italic; }
.lb-book p{ color:rgba(240,231,216,.74) !important; max-width:520px; margin:0 auto 6px; }

/* HEADER tối — chỉ trên trang chủ (.home) */
.home #header .header-main,
.home #header.stuck .header-main,
.home #header .header-bg-color,
.home #header .header-bg-image,
.home #header .header-wrapper{ background-color:rgba(14,10,7,.96) !important; box-shadow:none !important; }
.home #header{ border-bottom:1px solid var(--lb-line); }
.home #header .header-nav a, .home #header .nav-top-link,
.home #header .nav > li > a, .home #header li.html{ color:var(--lb-text) !important; }
.home #header .nav-top-link:hover, .home #header .nav > li > a:hover{ color:var(--lb-gold2) !important; }
.home #header .nav > li > a:before{ background-color:var(--lb-gold) !important; }
.home #logo img, .home #logo svg{ filter:brightness(0) invert(1); }
.home .header-top{ background-color:#0A0705 !important; border-color:var(--lb-line) !important; }

/* ===== HERO mobile: ảnh banner LÊN TRƯỚC + chữ gọn ===== */
@media (max-width:549px){
  .lb-hero .row{ display:flex !important; flex-direction:column !important; }
  .lb-hero .lb-media{ order:-1 !important; width:100% !important; max-width:100% !important; }
  .lb-hero .lb-media .col-inner{ padding:14px 0 4px !important; }
  .lb-hero .col:not(.lb-media) .col-inner{ padding:4px 0 28px !important; }
  .lb-hero .lb-h1{ font-size:clamp(28px,8.4vw,38px) !important; margin:8px 0 14px !important; line-height:1.2 !important; }
  .lb-hero .lb-lead{ font-size:15.5px !important; }
  .lb-hero .lb-stats{ gap:18px !important; margin-top:20px !important; padding-top:18px !important; }
  .lb-hero .lb-stats b{ font-size:26px !important; }
  .lb-hero .lb-hero-img img{ border-radius:14px !important; }
}

/* ===== Font UTM Raven cho NÚT BẤM + THANH MENU (giống H1, KHÔNG phóng to) ===== */
.button:not(.zz):not(.zzz), a.button:not(.zz):not(.zzz), input[type="submit"]:not(.zz),
#content .button:not(.zz):not(.zzz), .lb-sec .button:not(.zz):not(.zzz){
  font-family:"UTM Raven","Playfair Display",serif !important;
  text-transform:none !important;
  letter-spacing:.02em !important;
  font-weight:400 !important;
  font-size:17px !important;
}
/* Menu: CHỈ đổi font, KHÔNG khoá cỡ chữ — để bạn tự chỉnh size trong Customizer */
#header .nav a, #header .nav-top-link, #header .nav > li > a,
#header .header-nav a, #header li.html > a, nav.menu a{
  font-family:"UTM Raven","Playfair Display",serif !important;
  text-transform:none !important;
}