/* Astra — nhahang4 trang trong (Giới thiệu, Thực đơn, Liên hệ, Bài viết, Tin tức) dựng Y HỆT mockup (2026-09-27). */

/* ---------- Banner trang trong ---------- */
.sbm-ihero-title { font-family: "Cormorant Garamond", Georgia, serif !important; color: #fff !important; font-size: 54px !important; font-weight: 600 !important; line-height: 1.15 !important; margin: 0 0 12px !important; text-shadow: 0 2px 12px rgba(0,0,0,.4); }
.sbm-ihero-title-l { font-size: 58px !important; }
.sbm-upper { text-transform: uppercase; letter-spacing: .01em; font-size: 64px !important; }
.sbm-ihero-sub { color: #fff !important; font-family: "Cormorant Garamond", Georgia, serif; font-size: 24px !important; margin: 0 0 10px !important; }
.sbm-ihero-sub span { margin: 0 8px; color: var(--sbm-gold2); }
.sbm-crumb { color: rgba(255,255,255,.85) !important; font-size: 14px !important; margin: 0 !important; }
.sbm-crumb a { color: rgba(255,255,255,.85) !important; }
.sbm-crumb span { margin: 0 10px; }
.sbm-crumb-top { margin-bottom: 14px !important; }
.sbm-orn-left { margin: 0 0 16px !important; }
.sbm-ihero-leaf .banner-bg::before { content: ""; position: absolute; inset: 0; z-index: 2; background: url(icons/deco-leaf.png) no-repeat right -40px bottom -30px / 360px auto; opacity: .9; }
.sbm-sub { color: #6B655B !important; font-size: 16px !important; margin: 0 0 16px !important; }
.sbm-cap { text-align: center; font-family: "Cormorant Garamond", Georgia, serif; font-size: 19px !important; color: #2E2A24 !important; margin: 10px 0 0 !important; }

/* ---------- Giới thiệu ---------- */
.sbm-story { background-image: url(icons/deco-ginseng.png); background-repeat: no-repeat; background-position: -30px 100%; background-size: 300px auto; }
.sbm-story-text .col-inner { padding: 40px 40px 40px 60px !important; }
.sbm-h1-sm { font-size: 44px !important; margin-bottom: 18px !important; }
.sbm-story-text p:not([class]), .sbm-chef-text p:not([class]) { font-size: 16px !important; line-height: 1.65 !important; }
.sbm-story .sbm-quote { margin-left: 110px !important; font-size: 24px !important; }
.sbm-story-media .col-inner { position: relative; padding: 16px 0 16px !important; }
.sbm-story-media .img:first-child { width: 86% !important; }
.sbm-story-inset { position: absolute !important; right: 0; bottom: 16px; width: 32% !important; border: 6px solid #fff; box-shadow: 0 10px 28px rgba(0,0,0,.18); }
.sbm-chef-img .img-inner { border: 1px solid #E3D8C4; padding: 8px; background: #fff; }
.sbm-chef-text .col-inner { padding-left: 40px !important; }
.sbm-sign { transform: rotate(-6deg); margin: 24px 0 0 60px !important; font-size: 30px !important; }
.sbm-space-col { padding-bottom: 0 !important; }
.sbm-space-col .img-inner { border-radius: 2px; }
.sbm-values .sbm-value { flex-basis: 20% !important; max-width: 20% !important; border-right: 1px solid #E3D8C4; padding-bottom: 0 !important; }
.sbm-values .sbm-value:last-child { border-right: 0; }
.sbm-value-ico { margin: 0 !important; } .sbm-value-ico img { width: 54px; height: 54px; }
.sbm-value-title { font-family: "Cormorant Garamond", Georgia, serif !important; color: var(--sbm-bronze) !important; font-size: 24px !important; font-weight: 700 !important; margin: 8px 0 4px !important; }
.sbm-value p:not([class]) { font-size: 15px !important; color: #6B655B !important; margin: 0 !important; }

/* ---------- Thực đơn ---------- */
.sbm-hint { display: inline-flex; gap: 8px; align-items: center; color: var(--sbm-gold) !important; font-size: 14px !important; margin: 0 !important; }
.sbm-hint img { width: 16px; height: 16px; }
.sbm-viewicons { position: absolute; right: 16px; top: 60px; display: flex; gap: 6px; margin: 0 !important; }
.sbm-viewicons span { width: 36px; height: 36px; border: 1px solid #D9C7A3; display: flex; align-items: center; justify-content: center; background: #fff; }
.sbm-viewicons span.is-active { background: var(--sbm-gold); } .sbm-viewicons span.is-active img { filter: brightness(0) invert(1); }
.sbm-mpages .sbm-head { position: relative; margin-bottom: 18px; }
.sbm-mpage { padding-bottom: 26px !important; }
.sbm-mpage .col-inner { position: relative; }
.sbm-mpage .img { border: 2px solid #D4AE62; padding: 6px; background: #FBF7EF; box-shadow: 0 8px 22px rgba(90,64,20,.12); }
.sbm-mpage-zoom { position: absolute; right: 16px; bottom: 52px; width: 38px; height: 38px; border-radius: 50%; background: var(--sbm-gold); display: flex; align-items: center; justify-content: center; margin: 0 !important; pointer-events: none; }
.sbm-mpage-zoom img { width: 20px; height: 20px; filter: brightness(0) invert(1); }
.sbm-mpage-no { text-align: center; font-family: "Cormorant Garamond", Georgia, serif; font-size: 19px !important; color: #4A4740 !important; margin: 10px 0 0 !important; }
.sbm-mcount { display: flex; align-items: center; justify-content: center; gap: 18px; color: var(--sbm-gold) !important; font-family: "Cormorant Garamond", Georgia, serif; font-size: 20px !important; margin: 0 !important; }
.sbm-mcount::before, .sbm-mcount::after { content: ""; width: 120px; height: 1px; background: var(--sbm-gold); }
.sbm-menu-label-sm { font-size: 34px !important; } .sbm-menu-label-sm strong { font-size: 30px !important; }
.sbm-menu-other .sbm-menu-card { padding-bottom: 0 !important; }

/* ---------- Liên hệ ---------- */
.sbm-ct { background-image: url(icons/deco-ginseng.png); background-repeat: no-repeat; background-position: -40px 100%; background-size: 260px auto; }
.sbm-h2-dark { color: #2E2A24 !important; font-size: 38px !important; }
.sbm-ct-title { font-family: "Cormorant Garamond", Georgia, serif !important; font-size: 32px !important; color: #2E2A24 !important; font-weight: 600 !important; margin: 0 0 12px !important; padding-bottom: 10px; border-bottom: 2px solid var(--sbm-gold); display: inline-block; }
.sbm-ct-list { list-style: none; margin: 0 !important; }
.sbm-ct-list li { list-style: none; display: flex; gap: 18px; align-items: center; padding: 14px 0; border-bottom: 1px solid #E3D8C4; margin: 0 !important; font-size: 15px; color: #4A4740; }
.sbm-ct-ico { width: 50px; height: 50px; flex: 0 0 50px; border: 1.5px solid var(--sbm-gold); border-radius: 50%; display: flex; align-items: center; justify-content: center; }
.sbm-ct-ico img { width: 22px; height: 22px; }
.sbm-ct-list strong { display: block; color: #2E2A24; font-size: 16px; }
.sbm-ct-list a { color: #4A4740 !important; }
.sbm-ct-call a { display: inline-flex; align-items: center; gap: 10px; border: 1.5px solid var(--sbm-gold); color: var(--sbm-bronze) !important; font-weight: 700; text-transform: uppercase; padding: 10px 26px; margin-top: 20px; font-size: 15px; }
.sbm-map-gold { border: 2px solid var(--sbm-gold2); padding: 6px; height: 470px; background: #fff; }
.sbm-motto-line { display: flex; align-items: center; justify-content: center; gap: 14px; font-family: "Cormorant Garamond", Georgia, serif; font-style: italic; font-size: 26px !important; color: var(--sbm-gold) !important; margin: 0 !important; }
.sbm-motto-line::before, .sbm-motto-line::after { content: ""; width: 200px; height: 1px; background: var(--sbm-gold); }
.sbm-motto-line img { width: 28px; height: 28px; }

/* ---------- Tin tức + bài viết (blog) ---------- */
.blog-wrapper.blog-archive, .blog-wrapper.blog-single { padding-top: 0 !important; background: #F7F4EE; }
.blog-wrapper .row-large { max-width: 1360px !important; margin-top: 30px; }
@media (min-width: 850px) {
  .blog-wrapper .row-large > .large-9, .blog-wrapper .row-large > .large-8 { flex-basis: 70% !important; max-width: 70% !important; }
  .blog-wrapper .row-large > .large-3, .blog-wrapper .row-large > .large-4 { flex-basis: 30% !important; max-width: 30% !important; }
}
.sbm-crumbbar { background: #F1ECE2; border-bottom: 1px solid #E3D8C4; padding: 12px 0; font-size: 14px; color: #6B655B; }
.sbm-crumbbar a { color: #6B655B; } .sbm-crumbbar span { margin: 0 10px; }
.sbm-ar-title { font-family: "Cormorant Garamond", Georgia, serif !important; color: var(--sbm-bronze) !important; font-size: 36px !important; font-weight: 700 !important; text-transform: uppercase; margin: 0 0 22px !important; padding-bottom: 10px; border-bottom: 2px solid var(--sbm-gold); display: inline-block; }
.sbm-ar-list .col { padding-bottom: 0 !important; }
.sbm-ar-list .col-inner { border-bottom: 1px solid #E3D8C4; padding-bottom: 18px; margin-bottom: 18px; background: none !important; box-shadow: none !important; }
.sbm-ar-list .box-image { border-radius: 2px; overflow: hidden; }
.sbm-ar-list .box-text { padding: 0 0 0 26px !important; }
.sbm-ar-list .post-meta { color: #9A8F7E; font-size: 14px !important; opacity: 1 !important; margin-bottom: 6px; }
.sbm-ar-list .post-title, .sbm-related-list .post-title { font-family: "Cormorant Garamond", Georgia, serif !important; font-size: 28px !important; font-weight: 700 !important; color: #2E2A24 !important; line-height: 1.2 !important; }
.sbm-ar-list .from_the_blog_excerpt, .sbm-related-list .from_the_blog_excerpt { font-size: 15.5px; color: #5A554C; line-height: 1.6; }
.sbm-ar-list .is-divider, .sbm-ar-list .badge, .sbm-related-list .is-divider, .sbm-related-list .badge { display: none !important; }
.sbm-ar-list .button, .sbm-related-list .button { border: 0 !important; background: none !important; padding: 0 !important; min-height: 0; color: var(--sbm-bronze) !important; font-size: 16px; font-weight: 600; text-transform: none; text-decoration: none; line-height: 1.4; }
.sbm-ar-list .button::after, .sbm-related-list .button::after { content: "  →"; }
#secondary .widget { background: #fff; border: 1px solid #E7DECE; padding: 20px 20px 16px; margin-bottom: 22px; }
#secondary .widget-title, #secondary .widget-title span { font-family: "Cormorant Garamond", Georgia, serif !important; color: var(--sbm-bronze) !important; font-size: 24px !important; font-weight: 700 !important; text-transform: uppercase; letter-spacing: 0 !important; }
#secondary .is-divider { background: var(--sbm-gold); height: 2px; max-width: 60px; }
#secondary .recent-blog-posts .badge { width: 90px !important; height: 64px !important; border: 0 !important; border-radius: 2px; overflow: hidden; }
#secondary .recent-blog-posts .badge-inner { background-size: cover !important; border-radius: 2px; }
#secondary .recent-blog-posts a { font-family: "Cormorant Garamond", Georgia, serif; font-size: 18px; font-weight: 700; color: #2E2A24; line-height: 1.25; }
#secondary .recent-blog-posts .post_comments { display: none; }
#secondary .widget_categories li { display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #EFE7D8 !important; padding: 10px 0 10px 34px; margin: 0 !important; background: url(icons/fork.png) left center/22px no-repeat; color: #9A8F7E; }
#secondary .widget_categories li a { flex: 1; color: #2E2A24; font-size: 16px; }
#secondary .widget_categories li::after { content: ""; width: 22px; height: 22px; margin-left: 10px; background: url(icons/plus-c.png) center/contain no-repeat; }
#secondary .text-9, #secondary .widget_text { padding: 0; border: 0; background: none; }
.single-post #secondary .widget_categories { display: none; }
.sbm-side-card { background: #fff; border: 1px solid #E7DECE; padding: 22px 20px; text-align: center; }
.sbm-side-logo img { width: 56px; height: auto; }
.sbm-side-title { font-family: "Cormorant Garamond", Georgia, serif; color: var(--sbm-bronze) !important; font-size: 24px !important; font-weight: 700; text-transform: uppercase; line-height: 1.2 !important; margin: 4px 0 12px !important; }
.sbm-side-img img { width: 100%; }
.sbm-side-text { text-align: left; font-size: 14.5px !important; color: #5A554C !important; margin: 12px 0 !important; }
.sbm-side-btn .button, .sbm-gold-btn.button { background: linear-gradient(180deg,#D8B268,#B88A3E) !important; color: #fff !important; border: 0 !important; border-radius: 3px !important; text-transform: uppercase !important; font-weight: 600 !important; letter-spacing: .05em !important; padding: 0 30px !important; min-height: 44px; line-height: 44px; margin: 0 !important; }
.sbm-side-hot { font-size: 15px !important; color: #4A4740 !important; display: flex; align-items: center; justify-content: center; gap: 8px; margin: 12px 0 0 !important; }
.sbm-side-hot img { width: 18px; height: 18px; } .sbm-side-hot a { color: #2E2A24 !important; font-weight: 700; }
.sbm-side-banner { border-radius: 2px; overflow: hidden; }
.sbm-side-banner-title { font-family: "Cormorant Garamond", Georgia, serif; color: #fff !important; font-size: 28px !important; font-weight: 700; text-transform: uppercase; margin: 0 !important; }
.sbm-side-banner-sub { color: rgba(255,255,255,.9) !important; font-size: 14px !important; margin: 4px 0 14px !important; }
.single-post .sbm-ar-only, .archive .sbm-po-only, .blog .sbm-po-only { display: none !important; }
.sbm-meet-title { font-family: "Cormorant Garamond", Georgia, serif; color: #fff !important; font-size: 46px !important; font-weight: 600; margin: 0 0 8px !important; text-shadow: 0 2px 12px rgba(0,0,0,.4); }
.sbm-meet-sub { color: #fff !important; font-size: 18px !important; margin: 0 0 20px !important; }

/* bài viết */
.single-post .entry-header, .single-post .entry-image, .single-post .blog-share, .single-post .entry-author, .single-post .comments-area, .single-post footer.entry-meta, .single-post .entry-meta, .single-post .ab-post-head, .single-post .navigation-post, .single-post .next-prev-thumbs { display: none !important; }
.single-post .article-inner { background: #fff; padding: 30px 34px; border: 1px solid #EFE7D8; }
.sbm-post-cat { color: var(--sbm-gold) !important; font-weight: 700; text-transform: uppercase; font-size: 14px !important; letter-spacing: .06em; margin: 0 0 6px !important; }
.sbm-post-title { font-family: "Cormorant Garamond", Georgia, serif !important; font-size: 46px !important; font-weight: 700 !important; color: #2E2A24 !important; line-height: 1.12 !important; margin: 0 0 12px !important; }
.sbm-post-meta { display: flex; gap: 24px; color: #8A8276 !important; font-size: 14px !important; margin-bottom: 16px !important; }
.sbm-post-meta span { display: inline-flex; gap: 8px; align-items: center; } .sbm-post-meta img { width: 16px; height: 16px; }
.single-post .entry-content { font-size: 16.5px; line-height: 1.7; color: #4A4740; }
.single-post .entry-content h2 { font-family: "Cormorant Garamond", Georgia, serif !important; color: var(--sbm-bronze) !important; font-size: 30px !important; font-weight: 700 !important; margin: 18px 0 6px !important; text-transform: none; }
.sbm-fig { margin: 16px 0 !important; }
.sbm-fig img { width: 100%; display: block; aspect-ratio: 1.8; object-fit: cover; }
.sbm-fig figcaption { font-style: italic; color: #8A8276; font-size: 14px; margin-top: 6px; }
.sbm-wish { border: 1px solid #E3D8C4 !important; border-left: 3px solid var(--sbm-gold) !important; background: #FBF7EF; padding: 16px 24px 16px 70px !important; margin: 24px 0 !important; position: relative; }
.sbm-wish::before { content: ""; position: absolute; left: 22px; top: 50%; width: 32px; height: 32px; transform: translateY(-50%); background: url(icons/leaf.png) center/contain no-repeat; }
.sbm-wish p { font-family: "Cormorant Garamond", Georgia, serif; font-style: italic; font-size: 22px !important; color: #4A4740 !important; margin: 0 !important; }
.sbm-post-foot { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; margin-top: 18px; }
.sbm-tags { display: flex; gap: 10px; align-items: center; font-weight: 600; color: #2E2A24; font-size: 14px; }
.sbm-tags a { border: 1px solid #D9C7A3; color: var(--sbm-bronze) !important; padding: 3px 14px; font-weight: 400; font-size: 13px; }
.sbm-share { display: flex; align-items: center; gap: 10px; font-size: 14px; color: #4A4740; }
.sbm-share img { width: 28px; height: 28px; display: block; }
.sbm-related { background: #FBF8F2; padding: 34px 0 20px; }
.sbm-related .sbm-h2 { text-align: center; }
.sbm-related-list .col-inner { background: #fff; border: 1px solid #EFE7D8; }
.sbm-related-list .box-text { padding: 14px 18px 18px !important; }
.sbm-related-list .post-title { font-size: 22px !important; }
.sbm-related-list .post-meta { color: #9A8F7E; font-size: 13px; opacity: 1 !important; }
.sbm-center { text-align: center; }

@media (max-width: 849px) {
  .sbm-ihero-title, .sbm-ihero-title-l { font-size: 34px !important; } .sbm-upper { font-size: 38px !important; } .sbm-ihero-sub { font-size: 18px !important; }
  .sbm-story-text .col-inner, .sbm-chef-text .col-inner { padding: 26px 16px !important; } .sbm-h1-sm { font-size: 32px !important; } .sbm-story .sbm-quote { margin-left: 30px !important; }
  .sbm-story-inset { display: none; } .sbm-story-media .img:first-child { width: 100% !important; }
  .sbm-values .sbm-value { flex-basis: 50% !important; max-width: 50% !important; border: 0; padding-bottom: 18px !important; }
  .sbm-viewicons { display: none; } .sbm-h2-dark { font-size: 26px !important; } .sbm-map-gold { height: 320px; }
  .sbm-motto-line { font-size: 20px !important; } .sbm-motto-line::before, .sbm-motto-line::after { width: 40px; }
  .sbm-ar-list .box-text { padding: 12px 0 0 !important; } .sbm-ar-list .post-title { font-size: 22px !important; }
  .single-post .article-inner { padding: 18px 14px; } .sbm-post-title { font-size: 32px !important; } .sbm-meet-title { font-size: 30px !important; }
}
/* vòng r4: gỡ kiểu cũ */
#secondary .widget .widget-title, #secondary .widget-title span, #secondary .widget .widget-title span { background: none !important; color: var(--sbm-bronze) !important; text-align: left !important; padding: 0 !important; display: block; }
.sbm-ar-list .col-inner { border: 0 !important; border-bottom: 1px solid #E3D8C4 !important; border-radius: 0 !important; padding: 0 0 18px !important; }
.sbm-ar-list .box { background: none !important; }
.sbm-footer { background-size: 100% 70px !important; padding-bottom: 70px !important; }
.sbm-story-media .image-cover img, .sbm-story-media img { object-position: 50% 75%; }