@charset "UTF-8";
/* =========================================================
   FIX LỖI NÚT TÌM KIẾM BỊ LỆCH / DÍNH VÀO GIỮA THANH TÌM KIẾM
   ========================================================= */
.mainHeader-middle .header-wrap-search .search-box,
.header-wrap-search .search-box {
  width: 100% !important;
  max-width: 600px !important; }

.mainHeader-middle .header-wrap-search .searchform-product,
.header-wrap-search .searchform-product {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  position: relative !important;
  width: 100% !important;
  background: #ffffff !important;
  border: 1.5px solid #0c3830 !important;
  border-radius: 999px !important;
  padding: 3px 4px 3px 18px !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
  box-sizing: border-box !important;
  transition: all 0.3s ease !important; }

/* Ép thẻ bọc ô input dãn hết chiều ngang sang bên trái */
.mainHeader-middle .header-wrap-search .searchform-product .wpo-search-inner,
.header-wrap-search .searchform-product .wpo-search-inner {
  flex: 1 1 auto !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important; }

/* Ô nhập chữ */
.mainHeader-middle .header-wrap-search .searchform-product .input-search,
.header-wrap-search .searchform-product .input-search {
  width: 100% !important;
  border: none !important;
  outline: none !important;
  background: transparent !important;
  height: 38px !important;
  line-height: 38px !important;
  padding: 0 !important;
  font-size: 14px !important;
  color: #333333 !important;
  box-shadow: none !important; }

.mainHeader-middle .header-wrap-search .searchform-product .input-search::placeholder {
  color: #8c9b96 !important; }

/* Cố định nút kính lúp nằm sát mép ngoài cùng bên phải */
.mainHeader-middle .header-wrap-search .searchform-product .btn-search,
.header-wrap-search .searchform-product .btn-search {
  position: static !important;
  flex: 0 0 36px !important;
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  margin: 0 0 0 8px !important;
  padding: 0 !important;
  border-radius: 50% !important;
  background: #0c3830 !important;
  border: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important; }

.mainHeader-middle .header-wrap-search .searchform-product .btn-search svg,
.header-wrap-search .searchform-product .btn-search svg {
  width: 15px !important;
  height: 15px !important;
  fill: #ffffff !important;
  stroke: #ffffff !important;
  margin: auto !important;
  display: block !important; }

.mainHeader-middle .header-wrap-search .searchform-product .btn-search:hover,
.header-wrap-search .searchform-product .btn-search:hover {
  background: #06221d !important;
  transform: scale(1.05) !important; }

/* =========================================================
   POPUP KẾT QUẢ TÌM KIẾM (SMART SEARCH) - TỐI ƯU GỌN ĐẸP
   ========================================================= */
/* 1. Khung bao ngoài & Cố định kích thước chuẩn */
.header-wrap-search .search-box,
.header-wrap-search .wpo-wrapper-search,
.mainHeader-middle .header-wrap-search .search-box {
  position: relative !important;
  width: 100% !important;
  max-width: 550px !important;
  margin: 0 auto !important; }

/* 2. Khung dropdown kết quả (Khớp 100% chiều dài ô tìm kiếm) */
.smart-search-wrapper.ajaxSearchResults {
  position: absolute !important;
  top: calc(100% + 6px) !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  max-height: 380px !important;
  background: #ffffff !important;
  border: 1.5px solid #eef2f0 !important;
  border-radius: 16px !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12) !important;
  padding: 8px 12px !important;
  overflow-y: auto !important;
  box-sizing: border-box !important;
  z-index: 99999 !important; }

/* 3. Dòng từng sản phẩm */
.smart-search-wrapper .item-ult {
  display: flex !important;
  align-items: center !important;
  padding: 8px 6px !important;
  border-bottom: 1px solid #f2f5f4 !important;
  border-radius: 8px !important;
  width: 100% !important;
  box-sizing: border-box !important;
  transition: background-color 0.2s ease !important; }

.smart-search-wrapper .item-ult:last-of-type {
  border-bottom: none !important; }

.smart-search-wrapper .item-ult:hover {
  background-color: #f8faf9 !important; }

/* 4. Ảnh sản phẩm */
.smart-search-wrapper .item-ult .thumbs {
  flex: 0 0 45px !important;
  width: 45px !important;
  height: 45px !important;
  margin-right: 12px !important; }

.smart-search-wrapper .item-ult .thumbs img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  border-radius: 8px !important;
  border: 1px solid #eaeaea !important; }

/* 5. Tên và giá sản phẩm */
.smart-search-wrapper .item-ult .title {
  flex: 1 1 auto !important;
  width: calc(100% - 57px) !important;
  padding: 0 !important;
  margin: 0 !important; }

.smart-search-wrapper .item-ult .title a,
.smart-search-wrapper .item-ult .title .product-title {
  display: block !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: #212529 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  line-height: 1.3 !important;
  margin-bottom: 3px !important; }

.smart-search-wrapper .item-ult:hover .title a {
  color: #0c3830 !important; }

.smart-search-wrapper .item-ult .title p {
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #0c3830 !important;
  margin: 0 !important; }

.smart-search-wrapper .item-ult .title p del {
  font-size: 11.5px !important;
  font-weight: 400 !important;
  color: #8c9b96 !important;
  margin-left: 6px !important; }

/* 6. Nút "Xem thêm sản phẩm" */
.smart-search-wrapper .resultsMore {
  border-top: 1px dashed #e2e8f0 !important;
  margin-top: 6px !important;
  padding: 8px 0 2px !important;
  text-align: center !important; }

.smart-search-wrapper .resultsMore a {
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #0c3830 !important;
  padding: 4px 10px !important;
  display: inline-block !important;
  text-decoration: none !important; }

.smart-search-wrapper .resultsMore a:hover {
  text-decoration: underline !important; }

/* =========================================================
   FOOTER CONTACT MAP - dùng chung mọi template
   ========================================================= */
@media (min-width: 992px) {
  .box-map-contact-footer {
    height: 150px;
    width: 150px;
    margin: 15px auto 0;
    border-radius: 4px;
    overflow: hidden; }
  .box-map-contact-footer iframe {
    width: 100%;
    height: 100%;
    border: 0;
    display: block; }
  .logo-contact-footer {
    padding: 15px 0 15px 0;
    position: relative;
    right: 5px; } }

@media (max-width: 991px) {
  .box-map-contact-footer {
    display: none; }
  .logo-contact-footer {
    display: none !important; } }

/* ===== FIX NỀN FOOTER GIỐNG GIAO DIỆN CŨ ===== */
.mainFooter {
  background: #000000 !important;
  color: #ffffff !important; }

.mainFooter .footer-container {
  background: #000000 !important; }

.mainFooter .footer-container,
.mainFooter .footer-container p,
.mainFooter .footer-container span,
.mainFooter .footer-container li,
.mainFooter .footer-container a {
  color: #ffffff !important; }

.mainFooter .widget-footer .title-footer,
.mainFooter .widget-footer .fter-title {
  color: #ffffff !important; }

.mainFooter .footerNav-link li a {
  color: #ffffff !important; }

.mainFooter .footerNav-link li a:before {
  background: #ffffff !important; }

.mainFooter .footer-copyright {
  background: #000000 !important;
  color: #ffffff !important;
  border-top: 1px solid rgba(255, 255, 255, 0.15) !important; }

.mainFooter .footer-copyright p,
.mainFooter .footer-copyright p a {
  color: #ffffff !important; }

/* icon địa chỉ / điện thoại */
.mainFooter .address-footer ul li i {
  color: #ffffff !important; }