/*
Theme Name: WBC Review
Theme URI: https://saigonreview.vn
Description: Sài Gòn Review — bảng màu xanh lá + trắng (phối theo tripadvisor.com.vn), home & trang chi tiết dựng lại khác web mẫu. Tailwind qua CDN (assets/js/tailwind-config.js) + custom classes ở đây. Bump Version khi sửa để bust cache.
Version: 0.5.0
Author: Webico
Text Domain: topaz-sgr
*/

/* ĐÃ COMPILE TỪ style.scss — sửa ở style.scss rồi compile lại bằng VS Code Live Sass. */

body {
  font-size: 16px;
  font-weight: 300;
  color: #1C2B27;
  -webkit-font-smoothing: antialiased;
}

.sgr-container {
  width: 100%;
  margin-inline: auto;
  padding-inline: 12px;
}
@media (min-width: 576px)  { .sgr-container { max-width: 540px; } }
@media (min-width: 768px)  { .sgr-container { max-width: 720px; } }
@media (min-width: 992px)  { .sgr-container { max-width: 960px; } }
@media (min-width: 1200px) { .sgr-container { max-width: 1140px; } }
@media (min-width: 1400px) { .sgr-container { max-width: 1320px; } }

.nav-link {
  font-size: 13px;
  font-weight: 500;
  text-transform: uppercase;
  color: #1C2B27;
  transition: color .2s;
}
.nav-link:hover { color: #00AA6C; }

.site-header.is-stuck {
  position: sticky;
  top: 0;
  z-index: 50;
  background: #fff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .08);
}

.btn-cta {
  display: inline-block;
  background: #004F32;
  color: #fff;
  font-weight: 600;
  padding: 12px 24px;
  border-radius: 15px;
  transition: opacity .2s;
}
.btn-cta:hover { opacity: .9; }

.btn-blue {
  display: inline-block;
  background: #00875A;
  color: #fff;
  font-weight: 500;
  padding: 8px 16px;
  border-radius: 6px;
  transition: opacity .2s;
}
.btn-blue:hover { opacity: .9; }

.section-title {
  position: relative;
  display: inline-block;
  font-size: 24px;
  font-weight: 700;
  color: #1C2B27;
  margin-bottom: 24px;
}
@media (min-width: 992px) { .section-title { font-size: 30px; } }
.section-title::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -8px;
  width: 64px;
  height: 4px;
  border-radius: 4px;
  background: #004F32;
}

.card-item {
  overflow: hidden;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .08);
  transition: box-shadow .2s;
}
.card-item:hover { box-shadow: 0 4px 12px rgba(0, 0, 0, .12); }
.card-item-thumb {
  display: block;
  width: 100%;
  aspect-ratio: 455 / 318;
  object-fit: cover;
}
.card-item-title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.4;
  color: #1C2B27;
  transition: color .2s;
}
.card-item-title:hover { color: #00AA6C; }

.sidebar-sticky { position: sticky; top: 90px; }

.kksr-stars { position: relative; display: inline-block; }
.kksr-stars .kksr-star { display: inline-block; }
.kksr-stars-active { color: #FAA719; }
.kksr-legend { font-size: 13px; color: #6b7280; margin-left: 6px; }

/* ===== CSS scoped gom từ design (auto, deduped, đã strip comment) ===== */
.kksr-stars{position:relative;display:inline-block}
.kksr-stars-inactive,.kksr-stars-active{display:flex}
.kksr-stars-active{overflow:hidden;position:absolute;top:0;left:0;white-space:nowrap}
.kksr-icon{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23D2D6DC'%3E%3Cpath d='M12 .6l3.7 7.6 8.3 1.2-6 5.8 1.4 8.2L12 19.5l-7.4 3.9 1.4-8.2-6-5.8 8.3-1.2z'/%3E%3C/svg%3E") no-repeat center/contain}
.kksr-stars-active .kksr-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23FAA719'%3E%3Cpath d='M12 .6l3.7 7.6 8.3 1.2-6 5.8 1.4 8.2L12 19.5l-7.4 3.9 1.4-8.2-6-5.8 8.3-1.2z'/%3E%3C/svg%3E")}
b.caret{display:inline-block;margin-left:.255em;vertical-align:.255em;border-top:.3em solid;border-right:.3em solid transparent;border-left:.3em solid transparent}
.select-area{background:transparent url(assets/images/chevron-down.svg) no-repeat right 15px center}
.video-thumb::before{content:"";position:absolute;z-index:2;background:rgba(255,255,255,.8);width:50px;height:50px;border-radius:100%;top:50%;left:50%;transform:translate(-50%,-50%)}
.video-thumb::after{content:"\f04b";font-family:"Font Awesome 5 Free";font-weight:900;color:#1C2B27;font-size:13px;position:absolute;z-index:3;top:50%;left:50%;transform:translate(-50%,-50%)}
.video-thumb-sm::before{width:30px;height:30px}
.video-thumb-sm::after{font-size:9px}
.footer-col li{position:relative;padding-left:12px;line-height:30px}
.footer-col li::before{content:"";position:absolute;left:0;top:12px;width:6px;height:6px;border-radius:6px;background:#00AA6C}
.footer-col li a{color:#6FDCB0;font-size:14px;font-weight:400}
.footer-col li a:hover{color:#FFFFFF}
.ft-title{position:relative;padding-bottom:12px;margin-bottom:16px}
.ft-title::after{content:"";position:absolute;left:0;bottom:0;width:30px;height:2px;background:#00AA6C}
.breadcrumbs a{color:#fff}
.breadcrumbs a:hover{color:#00AA6C}
.btn-loadmore{display:inline-block;background:#fff;border:1px solid #E9EBED;border-radius:60px;color:#1C2B27;padding:10px 25px;text-transform:none;transition:background .2s,border-color .2s}
.btn-loadmore:hover{background:#004F32;border-color:#004F32;color:#fff}
html{scroll-behavior:smooth}
.bg-header{background:linear-gradient(180deg,#EAF7F1 0%,#FFFFFF 100%);border-bottom:1px solid #DCEFE6}
.breadcrumbs a{font-size:12px;font-weight:400;color:#004F32}
.breadcrumb_last{font-size:12px}
.bussiness-nav{position:sticky;top:100px;list-style:none;margin:0;padding:10px;background:#fff;border-radius:10px;box-shadow:0 1px 4px rgba(0,0,0,.06)}
.bussiness-nav li{margin:6px 0;font-size:14px}
.bussiness-nav a{display:block;padding:8px 10px;border-radius:6px;color:#333}
.bussiness-nav a:hover{background:#f1f5f9;color:#00AA6C}
@media (max-width:575.98px){
.bussiness-nav{top:70px;display:flex;gap:8px;overflow-x:auto;white-space:nowrap;padding:8px 10px;background:transparent;border-radius:10px;box-shadow:none;scroll-snap-type:x mandatory}
.bussiness-nav li{display:inline-block;flex:0 0 auto;margin:0;scroll-snap-align:start}
.bussiness-nav a{display:inline-block;padding:8px 12px;border-radius:9999px;border:1px solid #e5e7eb;color:#334155;background:#fff}
}
.info-card{background:#fff;border-radius:12px;box-shadow:0 1px 4px rgba(0,0,0,.06);margin-bottom:16px}
.info-header{padding:12px 10px;font-weight:700;color:#1f2937;border-bottom:1px solid #edf2f7;text-transform:uppercase}
.info-body{padding:15px 20px}
.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.info-item{display:flex;align-items:flex-start;gap:10px;border-radius:10px;font-size:14px}
.info-icon{color:#6b7280;margin-top:4px}
.info-website small a{color:#00AA6C;margin-right:6px}
.biz-header{display:flex;align-items:center;gap:14px;border-radius:12px;padding:12px 0;margin-bottom:16px}
.biz-avatar{display:flex;width:100px;height:100px;min-width:100px;border-radius:8px;position:relative;overflow:hidden;flex-direction:column;flex-wrap:wrap;align-items:flex-start}
.biz-avatar img{object-fit:cover;object-position:50% 50%;width:100%;height:100%}
.biz-title.single-post-title{font-size:20px;font-weight:600;color:#111;width:100%;margin-bottom:.5rem}
.biz-content small{font-size:.875em;color:#484848}
.biz-actions{display:flex;gap:8px;margin-bottom:12px;margin-top:15px}
.biz-actions .btn{display:inline-flex;align-items:center;gap:6px;background:#00AA6C;color:#fff;font-size:14px;font-weight:600;text-transform:uppercase;padding:10px 25px;border-radius:60px;border:none}
.biz-actions .btn:hover{opacity:.9}
.biz-actions .btn-direction{background:#00875A;color:#fff}
.kk-rating{margin:.5rem 0}
.kk-rating .kksr-legend{font-size:12.8px;color:#6b7280;margin-left:.75rem}
.open-door{margin:auto auto 16px;max-width:75%}
.hours-card{background:#fff;border-radius:12px;box-shadow:0 1px 4px rgba(0,0,0,.06);margin-bottom:16px}
.hours-header{padding:12px 14px;font-weight:700;color:#1f2937;border-bottom:1px solid #edf2f7;display:flex;justify-content:space-between;align-items:center}
.hours-label{background:#eef2f7;color:#475569;border-radius:6px;padding:4px 8px;font-size:12px;text-transform:none;font-weight:400}
.hours-body{padding:12px 14px}
.hours-list{list-style:none;margin:0;padding:0;width:100%;font-size:14px}
.hours-item{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #edf2f7}
.hours-item:last-child{border-bottom:0}
.hours-day{color:#111}
.hours-time{color:#111;font-weight:600}
@media (max-width:575.98px){.info-grid{grid-template-columns:auto}.open-door{max-width:100%}}
.content-detail-post{position:relative;word-break:break-word}
.content-detail-post h1,.content-detail-post h2,.content-detail-post h3,.content-detail-post h4,.content-detail-post h5,.content-detail-post h6,.content-detail-post p,.content-detail-post ul{display:block;width:100%;margin:0 0 10px}
.content-detail-post h2{font-size:24px;font-weight:500}
.content-detail-post h3{font-size:22px;font-weight:500;border-top:1px dashed #00AA6C;padding-top:10px;margin-top:24px;width:100%}
.content-detail-post img{max-width:100%;height:auto}
/* wp-caption figure mang width inline từ WP → ép về cột chữ 75% như ảnh gốc */
.content-detail-post figure{max-width:100%;width:auto!important;margin:0 auto 10px}
.content-detail-post figure img{max-width:100%;height:auto}
.content-detail-post .wp-caption-text{font-size:13px;color:#6b7280;text-align:center;margin-top:4px}
@media (max-width:991.98px){.content-detail-post figure{max-width:100%}}
.content-detail-post ul{list-style:disc;padding-left:2rem}
.content-detail-post ul li{margin-bottom:10px}
.content-detail-post strong{font-weight:700;display:contents!important}
.content-detail-post b{display:contents!important}
.entry.content-detail-post a{color:#00875A}
.content-detail-post p .aligncenter{max-width:100%;width:100%;margin:0 0 1rem!important;border-radius:5px;height:auto}
.entry table{background-color:#fff;margin-bottom:22px;border-collapse:collapse}
.entry table td{border:1px solid #ededed;padding:8px}
.entry table tr:hover{background-color:#e0fcff}
@media (max-width:575.98px){
.content-detail-post:before{display:none}
.content-detail-post h1,.content-detail-post h2,.content-detail-post h3,.content-detail-post h4,.content-detail-post h5,.content-detail-post h6,.content-detail-post p,.content-detail-post ul{width:100%}
.content-detail-post *{max-width:100%;white-space:normal}
}
.sticky-after-content{position:relative}
.sticky-after-content:before{content:"";position:absolute;width:10px;height:10px;border-radius:100%;left:15px;top:6px;background:#004F32}
.sticky-after-content .sticky-heading{font-weight:700;padding:5px;background:#004F32;max-width:207px;color:#fff;text-transform:uppercase}
.sticky-after-content .list-sticky-post{list-style:none;padding-left:0;position:relative}
.sticky-after-content .list-sticky-post li{position:relative;margin-bottom:10px}
.sticky-after-content .list-sticky-post li:before{content:"\f30b";font-family:"Font Awesome 5 Free";color:#004F32;font-size:14px;font-weight:900;margin-right:10px}
@media (max-width:575.98px){.sticky-after-content:before{left:-15px}}
.gallery-box{margin-bottom:16px}
.gallery-card{background:#fff;border-radius:12px;box-shadow:0 1px 4px rgba(0,0,0,.06)}
.gallery-header{padding:12px 14px;font-weight:700;color:#1f2937;border-bottom:1px solid #edf2f7;display:flex;justify-content:space-between;align-items:center}
.gallery-view-all{font-size:13px;font-weight:500;color:#00875A;text-transform:none}
.gallery-body{padding:12px 14px}
.gallery-list{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.gallery-item img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:8px}
@media (max-width:575.98px){.gallery-list{grid-template-columns:repeat(2,1fr)}}
.box-faqs{margin-bottom:16px}
.faqs-card{background:#fff;border-radius:12px;box-shadow:0 1px 4px rgba(0,0,0,.06)}
.faqs-header{padding:12px 14px;font-weight:700;color:#1f2937;border-bottom:1px solid #edf2f7}
.faqs-body{padding:12px 14px}
.faq-content{font-size:14px}
.box-ratings{margin-bottom:16px}
.ratings-card{background:#fff;border-radius:12px;box-shadow:0 1px 4px rgba(0,0,0,.06)}
.ratings-tabs .nav-tabs{display:flex;list-style:none;margin:0;padding:8px 14px 0;border-bottom:1px solid #dee2e6}
.ratings-tabs .nav-tabs .nav-link{display:block;padding:.5rem 1rem;font-size:14px;font-weight:600;text-transform:none;color:#00875A;background:none;border:1px solid transparent;border-top-left-radius:.25rem;border-top-right-radius:.25rem;margin-bottom:-1px;cursor:pointer}
.ratings-tabs .nav-tabs .nav-link.active{color:#495057;background:#fff;border-color:#dee2e6 #dee2e6 #fff}
.tab-content>.tab-pane{display:none}
.tab-content>.active{display:block}
.ratings-body{padding:12px 14px}
.rating-item{display:flex;align-items:flex-start;gap:12px;padding:12px 0;border-bottom:1px solid #edf2f7}
.rating-item:last-child{border-bottom:0}
.rating-avatar img{width:40px;height:40px;min-width:40px;border-radius:50%;object-fit:cover}
.rating-content{flex:1}
.rating-author{font-weight:700;font-size:14px;color:#111}
.rating-text{font-size:14px;color:#484848}
.rating-stars{color:#FAA719;font-size:12px;white-space:nowrap}
#comments{word-break:break-word;padding-left:40px;color:#484848;clear:both;font-size:14px;line-height:1.8}
.response-none{font-weight:700;font-size:16px}
.comment-reply-title{position:relative;font-size:28px}
#cancel-comment-reply-link{text-transform:capitalize;font-size:13px;display:block;margin-top:10px;color:#f44336}
.comment-form{display:flex;flex-wrap:wrap;margin-bottom:30px}
.comment-form label{font-size:14px;font-weight:700;text-transform:uppercase}
.comment-form .required{color:red}
.comment-form>p{margin-bottom:0}
.comment-form .form-control{display:block;width:100%;padding:.375rem .75rem;font-size:14px;line-height:1.5;color:#6B6A75;background:#fff;border:1px solid #ced4da;border-radius:0}
/* --- Ô nhập form bình luận ---------------------------------------------------
   Luật `.form-control` ngay phía trên KHÔNG BAO GIỜ khớp: `comment_form()` của
   WordPress không gắn class đó vào input/textarea. Bình thường trình duyệt vẫn
   vẽ viền mặc định nên không ai để ý — nhưng trang có nạp Tailwind CDN, và
   Preflight của nó đặt `*,::before,::after{border-width:0}`, xoá sạch viền mặc
   định của mọi input. Hai chuyện cộng lại làm toàn bộ ô nhập trong suốt.
   Nhắm thẳng vào thẻ thật để không phụ thuộc class nào. */
.comment-form input[type=text],.comment-form input[type=email],.comment-form input[type=url],.comment-form textarea{display:block;width:100%;margin-top:6px;padding:.5rem .75rem;font-family:inherit;font-size:14px;line-height:1.5;color:#484848;background:#fff;border:1px solid #ced4da;border-radius:4px}
.comment-form input[type=text]:focus,.comment-form input[type=email]:focus,.comment-form input[type=url]:focus,.comment-form textarea:focus{outline:none;border-color:#00AA6C;box-shadow:0 0 0 3px rgba(2,201,186,.18)}
/* Nhãn phải chiếm trọn dòng. Để inline thì textarea cao 8 dòng sẽ canh theo
   baseline, đẩy chữ "Bình luận" xuống tận đáy ô và chừa một mảng trống phía trên. */
.comment-form label{display:block}
.comment-form .comment-form-comment textarea{min-height:120px;max-height:220px;resize:vertical}
.comment-form>p{margin-bottom:14px}
/* `.comment-form` là flex; ô nào không khai width sẽ co theo nội dung —
   đó là lý do ô Trang web hẹp hơn hẳn các ô còn lại. */
.comment-form .comment-form-url{width:100%}

#respond .comment-form-comment{width:100%}
.comment-form .comment-form-comment textarea{max-height:160px}
.comment-form .comment-form-author,.comment-form .comment-form-email{width:50%}
.comment-form .comment-form-author{padding-right:10px}
.comment-form .comment-notes{margin-bottom:15px;display:none}
.comment-form-cookies-consent{display:none}
.comment-form .form-submit{width:100%;margin-top:15px}
.comment-form .submit{background-color:#00AA6C;border:none;color:#fff;font-size:16px;font-weight:700;text-transform:uppercase;padding:8px 25px;cursor:pointer;border-radius:4px}
@media (max-width:575.98px){.comment-form .comment-form-author,.comment-form .comment-form-email{width:100%;padding-right:0;margin-top:10px}.comment-form .submit{width:100%}#comments{padding-left:0}}
.widget{background:#fff;border-radius:12px;box-shadow:0 1px 4px rgba(0,0,0,.06)}
.widget-header{padding:12px 14px;font-weight:700;border-bottom:1px solid #edf2f7;text-transform:uppercase;color:#1f2937}
.widget-body{padding:12px 14px}
.amenity-group{margin-bottom:16px}
.amenity-group:last-child{margin-bottom:0}
.group-title{font-weight:700;color:#1f2937;margin-bottom:8px;font-size:15px}
.amenities-widget{display:grid;grid-template-columns:auto;gap:10px}
.amenity{display:flex;align-items:center;gap:10px;border-radius:10px;padding:3px 12px;font-size:14px;text-transform:capitalize}
.amenity .check{width:18px;height:18px;min-width:18px;border-radius:50%;background:#00AA6C;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:12px}
.amenity .check::before{content:"✓";font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,Liberation Sans,sans-serif}
.uppercase{text-transform:uppercase}
.hero_page{background:linear-gradient(180deg,#EAF7F1 0%,#FFFFFF 100%);border-bottom:1px solid #DCEFE6;padding-top:55px}
.hero_page .top-heading{font-size:36px;color:#1C2B27!important;font-weight:700}
.brc .breadcrumbs,.brc .breadcrumbs a{font-size:12px;font-weight:400;color:#4A5D55}
.brc .breadcrumbs a:hover{color:#00AA6C!important}
.detail-post .head-author{padding-top:0;align-items:self-start}
.detail-post .head-author .avatar-author{border-radius:100%}
.detail-post .head-author .author-name{font-size:14px;font-weight:700}
.detail-post .name-rank{display:flex}
.detail-post .name-rank .rank_author{margin-left:10px}
.detail-post .name-rank .rank_author img{width:60%;transform:translateY(-3px)}
.properties_author{display:flex;flex-direction:column}
.properties_author small{margin-right:15px;margin-bottom:5px}
.properties_author small i{margin-right:5px}
.single-post-title{font-size:26px;font-weight:600}
.properties-post small{margin-right:10px}
.properties-post .rate{color:#FAA719}
.content-detail-post{position:relative;word-break:break-word;z-index:0}
.content-detail-post h1,.content-detail-post h2,.content-detail-post p,.content-detail-post ul,.properties-post,.ftwp-heading{display:block;width:100%;margin:0 0 10px}
@media (max-width:991.98px){
  .content-detail-post::before{display:none}
  .content-detail-post h1,.content-detail-post h2,.content-detail-post p,.content-detail-post ul,.properties-post,.ftwp-heading{width:100%}
}
.entry.content-detail-post a:hover{color:#00AA6C}
.content-detail-post h2{font-size:24px;font-weight:700;margin-top:1rem}
.content-detail-post strong{font-weight:700}
.content-detail-post p .aligncenter{max-width:100%;width:100%;margin:0 0 1rem;border-radius:5px;height:auto}
.content-detail-post ul li a{color:#00875A}
#ftwp-container-outer.ftwp-in-post{width:100%;margin:0 0 15px}
#ftwp-contents{border:1px solid rgba(51,51,51,.4);background:#fff;max-width:320px}
#ftwp-header{display:flex;align-items:center;background:#f3f3f3;color:#333;min-height:45px;padding:6px 12px;font-size:16px}
#ftwp-header-title{font-weight:700;font-size:16px;margin:0;order:1}
#ftwp-header-control{margin-right:8px}
#ftwp-header-minimize{order:2;margin-left:auto;border:0;background:none;cursor:pointer;color:#333;width:24px;height:24px}
#ftwp-header-minimize::before{content:"\f068";font-family:"Font Awesome 5 Free";font-weight:900;font-size:12px}
#ftwp-list{list-style:decimal;color:#333;font-size:14px;padding:12px 12px 12px 32px;margin:0}
#ftwp-list .ftwp-item{margin-bottom:6px}
#ftwp-list .ftwp-anchor{color:#333}
#ftwp-list .ftwp-anchor:hover{color:#00AA6C}
#ftwp-trigger{display:none;width:50px;height:50px;border-radius:100%;border:2px solid rgba(51,51,51,.95);color:#333;background:rgba(243,243,243,.95);align-items:center;justify-content:center;cursor:pointer}
#ftwp-trigger .ftwp-trigger-icon::before{content:"\f03a";font-family:"Font Awesome 5 Free";font-weight:900;font-size:20px}
#ftwp-container.ftwp-hidden-state #ftwp-contents{display:none}
#ftwp-container.ftwp-hidden-state #ftwp-trigger{display:inline-flex}
@media (max-width:991.98px){#ftwp-container-outer.ftwp-in-post{width:100%}}
.content-detail-post .sticky-after-content .sticky-heading{font-weight:700;padding:5px 5px;background:#004F32;max-width:207px;color:#fff;text-transform:uppercase}
.sticky-after-content .list-sticky-post li::before{content:"\f30b";font-family:"Font Awesome 5 Free";color:#004F32;font-size:14px;font-weight:900;margin-right:10px}
.comment-form .comment-notes,.comment-form-cookies-consent{display:none}
.comment-form .form-control{border-radius:0;font-size:14px;border:1px solid #ced4da;width:100%;padding:.375rem .75rem}
.comment-form .comment-form-comment{width:100%}
@media (max-width:767.98px){.comment-form .comment-form-author,.comment-form .comment-form-email{width:100%;padding-right:0;margin-top:10px}.comment-form .submit{width:100%}}
.right-sidebar h4{font-size:18px}
.mini_post_review_home .blog-img img{border-radius:10px;width:100%;height:100%;object-fit:cover;object-position:50% 50%;max-height:65px;min-height:65px;transition:.5s}
.mini_post_review_home:hover .blog-img img{transform:scale(1.05)}
.mini_post_review_home h4{line-height:14px}
.mini_post_review_home h4 a{font-size:12px;font-weight:500;color:#1C2B27;line-height:1.2;display:block}
.mini_post_review_home h4 a:hover{color:#00AA6C}
.widget.sticky img{max-width:100%}
.related-post h3{font-size:18px;font-weight:500;margin-bottom:.5rem}
.related-post .blog-item .blog-img{border-radius:10px;overflow:hidden}
.related-post .blog-item .blog-img img{width:100%;height:100%;object-fit:cover;object-position:50% 50%;min-height:200px;max-height:200px;transition:.5s}
.related-post .blog-item:hover .blog-img img{transform:scale(1.15)}
.related-post .blog-item h4 a{font-size:16px;line-height:1.2;display:block;color:#1C2B27}
.related-post .blog-item h4 a:hover{color:#00AA6C}
.related-post .blog-item small{font-size:13px}
.tab-pill{display:inline-block;background:none;border:1px solid #E2E8EF;border-radius:50px;color:#1C2B27;font-size:15px;font-weight:400;padding:8px 16px;margin:0 10px 10px 0;cursor:pointer;transition:background .2s,color .2s}
.tab-pill span{color:#004F32}
.tab-pill.active{background:#004F32;border-color:#004F32;color:#fff}
.tab-pill.active span{color:#FFD84D}
.btn-load-more{display:inline-block;background:#fff;border:1px solid #E9EBED;border-radius:60px;color:#1C2B27;padding:10px 25px;transition:all .2s}
.btn-load-more:hover{background:#004F32;border-color:#004F32;color:#fff}
.hero-about{background:linear-gradient(120deg,#00352A 0%,#00875A 100%)}
.contact-ic{display:inline-block;width:24px;height:24px;min-width:24px;margin-right:10px;background-position:center;background-repeat:no-repeat;background-size:contain}
.phone-ic{background-image:url(assets/images/phone-ic.svg)}
.location-ic{background-image:url(assets/images/location-ic.svg)}
.web-ic{background-image:url(assets/images/global-ic.svg)}
.fb-ic{background-image:url(assets/images/facebook-ic.svg)}
.twitter-ic{background-image:url(assets/images/twitter-ic.svg)}
.tiktok-ic-about{background-image:url(assets/images/tiktok-ic2.svg)}
.youtube-ic{background-image:url(assets/images/youtube-ic.svg)}
.title-author{position:relative;font-size:12px;color:#004F32;text-transform:uppercase}
.title-author::after{content:"";position:absolute;left:0;bottom:-5px;width:100px;height:2px;background:#004F32}
.mini-post-thumb img{max-height:90px;min-height:90px;transition:.5s}
.mini-post-item:hover .mini-post-thumb img{transform:scale(1.05)}

/* ===== kk Star Ratings (plugin thật đã cài): ép font/cỡ khớp design =====
   Icon 24px + lớp sao vàng active có width PX CỐ ĐỊNH trong markup → phải
   transform scale CẢ CỤM để giữ đúng tỉ lệ; margin-right âm bù khoảng layout
   thừa (transform không đổi flow box; hàng 5 sao gốc = 5×24 + 4×5gap = 140px). */
.kk-star-ratings{font-family:inherit}
.kk-star-ratings .kksr-legend,.kk-rating .kksr-legend{font-family:inherit!important;font-size:12.8px!important;color:#6b7280;letter-spacing:0;margin-left:6px}
.rate .kk-star-ratings .kksr-legend{font-size:12px!important}
.rate .kksr-stars{transform:scale(.667);transform-origin:left center;margin-right:-47px}
.kk-rating .kksr-stars{transform:scale(.75);transform-origin:left center;margin-right:-35px}

/* ===== Nội dung toplist do sgr-ingest sinh (.topaz-article) =====
   Content dùng class semantic riêng — style tại theme (plugin không enqueue CSS).
   Gói cả article vào cột 75% như bản gốc, reset luật width 75%/phần tử bên trong. */
.content-detail-post .topaz-article{width:100%;margin:0}
.content-detail-post .topaz-article h1,.content-detail-post .topaz-article h2,.content-detail-post .topaz-article h3,.content-detail-post .topaz-article h4,.content-detail-post .topaz-article p,.content-detail-post .topaz-article ul,.content-detail-post .topaz-article ol{width:100%;margin:0 0 10px}
@media (max-width:991.98px){.content-detail-post .topaz-article{width:100%}}
.topaz-article .sec-head{font-size:22px;font-weight:700;margin:24px 0 12px}
.topaz-article .toc-section{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:16px 18px;margin-bottom:20px}
.topaz-article .toc-label{font-weight:700;text-transform:uppercase;font-size:14px;margin-bottom:8px}
.topaz-article .toc-list{list-style:none;margin:0;padding:0;font-size:14px}
.topaz-article .toc-list li{display:flex;align-items:baseline;gap:6px;padding:4px 0;border-bottom:1px dashed #eef2f7}
.topaz-article .toc-list li:last-child{border-bottom:0}
.topaz-article .toc-num{color:#004F32;font-weight:700;min-width:22px}
.topaz-article .toc-list a{color:#1C2B27}
.topaz-article .toc-list a:hover{color:#00AA6C}
.topaz-article .toc-rating{margin-left:auto;color:#6b7280;font-size:13px;white-space:nowrap}
.topaz-article .intro-box,.topaz-article .hl{background:#EAF7F1;border-left:3px solid #00AA6C;border-radius:8px;padding:12px 16px;margin-bottom:16px}
.topaz-article .hl-title{font-weight:700;margin-bottom:6px}
.topaz-article .card{background:#fff;border-radius:12px;box-shadow:0 1px 4px rgba(0,0,0,.06);padding:18px;margin-bottom:24px}
.topaz-article .card-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px}
.topaz-article .rank{flex:0 0 auto;width:36px;height:36px;border-radius:50%;background:#004F32;color:#fff;font-weight:700;font-size:16px;display:flex;align-items:center;justify-content:center}
.topaz-article .rank.r1{background:#00AA6C}
.topaz-article .rank.r2{background:#00875A}
.topaz-article .title-block{flex:1}
.topaz-article h3.card-name{border-top:0;padding-top:0;margin:0 0 4px;font-size:20px;font-weight:700}
.topaz-article .card-addr{color:#6b7280;font-size:14px;margin:0 0 4px}
.topaz-article .stars-row{display:flex;align-items:center;gap:6px;font-size:14px}
.topaz-article .stars{color:#FAA719;letter-spacing:2px}
.topaz-article .snum{font-weight:700}
.topaz-article .rcnt{color:#6b7280;font-size:13px}
.topaz-article .card-imgs{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:12px 0}
.topaz-article .card-imgs br{display:none}
.topaz-article .card-imgs img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:8px;margin:0}
.topaz-article .card-desc{margin:0 0 10px}
.topaz-article .contact-block{background:#f8fafc;border-radius:10px;padding:12px 16px;margin:12px 0}
.topaz-article .contact-title{font-weight:700;margin:0 0 8px}
.topaz-article .contact-grid{display:flex;flex-direction:column;gap:6px}
.topaz-article .ci{display:flex;align-items:center;gap:8px;font-size:14px}
.topaz-article .ci p{margin:0;width:auto}
.topaz-article .ci-label{color:#6b7280}
.topaz-article .ci-val{color:#1C2B27;font-weight:500}
.topaz-article .ci-val.website{color:#00AA6C}
.topaz-article .card-cta{margin-top:10px}
.topaz-article .btn-map{display:inline-block;background:#00AA6C;color:#fff;font-size:14px;font-weight:600;padding:8px 18px;border-radius:60px}
.topaz-article .btn-map:hover{opacity:.9}
.topaz-article .criteria-section,.topaz-article .faq-section{margin:20px 0}
.topaz-article .criteria-inner,.topaz-article .faq-inner{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:16px 18px}
.topaz-article .crit-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.topaz-article .crit{display:flex;gap:10px;align-items:flex-start}
.topaz-article .crit-icon{font-size:20px;line-height:1.2}
.topaz-article .crit-t{font-weight:700;font-size:14px}
.topaz-article .crit-d{color:#6b7280;font-size:14px}
.topaz-article .faq-item{padding:10px 0;border-bottom:1px solid #eef2f7}
.topaz-article .faq-item:last-child{border-bottom:0}
.topaz-article .faq-q{font-weight:700;margin:0 0 4px}
.topaz-article .faq-a{color:#484848;margin:0}
.topaz-article .rv{background:#EAF7F1;border-radius:10px;padding:12px 16px;margin:10px 0;font-style:italic}
.topaz-article .rv-q{margin:0 0 6px}
.topaz-article .rv-author{color:#6b7280;font-size:13px;font-style:normal;text-align:right;margin:0}
.topaz-article .rv-title{font-weight:700;font-style:normal;margin:0 0 8px}
.topaz-article .ta-footer{color:#6b7280;font-size:13px;border-top:1px solid #eef2f7;padding-top:10px;margin-top:16px}
@media (max-width:575.98px){.topaz-article .crit-grid,.topaz-article .card-imgs{grid-template-columns:1fr}}
/* ===== Redesign 06/08/2026 — report khách (xanh lá + trắng, khác web mẫu) =====
   Gom cuối file dạng override để dễ đối chiếu/revert: đổi khối tiêu đề card ở
   trang chi tiết (bỏ uppercase, thêm vạch xanh) và rail điều hướng kiểu pill. */
.info-header,.hours-header,.gallery-header,.faqs-header,.widget-header{text-transform:none;color:#1C2B27;font-size:17px;border-bottom:1px solid #EAF1EE}
.info-header{display:flex;align-items:center;gap:10px;padding:14px 16px}
.info-header::before{content:"";flex:0 0 auto;width:4px;height:18px;border-radius:4px;background:#00AA6C}
.info-card,.hours-card,.gallery-card,.faqs-card,.ratings-card,.widget{border:1px solid #EAF1EE;box-shadow:none}
.bussiness-nav{border:1px solid #EAF1EE;box-shadow:none}
.bussiness-nav a{color:#4A5D55;font-weight:500;transition:background .2s,color .2s}
.bussiness-nav a:hover{background:#EAF7F1;color:#00AA6C}
.biz-actions .btn{background:#00AA6C}
.biz-actions .btn-direction{background:#004F32}
.btn-loadmore:hover,.btn-load-more:hover{background:#00AA6C;border-color:#00AA6C;color:#fff}
.tab-pill.active{background:#00AA6C;border-color:#00AA6C}
.comment-form .submit{background-color:#00AA6C;border-radius:60px;padding:10px 28px}
.comment-form .submit:hover{background-color:#004F32}