/* ══════════════════════════════════════════════════════════════
   site-noithatminhthi.css — CHỈ load cho tenant noithatminhthi (8080).
   Nạp qua footer.html với guard {if SITE_CODE=='noithatminhthi'}.
   Áp dụng một số fix tương tự barbershop nhưng theo theme đỏ/trắng của noithat.
   Không ảnh hưởng barbershop (8086) vì file này không nạp ở đó.
   ══════════════════════════════════════════════════════════════ */

/* ===== 1. Menu danh mục sidebar trái: VIẾT HOA toàn bộ (cha + con) ===== */
#layered-navigation .cate-parent-link { text-transform: uppercase !important; }
#layered-navigation .cate-children li > a,
#layered-navigation .cate-children li a { text-transform: uppercase !important; }

/* ===== 2. Mô tả danh mục: clamp ~10 dòng + nút "Xem thêm/Thu gọn" CĂN GIỮA ===== */
/* HTML giữ đầy đủ trong source → SEO không ảnh hưởng, chỉ collapse hiển thị. */
.category-description.bbs-clamp {
  max-height: 260px;
  overflow: hidden;
  position: relative;
}
.category-description.bbs-clamp::after {
  content: "";
  position: absolute; left: 0; right: 0; bottom: 0; height: 72px;
  background: linear-gradient(rgba(255,255,255,0), #ffffff);
  pointer-events: none;
}
.category-description.bbs-expanded { max-height: none; overflow: visible; }
.bbs-desc-toggle {
  display: block;
  width: max-content; max-width: 100%;
  margin: 14px auto 6px;            /* auto trái/phải → CĂN GIỮA */
  padding: 8px 22px;
  background: #ffffff; color: #C62828;
  border: 1px solid #C62828; border-radius: 6px;
  font-size: 13px; font-weight: 600; cursor: pointer;
  transition: background .15s, color .15s;
}
.bbs-desc-toggle:hover { background: #C62828; color: #fff; }

/* ===== 3. Card sản phẩm: badge % giảm giá KHÔNG bị cắt ===== */
/* theme-french.css đặt .sale-item { top:-8px; left:-8px } (thò ra góc) nằm trong
   .w-image-box{overflow:hidden} → bị cắt mất 1 phần. Đưa badge VÀO TRONG (top/left
   8px), bỏ ảnh ribbon cũ để badge (red tag) hiện trọn. */
.respl-item .item-inner .w-image-box .sale-item {
  top: 8px !important;
  left: 8px !important;
  width: auto !important;
  height: auto !important;
  background: none !important;
  overflow: visible !important;
  z-index: 6 !important;
}

/* ══════════════════════════════════════════════════════════════
   THEME RECOLOR — ĐỎ → GOLD/ĐEN/TRẮNG (chỉ noithatminhthi)
   Giữ nguyên bố cục, chỉ đổi màu. Gold #c9a24b, gold đậm #a8842f,
   nền nhấn nhạt #fbf6ea. Nav chuyển ĐEN sang trọng.
   ══════════════════════════════════════════════════════════════ */
/* 1) Biến màu — bắt mọi chỗ dùng var(--color-red...) */
:root {
  --color-red:       #c9a24b !important;
  --color-red-dark:  #a8842f !important;
  --color-red-price: #c9a24b !important;
  --color-red-light: #fbf6ea !important;
}
/* 2) Override các mã đỏ hardcode (#C62828, #B71C1C, #FFEBEE...) trong base CSS */
.topbar-cart .item-cart.cart-quantity { background: #c9a24b !important; }
.site-search .form-search:focus-within { border-color: #c9a24b !important; }
.site-search .button-search-pro { background: #c9a24b !important; }
.site-search .button-search-pro:hover { background: #a8842f !important; }
.hotline-link { color: #c9a24b !important; }
.hotline-link:hover { color: #a8842f !important; }
.site-nav { background: #c9a24b !important; }
.site-nav-list a:hover { background: #a8842f !important; }
.site-header .topbar-cart .item-cart.cart-quantity { background: #c9a24b !important; }
.site-header .site-search form:focus-within { border-color: #c9a24b !important; }
.site-header .site-search button,
.site-header .site-search .button-search-pro { background: #c9a24b !important; }
.site-header .site-search button:hover,
.site-header .site-search .button-search-pro:hover { background: #a8842f !important; }
.site-header .hotline-icon { color: #c9a24b !important; }
.site-header .hotline-link { color: #c9a24b !important; }
.site-header .hotline-link:hover { color: #a8842f !important; }
.site-header .site-nav { background: #c9a24b !important; }
.site-header .site-nav-list > li > a:hover,
.site-header .site-nav-list > li:hover > a { background: #a8842f !important; }
.site-header .site-nav-list li > ul { border-top: 3px solid #c9a24b !important; }
.site-header .site-nav-list li ul li a:hover { color: #c9a24b !important; }
.site-header .topbar-left .label-offer-slider { background: #c9a24b !important; }
.site-header .account-dropdown { border-top: 2px solid #c9a24b !important; }
.site-header .account-dropdown li a:hover { color: #c9a24b !important; }
.home-cate-sidebar .mega-left-title { background: #c9a24b !important; }
.home-cate-sidebar .sm_megamenu_wrapper_vertical_menu .sm_megamenu_menu > li:hover > a { background-color: #fbf6ea !important; color: #c9a24b !important; }
.home-cate-sidebar .sm_megamenu_wrapper_vertical_menu .sm_megamenu_menu > li.sm_megamenu_actived > a { background-color: #fbf6ea !important; color: #c9a24b !important; border-left: 3px solid #c9a24b !important; }
.home-cate-sidebar .sm_megamenu_wrapper_vertical_menu .sm_megamenu_menu > li.parent-child:hover > a::before { color: #c9a24b !important; }
.home-cate-see-more { color: #c9a24b !important; background: #fbf6ea !important; }
.home-cate-see-more:hover { background: #f2e6c4 !important; color: #a8842f !important; }
.home-slider-col .owl-pagination .owl-page.active span { background: #c9a24b !important; }
.footer-sub-form .button.sex { background: #c9a24b !important; }
.footer-sub-form .button.sex:hover { background: #a8842f !important; }
.footer-social-link { background: #c9a24b !important; }
.footer-social-link:hover { background: #a8842f !important; }
.footer-col-heading { border-bottom: 1px solid #c9a24b !important; }
.footer-hotline-link:hover { color: #c9a24b !important; }
.respl-item .sale-item .txt-label { background: #c9a24b !important; }
.respl-item .item-title a:hover { color: #c9a24b !important; }
.respl-item .price-box .special-price .price,
.respl-item .price-box .special-price .price .price { color: #c9a24b !important; }
.block-left-products .bs-item .bs-item-inner .bs-content .bs-title a:hover { color: #c9a24b !important; }
.block-left-products .bs-item .bs-item-inner .bs-content .price-box .price { color: #c9a24b !important; }
.block-left-products .bs-item .bs-item-inner .bs-content .minimal-price .price { color: #c9a24b !important; }
.block-left-products .bs-item .bs-item-inner .bs-content .regular-price .price { color: #c9a24b !important; }
.section-title-new { border-bottom: 2px solid #c9a24b !important; }
.section-title-new h2 { background: #c9a24b !important; background-color: #c9a24b !important; }
.section-viewmore-wrap .btn-view-more-cat { color: #c9a24b !important; border: 1px solid #c9a24b !important; }
.section-viewmore-wrap .btn-view-more-cat:hover,
.section-viewmore-wrap .btn-view-more-cat:focus { background: #c9a24b !important; }
.section-title-new .cat-list li a:hover { background: #fbf6ea !important; color: #c9a24b !important; border-color: #c9a24b !important; }
.section-block-new .custom-nav-default .button-default { background: #c9a24b !important; }
.section-block-new .custom-nav-default .button-default:hover { background: #a8842f !important; }
@media (max-width: 767px) {
  .section-title-new .category-wrap-cat { background: #a8842f !important; }
  .section-title-new .cat-list li a:hover { background: #fbf6ea !important; color: #c9a24b !important; }
}
.why-choose-title { border-left: 4px solid #c9a24b !important; }
.why-choose-cta { color: #c9a24b !important; border: 1.5px solid #c9a24b !important; }
.why-choose-cta:hover,
.why-choose-cta:focus { background: #c9a24b !important; }
.dealer-cta-section { background: linear-gradient(120deg, #c9a24b 0%, #7B0000 100%) !important; }
.dealer-cta-btn-primary { color: #c9a24b !important; }
.dealer-cta-btn-primary:hover,
.dealer-cta-btn-primary:focus { background: #fbf6ea !important; color: #a8842f !important; border-color: #fbf6ea !important; }
@media (max-width: 767px) {
  #wrap-phone .link_title:active { background: #fbf6ea !important; color: #c9a24b !important; }
}
.home-video-card:hover .home-video-thumb .play { background: #a8842f !important; }
.home-video-name:hover { color: #c9a24b !important; }
@media (max-width: 767px) {
  .bottom-nav-ai { color: #c9a24b !important; }
  .bottom-nav-ai:hover,
  .bottom-nav-ai:active { color: #a8842f !important; }
}
@media (max-width: 767px) {
  .pd-sticky-installment { background: #c9a24b !important; }
  .pd-sticky-installment:hover,
  .pd-sticky-installment:active { background: #a8842f !important; }
}
.scroll-to-top { background: #c9a24b !important; }
.scroll-to-top:hover { background: #a8842f !important; }
.hf-title { border-left: 4px solid var(--color-red, #c9a24b) !important; }
.hf-btn { border: 1.5px solid var(--color-red, #c9a24b) !important; color: var(--color-red, #c9a24b) !important; }
.hf-btn:hover { background: var(--color-red, #c9a24b) !important; }
.featured-badge { background: var(--color-red, #c9a24b) !important; }
.hf-name a:hover { color: var(--color-red, #c9a24b) !important; }
.hf-sale-price { color: var(--color-red, #c9a24b) !important; }
.dealer-hero { background: linear-gradient(135deg, #0a0a0a 0%, #1a0505 35%, #7b1010 68%, #c9a24b 100%) !important; }
.dealer-submit-btn:hover { background: #a8842f !important; }
.inst-product-card { background: linear-gradient(135deg, #fbf6ea 0%, #fff 100%) !important; }
.inst-product-price { color: #c9a24b !important; }
.inst-field label span { color: #c9a24b !important; }
.inst-field input:focus,
.inst-field textarea:focus,
.inst-field select:focus { border-color: #c9a24b !important; }
.inst-err { color: #c9a24b !important; }
.inst-submit-btn { background: linear-gradient(135deg, #c9a24b 0%, #a8842f 100%) !important; }
.inst-contact-list a { color: #c9a24b !important; }
.inst-products-list li::before { color: #c9a24b !important; }
.home-customers-title::after { background: #c9a24b !important; }
.hc-card-img-placeholder { background: linear-gradient(135deg, #c9a24b 0%, #a8842f 100%) !important; }
.hc-card-link { color: #c9a24b !important; }
@media (max-width: 768px) {
  .site-header .site-hotline { background: #fbf6ea !important; border: 1.5px solid #f2e6c4 !important; }
  .site-header .hotline-icon.hotline-pulse-icon { color: #c9a24b !important; }
  .site-header .hotline-link { color: #c9a24b !important; }
}
@media (min-width: 769px) {
  .site-header .site-nav-list li > ul { border-top: 3px solid #c9a24b !important; }
  .site-header .site-nav-list li > ul li a:hover { background: #fbf6ea !important; color: #c9a24b !important; border-left-color: #c9a24b !important; }
}
.home-cate-sidebar .sm_megamenu_wrapper_vertical_menu .sm_megamenu_menu > li:hover > a { border-left: 3px solid #c9a24b !important; }
.home-cate-sidebar .sm_megamenu_wrapper_vertical_menu .sm-megamenu-child a.sm_megamenu_nodrop:hover { background: #fbf6ea !important; color: #c9a24b !important; }
.cate-page-layout .page-title.category-title { border-left: 4px solid #c9a24b !important; }
.cate-page-layout .pagination .pages ol li a:hover { background: #fbf6ea !important; border-color: #c9a24b !important; color: #c9a24b !important; }
.cate-page-layout .pagination .pages ol li.current a,
.cate-page-layout .pagination .pages ol li a.active { background: #c9a24b !important; border-color: #c9a24b !important; }
.cate-page-layout .block-layered-nav .block-title { background: #c9a24b !important; }
.cate-page-layout .block-layered-nav .filter-wrapp ol li a:hover { background: #fbf6ea !important; color: #c9a24b !important; }
.cate-page-layout .block-layered-nav .filter-wrapp ol li.active a { color: #c9a24b !important; background: #fbf6ea !important; border-left: 3px solid #c9a24b !important; }
#layered-navigation .cate-parent-row:hover { background: #fbf6ea !important; }
#layered-navigation .cate-accordion-item.is-open > .cate-parent-row { background: #fbf6ea !important; }
#layered-navigation .cate-parent-link:hover { color: #c9a24b !important; }
#layered-navigation .cate-parent-link.is-active { color: #c9a24b !important; border-left: 3px solid #c9a24b !important; }
#layered-navigation .cate-arrow:hover { color: #c9a24b !important; }
#layered-navigation .cate-arrow.is-open { color: #c9a24b !important; }
#layered-navigation .cate-children li a:hover { background: #fbf6ea !important; color: #c9a24b !important; }
#layered-navigation .cate-children li a:hover::before { color: #c9a24b !important; }
#layered-navigation .cate-children li.is-active > a { color: #c9a24b !important; background: #fbf6ea !important; border-left: 3px solid #c9a24b !important; }
#layered-navigation .cate-children li.is-active > a::before { color: #c9a24b !important; }
#yt_left .block-layered-nav .block-title { background: #c9a24b !important; }
.cate-page-layout .t20-control-box:focus-within { border-color: #c9a24b !important; }
.search-filter-title { background: #c9a24b !important; }
.search-filter-list li a:hover,
.search-filter-list li.active a { color: #c9a24b !important; }
.search-filter-list li.active a strong { color: #c9a24b !important; }
.search-pagination .btnNomarl:hover,
.search-pagination .btnFirst:hover,
.search-pagination .btnLast:hover { border-color: #c9a24b !important; color: #c9a24b !important; }
.search-pagination .selected { border: 1px solid #c9a24b !important; background: #c9a24b !important; }
.search-empty-btn { background: #c9a24b !important; }
.search-empty-btn:hover { background: #a8842f !important; }
.pd-page-wrapper .pd-thumb-col .jCarouselLite ul li a.actived img,
.pd-page-wrapper .pd-thumb-col .jCarouselLite ul li.selected a img { border-color: #c9a24b !important; }
.pd-page-wrapper .pd-thumb-col .btn_thumb:hover { color: #c9a24b !important; }
.pd-page-wrapper .sale-product.have-ico { background: #c9a24b !important; }
.pd-page-wrapper .popup-btn a#yt_popup:hover { color: #c9a24b !important; border-color: #c9a24b !important; }
.pd-page-wrapper .pd-product-info .product-review a,
.pd-page-wrapper .pd-product-info .pd-cates a { color: #c9a24b !important; }
.pd-page-wrapper .pd-price-box .special-price .price { color: #c9a24b !important; }
.pd-page-wrapper .pd-qty-row .quantity-box:focus-within { border-color: #c9a24b !important; }
.pd-page-wrapper .pd-qty-row .quantity-controls:hover { background: #c9a24b !important; }
.pd-page-wrapper .pd-qty-row .quantity-controls:active { background: #a8842f !important; }
.pd-page-wrapper .pd-btn-buy { background: #c9a24b !important; }
.pd-page-wrapper .pd-btn-buy:hover { background: #a8842f !important; }
.pd-hotline-box { background: #fbf6ea !important; border: 1px solid #f2e6c4 !important; }
.pd-page-wrapper .pd-support-col .bs-title a:hover { color: #c9a24b !important; }
.pd-page-wrapper .pd-support-col .bs-price .price { color: #c9a24b !important; }
.pd-page-wrapper .pd-tabs .resp-tabs-list li.active a,
.pd-page-wrapper .pd-tabs .resp-tabs-list li.resp-tab-active a { background: #c9a24b !important; border-bottom-color: #c9a24b !important; }
.pd-page-wrapper .pd-section-hd .h2title span { background: #c9a24b !important; }
.pd-page-wrapper .pd-upsell-nav .button-default:hover { background: #fbf6ea !important; border-color: #c9a24b !important; color: #c9a24b !important; }
.pd-page-wrapper .pd-brand-link { color: #c9a24b !important; }
.pd-page-wrapper .pd-brand-link:hover { color: #a8842f !important; }
.pd-page-wrapper .pd-cate-link { color: #c9a24b !important; }
.pd-page-wrapper .pd-price-current { color: #c9a24b !important; }
.pd-page-wrapper .pd-price-current .price { color: #c9a24b !important; }
.pd-page-wrapper .pd-btn-main { background: #c9a24b !important; }
.pd-page-wrapper .pd-btn-main:hover { background: #a8842f !important; }
.pd-page-wrapper .pd-btn-tragop { color: #c9a24b !important; border: 2px solid #c9a24b !important; }
.pd-page-wrapper .pd-btn-tragop:hover { background: #fbf6ea !important; color: #a8842f !important; border-color: #a8842f !important; }
.pd-page-wrapper .pd-btn-main { background: #c9a24b !important; }
.pd-page-wrapper .pd-btn-main:hover { background: #a8842f !important; }
.pd-page-wrapper .pd-btn-tragop { color: #c9a24b !important; border: 2px solid #c9a24b !important; }
.pd-page-wrapper .pd-btn-tragop:hover { background: #fbf6ea !important; color: #a8842f !important; border-color: #a8842f !important; }
.pd-page-wrapper .pd-thumb-strip > a:hover,
.pd-page-wrapper .pd-thumb-strip > a.actived { border-color: #c9a24b !important; }
.pd-page-wrapper .pd-spec-tab-item a { color: #c9a24b !important; }
.pd-page-wrapper .pd-spec-tab-item a:hover { color: #a8842f !important; }
.pd-page-wrapper .pd-spec-tab-item.resp-tab-active a,
.pd-page-wrapper .pd-spec-tab-item.resp-tab-active { color: #c9a24b !important; }
.pd-spec-title { border-bottom: 2px solid #c9a24b !important; }
.pd-page-wrapper .pd-support-col .product-side-block-title { background: #c9a24b !important; }
.pd-page-wrapper .pd-support-col .product-side-toggle { color: #c9a24b !important; }
.pd-page-wrapper .pd-support-col .product-side-toggle:hover { color: #a8842f !important; }
.pd-page-wrapper .pd-support-col .product-side-name a:hover { color: #c9a24b !important; }
.pd-page-wrapper .pd-support-col .product-side-price { color: #c9a24b !important; }
.pd-page-wrapper .pd-faq-question:hover .pd-faq-q-text,
.pd-page-wrapper .pd-faq-item.is-open .pd-faq-q-text { color: #c9a24b !important; }
.pd-page-wrapper .pd-faq-icon { color: #c9a24b !important; }
.pd-page-wrapper .pd-faq-answer a { color: #c9a24b !important; }
.js-category-loadmore { background: #c9a24b !important; }
@media (max-width: 767px) {
  .pd-page-wrapper .pd-support-col .product-side-block-title { border-left: 4px solid #c9a24b !important; }
}
@media (max-width: 767px) {
  .pd-page-wrapper .pd-support-col .product-side-list.owl-carousel .product-side-name a:hover { color: #c9a24b !important; }
  .pd-page-wrapper .pd-support-col .product-side-list.owl-carousel .product-side-price { color: #c9a24b !important; }
}
.pd-color-swatch:hover { border-color: #c9a24b !important; }
.pd-color-swatch.is-selected { border-color: #c9a24b !important; }
.pd-swatch-delta { color: #c9a24b !important; }
#shopping-cart-totals-table tfoot .price { color: #a8842f !important; }
.cart-table .product-name a:hover { color: #a8842f !important; }
.cart-table .cart-price .price { color: #a8842f !important; }
.cart-table .tientratruoc { color: #a8842f !important; }
.cart-table .icon-remove:hover { color: #a8842f !important; }
.ot-input:focus { border-color: #a8842f !important; }
.ot-btn { background: #a8842f !important; }
.ot-back-link a:hover { color: #a8842f !important; }
.pd-page-wrapper .pd-spec-tab-item.resp-tab-active a,
.pd-page-wrapper .pd-spec-tab-item.resp-tab-active,
.pd-page-wrapper .pd-comment-tab-item.resp-tab-active a,
.pd-page-wrapper .pd-comment-tab-item.resp-tab-active { background: #c9a24b !important; }
@media (max-width: 767px) {
  #shopping-cart-table .tientratruoc { color: #c9a24b !important; }
  .checkout-types .btn-proceed-checkout { background: #c9a24b !important; border-color: #c9a24b !important; }
}
.pd-comment-avatar { background: #c9a24b !important; }
.pd-comment-reply { border-left: 3px solid #c9a24b !important; }
.pd-reply-badge { color: #c9a24b !important; }
.pd-cmt-textarea:focus { border-color: #c9a24b !important; }
.pd-cmt-submit { background: #c9a24b !important; }
.pd-cmt-submit:hover { background: #a8842f !important; }
.pd-cmt-notice.pd-notice-err { background: #fbf6ea !important; color: #c9a24b !important; border: 1px solid #f2e6c4 !important; }
.pd-cmt-login-link { color: #c9a24b !important; }
.pd-cmt-login-link:hover { color: #a8842f !important; }
.pd-cmt-input:focus { border-color: #c9a24b !important; }
.news-sidebar-title { background: #c9a24b !important; }
.news-sidebar-list li a:hover,
.news-sidebar-list li.active > a { background: #fbf6ea !important; color: #c9a24b !important; }
.news-main .page-title-blog h1 { border-left: 4px solid #c9a24b !important; }
.news-card-title a:hover { color: #c9a24b !important; }
.news-sidebar-bestseller .block-left-products .block-title { background: #c9a24b !important; }
.news-pagination .pages ol li a:hover { background: #fbf6ea !important; border-color: #c9a24b !important; color: #c9a24b !important; }
.news-pagination .pages ol li.current a { background: #c9a24b !important; border-color: #c9a24b !important; }
.news-breadcrumb-bar .breadcrumbs a:hover { color: #c9a24b !important; }
.news-breadcrumb-bar .breadcrumbs strong { color: #c9a24b !important; }
.news-mcat-item.active,
.news-mcat-item:hover { background: #c9a24b !important; border-color: #c9a24b !important; }
.news-article-meta a { color: #c9a24b !important; }
.news-article-body a { color: #c9a24b !important; }
.news-article-body blockquote { border-left: 4px solid #c9a24b !important; background: #fbf6ea !important; }
.news-related-title { background: #c9a24b !important; }
.news-related-list li a:hover { color: #c9a24b !important; background: #fbf6ea !important; }

/* 3) Tinh chỉnh thủ công: thanh NAV nền đen, link trắng, active/hover gold */
.site-header .site-nav { background: #141414 !important; border-top-color: #2a2a2a !important; border-bottom-color: #2a2a2a !important; }
.site-header .site-nav-list > li > a { color: #f4f4f4 !important; }
.site-header .site-nav-list > li > a:hover,
.site-header .site-nav-list > li:hover > a { background: #242424 !important; color: #c9a24b !important; }
.site-header .site-nav-list > li.active > a,
.site-header .site-nav-list > li.current > a,
.site-header .site-nav-list > li.current-menu-item > a { color: #c9a24b !important; background: #242424 !important; }
/* dropdown submenu: nền trắng, viền gold, hover gold */
.site-header .site-nav-list li > ul { border-top: 3px solid #c9a24b !important; }
.site-header .site-nav-list li ul li a:hover { color: #c9a24b !important; background: #fbf6ea !important; }

/* 4) Dọn nốt các mã đỏ MAROON còn sót trong gradient (base map không bắt) */
.dealer-cta-section { background: linear-gradient(120deg, #141414 0%, #2a2410 55%, #a8842f 130%) !important; }
.dealer-hero { background: linear-gradient(135deg, #0a0a0a 0%, #141414 50%, #6b5a2a 80%, #c9a24b 100%) !important; }
.inst-product-card { background: linear-gradient(135deg, #fbf6ea 0%, #ffffff 100%) !important; }

/* 5) Checkout (opc) — style ĐỎ nằm INLINE trong template (#ea3a3c) → gold.
   site CSS nạp sau inline <style> nên override được. */
.opc-wrapper-opc .btn:hover,
.opc-wrapper-opc .discount-block .button:hover,
.opc-wrapper-opc .payment-block dt:hover,
.opc-wrapper-opc .payment-block dt.active,
.opc-messages-action .button:hover,
.opc-wrapper-opc .btn-checkout:hover,
.opc-wrapper-opc .login-trigger:hover,
.review-menu-block a.review-total:hover,
.review-menu-block a.review-total.open { background-color: #c9a24b !important; }
.review-menu-block a.review-total.open,
.review-menu-block .polygon { border-top-color: #c9a24b !important; }
.opc-wrapper-opc .payment-block dt.active label,
.opc-wrapper-opc .payment-block dt:hover label { color: #fff !important; }

/* 6) Nút CTA "Đặt hàng" (giỏ hàng) + "Tiếp tục mua hàng" (đặt hàng thành công):
   base dùng .button nền xám #666 → trông nhạt. Ép GOLD đặc + chữ trắng. */
.checkout-types .btn-proceed-checkout,
.buttons-set .button {
  background: #c9a24b !important;
  background-color: #c9a24b !important;
  border: 1px solid #c9a24b !important;
  color: #ffffff !important;
}
.checkout-types .btn-proceed-checkout span,
.checkout-types .btn-proceed-checkout span span,
.buttons-set .button span,
.buttons-set .button span span { color: #ffffff !important; }
.checkout-types .btn-proceed-checkout:hover,
.buttons-set .button:hover {
  background: #a8842f !important;
  background-color: #a8842f !important;
  border-color: #a8842f !important;
}

/* 7) Recolor nốt các mã đỏ trong theme-french.css (#b91212, #ba0707, #d23436...) → gold */
#nav > li:hover > a { background-color: #a8842f !important; }
.header-v5 #nav > li:hover > a,
.header-v5 #nav > li.active > a { background-color: #c9a24b !important; }
.cms-index-index .header-v5 #nav > li > .nav-home { background-color: #c9a24b !important; }
.cpanel-theme-color .theme-color.red { background-color: #c9a24b !important; }
.header-v3 .yt-header-top { background-color: #c9a24b !important; }
.cms-index-index .header-v5 .home-item-parent > .sm_megamenu_head { background-color: #c9a24b !important; }
.header-v5 .yt-header-under { background-color: #c9a24b !important; }
.header-v5 .yt-header-under .sm_megamenu_wrapper_horizontal_menu .sm_megamenu_menu > li:hover > a.sm_megamenu_head,
.header-v5 .yt-header-under .sm_megamenu_wrapper_horizontal_menu .sm_megamenu_menu li.sm_megamenu_actived > a { background-color: #c9a24b !important; }
.header-v5 .ver-megamenu-header .button-ver-menu { background-color: #c9a24b !important; }
.header-v5 .ver-megamenu-header .sm_megamenu_wrapper_vertical_menu .sm_megamenu_menu > li:hover > a,
.header-v5 .ver-megamenu-header .sm_megamenu_wrapper_vertical_menu .sm_megamenu_menu > li.sm_megamenu_actived > a { background-color: #c9a24b !important; }
.header-v4 .ver-megamenu-header .button-ver-menu { background-color: #c9a24b !important; }
.megamenu-product .bs-content .bs-price .price-box .price { color: #c9a24b !important; }
.block-left-products .bs-item .bs-item-inner .bs-content .price-box .price { color: #c9a24b !important; }
.basic-product-bottom .basic-product-content .bs-item .bs-content .regular-price .price,
.basic-product-bottom .basic-product-content .bs-item .bs-content .special-price .price { color: #c9a24b !important; }
.client-say .item-client-say .client-say-info .name-client h2 a { color: #c9a24b !important; }
.respl-item .item-inner .item-info .item-price .price-box .price { color: #c9a24b !important; }
.products-list .respl-item-list .product-shop .f-fix .item-price .price-box .price { color: #c9a24b !important; }
.home-wrapper-item .color-block ul .red a { background-color: #c9a24b !important; }
.wrapper_404page .content-404page .prev-page-btn { background-color: #c9a24b !important; }
.button:hover,
.header-default .yt-header-top .block-action-header .jqTransformSelectWrapper ul li:hover,
.header-default .yt-header-top .my-account-link > ul > li .dropdown-link-account li a:hover,
.header-default .yt-header-under .mini-cart-header .block-title .btn-toggle,
.header-v3 .yt-header-top .block-action-header .jqTransformSelectWrapper ul li:hover,
.header-v3 .yt-header-top .my-account-link > ul > li .dropdown-link-account li a:hover,
.header-v3 .yt-header-under .mini-cart-header .block-title .btn-toggle,
.header-v4 .yt-header-top .block-action-header .jqTransformSelectWrapper ul li:hover,
.header-v4 .yt-header-top .my-account-link > ul > li .dropdown-link-account li a:hover,
.header-v5 .yt-header-top .block-action-header .jqTransformSelectWrapper ul li:hover,
.header-v5 .yt-header-top .my-account-link > ul > li .dropdown-link-account li a:hover,
.header-v5 .yt-header-under .mini-cart-header .block-title .btn-toggle,
.respl-item .item-inner .btn-pd:hover,
.toolbar .pagination-wrap .pagination .pages ol li a:hover,
.toolbar .pagination-wrap .pagination .pages ol li.current a,
#yt_left .block .block-title strong,
#yt_right .block .block-title strong,
.block-related .block-title strong,
.yt-footer-wrap .footer-top .block-subscribe-footer .block-content button,
.block-layered-nav .filter-wrapp .wrap-price-shopby .btn-shopby-wrapper .btn-shopby,
.products-list .respl-item-list .product-shop .f-fix .list-action .item-wishlist:hover,
.products-list .respl-item-list .product-shop .f-fix .list-action .item-compare:hover,
.products-list .respl-item-list .product-shop .f-fix .list-action .btn-cart:hover,
.products-list .respl-item-list .w-image-box .item-image .sm_quickview_handler:hover,
.block-popup-login .block-content .btn-reg-popup,
.tt_popup_login strong,
.mega-left-title,
.faqs-block .faq-wrapper .accordion:hover span:before,
.respl-item .item-inner:hover .time-item,
.owl-pagination .owl-page:hover,
.owl-pagination .owl-page.active,
.custom-nav-default .button-default:hover,
.block-title-default h2 span,
.yt-slideshow .owl-buttons .owl-next:hover,
.yt-slideshow .owl-buttons .owl-prev:hover,
.quantity-controls:hover,
.yt-product-detail .yt-detail-right .product-add-box .add-to-links li a:hover,
.yt-product-detail .yt-detail-right .product-shop .add-to-cart .btn-cart,
.resp-tabs-list li.resp-tab-active a,
.resp-tabs-list li:hover a,
.block-tags .tags-list li a:hover,
#checkoutSteps .active .step-title,
#confirmbox #btnavi li > #btccart:hover,
#yt-totop:hover,
.resp-accordion.resp-tab-active,
.header-default .yt-header-top .jqTransformSelectWrapper ul li a.selected,
.header-v3 .yt-header-top .jqTransformSelectWrapper ul li a.selected,
.header-v4 .yt-header-top .jqTransformSelectWrapper ul li a.selected,
.header-v5 .yt-header-top .jqTransformSelectWrapper ul li a.selected { background-color: #c9a24b !important; }
.header-default .yt-header-under .mini-cart-header .block-title .btn-toggle .item-cart,
.header-v3 .yt-header-under .mini-cart-header .block-title .btn-toggle .item-cart,
.header-v5 .yt-header-under .mini-cart-header .block-title .btn-toggle .item-cart,
.yt-footer-wrap .footer-top .block-subscribe-footer .block-content button:hover,
.block-layered-nav .filter-wrapp .wrap-price-shopby .btn-shopby-wrapper .btn-shopby:hover,
.block-popup-login .block-content .btn-reg-popup:hover,
.mega-left-title strong:before,
.yt-product-detail .yt-detail-right .product-shop .add-to-cart .btn-cart:hover { background-color: #a8842f !important; }
.header-default .yt-header-under .mini-cart-header .bottom-action,
.header-v3 .yt-header-under .mini-cart-header .bottom-action,
.header-v5 .yt-header-under .mini-cart-header .bottom-action,
.toolbar .pagination-wrap .pagination .pages ol li a:hover,
.toolbar .pagination-wrap .pagination .pages ol li.current a,
#yt_left .block .block-title,
#yt_right .block .block-title,
.block-related .block-title,
.price_filter .price-from:hover,
.price_filter .price-to:hover,
.tt_popup_login,
.custom-nav-default .button-default:hover,
.block-title-default,
.list-services li a:hover,
.yt-product-detail .product-img-box .more-views ul li img:hover,
.yt-product-detail .product-img-box .more-views ul li.selected img,
.resp-accordion.resp-tab-active { border-color: #c9a24b !important; }
#yt_left .block .block-title strong:before,
#yt_right .block .block-title strong:before,
.block-related .block-title strong:before,
.tt_popup_login strong:before,
.block-title-default h2 span:before { border-bottom: 37px solid #c9a24b !important; }
.header-default .yt-header-under .mini-cart-header .block-title .btn-toggle:before,
.header-v5 .yt-header-under .mini-cart-header .block-title .btn-toggle:before,
.header-v3 .yt-header-under .mini-cart-header .block-title .btn-toggle:before { border-right: 15px solid #c9a24b !important; }
.sm-serachbox-pro .form-search .button-search-pro,
.sm-cartpro .product-details-bottom .price,
.toolbar .select-inner > ul li a:hover,
.toolbar .select-inner > ul li a.selected,
.yt-footer-wrap .footer-top .socials-wrap ul li a:hover,
.copyright-footer a,
.yt-footer-wrap .footer-middle .content-block-footer ul li .sp-ic,
.block .customNavigation .btn-bs:hover,
#nav > li ul li:hover > a,
.sm_megamenu_wrapper_vertical_menu .sm_megamenu_menu > li:hover > a,
.faqs-block .faq-wrapper .accordion:hover,
.yt-product-detail .yt-detail-right .availability span,
.yt-product-detail .yt-detail-right .product-shop .price-box .special-price .price,
.yt-product-detail .yt-detail-right .product-shop .price-box .regular-price .price,
.yt-product-detail .product-img-box .more-views .btn_thumb:hover,
.why-list li a:hover,
.our-member .respl-item .info-member .cl-name > a,
.happy-about-us .happy-ab .ct-why .client-info-about .name,
.block-account .block-content ul li.current a,
.block-account .block-content ul li a:hover { color: #c9a24b !important; }
.our-member .respl-item .info-member .cl-name > a:hover { color: #c9a24b !important; }
.cmspage3 #yt_left .block .customNavigation .btn-bs:hover,
.cmspage3 #yt_right .block .customNavigation .btn-bs:hover { background-color: #c9a24b !important; border-color: #c9a24b !important; }
.cmspage3 #yt_left .block .block-title,
.cmspage3 #yt_right .block .block-title { border-left: 5px solid #c9a24b !important; }
.cmspage3 .block-title-default { border-left: 5px solid #c9a24b !important; }
.client-wrapper-b .client-say-info .name-client h2 a { color: #c9a24b !important; }
@media (min-width: 992px) and (max-width: 1199px) {
  .header-v5 .yt-menu .search-pro { background-color: #c9a24b !important; }
  .header-v5 .yt-menu .search-pro:hover .sm-searbox-content { background-color: #c9a24b !important; }
}
@media (max-width: 767px) {
  .header-v5 .yt-menu .search-pro { background-color: #c9a24b !important; }
  .header-v5 .yt-menu .search-pro:hover .sm-searbox-content { background-color: #c9a24b !important; }
  .header-v5 .yt-header-middle .mini-cart-header .block-title { background-color: #c9a24b !important; }
}
@media (min-width: 1200px) {
  #yt_header .header-v4 .yt-header-under.menu-on-top { background-color: #c9a24b !important; }
}

/* 8) Sidebar block-title: PHỐI GOLD + ĐỎ sang trọng (phá cách theo yêu cầu) */
#yt_left .block .block-title strong,
#yt_left .block-left-products .block-title strong,
#yt_left .block-blog .block-title strong {
  background: linear-gradient(120deg, #b91212 0%, #8a0d0d 50%, #c9a24b 145%) !important;
  color: #ffffff !important;
}
#yt_left .block .block-title strong:before { border-bottom-color: #8a0d0d !important; }
#yt_left .block .block-title { border-bottom: 2px solid #c9a24b !important; }
#yt_left .block .customNavigation .btn-bs { color: #c9a24b !important; }
#yt_left .block .customNavigation .btn-bs:hover { color: #a8842f !important; }

/* 9) Khối "THƯƠNG HIỆU CỦA CHÚNG TÔI" chuyển xuống cuối trang (css hao hao barbershop) */
.bbs-brands-section { background: #141414; padding: 28px 0; margin-top: 0; }
.bbs-brands-title { text-align: center; color: #c9a24b; font-size: 22px; font-weight: 700;
  letter-spacing: 1px; text-transform: uppercase; margin: 0 0 20px; }
.bbs-brands-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 22px; }
.bbs-brand-card { flex: 1 1 0; min-width: 220px; max-width: 320px; display: flex;
  align-items: center; justify-content: center; padding: 22px 20px;
  background: #ffffff; border: 1px solid rgba(201,162,75,.45); border-radius: 10px;
  text-decoration: none; transition: border-color .2s, transform .2s, box-shadow .2s; }
.bbs-brand-card:hover { border-color: #c9a24b; transform: translateY(-3px);
  box-shadow: 0 8px 24px rgba(201,162,75,.22); }
.bbs-brand-logo { display: flex; align-items: center; justify-content: center; height: 76px; }
.bbs-brand-logo img { max-height: 76px; max-width: 210px; width: auto; object-fit: contain; }
@media (max-width: 767px) {
  .bbs-brands-grid { gap: 14px; }
  .bbs-brand-card { min-width: 140px; padding: 16px 12px; }
  .bbs-brand-logo { height: 56px; }
  .bbs-brand-logo img { max-height: 56px; max-width: 140px; }
}

/* 10) Header "DANH MỤC" (layered-nav trang danh mục): bỏ gradient đỏ bị muddy,
   thay bằng GOLD sang trọng (chữ nâu đậm kiểu khắc). Specificity 2 id để thắng rule sidebar. */
#yt_left #layered-navigation .block-title strong,
#layered-navigation .block-layered-nav .block-title strong {
  background: linear-gradient(135deg, #d8b45a 0%, #c9a24b 48%, #a8842f 100%) !important;
  color: #241900 !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.18) !important;
}
#yt_left #layered-navigation .block-title strong:before,
#layered-navigation .block-layered-nav .block-title strong:before {
  border-bottom-color: #a8842f !important;
}
#yt_left #layered-navigation .block-title,
#layered-navigation .block-layered-nav .block-title {
  border-bottom: 2px solid #a8842f !important;
}