/* Site-wide small fixes — erpsme.vn (2026-08-27) */

/* "Bạn nhận được những gì?" list (component _bannhanduocgi, dùng chung
   trên pro/landingpage/ldp-01..08): mỗi <li> chỉ có 1 dòng icon nhỏ + tên
   sản phẩm. Ảnh của các sản phẩm mới (SIS Remote Access, SIS Bank Hub...)
   là ảnh banner quảng cáo khổ lớn (không phải icon vuông nhỏ như 10 sản
   phẩm gốc), nên hiện to bất thường, phá layout. Ép về đúng cỡ icon nhỏ,
   không phụ thuộc kích thước ảnh gốc trong dữ liệu.
*/
.section_content_home_area .intro-content ul.list-unstyled li img {
  width: 28px;
  height: 28px;
  object-fit: contain;
  vertical-align: middle;
  margin-right: 6px;
}

/* Popup "Đăng ký tư vấn giải pháp" (_modal_register.blade.php) — để trông
   giống hệt trang chuẩn /dang-ky-tu-van-giai-phap, bỏ khung trắng mặc định
   của Bootstrap modal-content và để đúng khối .wrap-form-register (đã có
   sẵn CSS nền xanh, bo góc, nút cam) tự hiển thị, không vẽ giao diện mới. */
.modal-register-popup .modal-dialog {
  max-width: 652px;
}
.modal-register-popup .modal-content {
  background: transparent;
  border: 0;
  position: relative;
}
.modal-register-popup .wrap-form-register {
  padding: 30px 35px;
}
.modal-register-popup .btn-close-register-popup {
  position: absolute;
  top: -14px;
  right: -14px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 0;
  background: #fff;
  color: #0D73D7;
  font-size: 20px;
  line-height: 1;
  cursor: pointer;
  z-index: 2;
  box-shadow: 0 2px 6px rgba(0,0,0,.25);
}

/* Nhan "MOI" cho danh sach Tin tuc / Du an thanh cong (allnews.blade.php,
   news_categories/view.blade.php) - dong bo voi khoi Tin tuc trang chu,
   nhung khong nam trong main.hp-redesign nen can style rieng o day. */
.item-post-list .item-image,
.item-post-list-new .item-image {
  position: relative;
  display: block;
  overflow: hidden;
}
.item-post-list .hp-news-badge-new,
.item-post-list-new .hp-news-badge-new {
  display: none;
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 2;
  background: #ff1a1a;
  color: #fff !important;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .03em;
  padding: 3px 10px;
  border-radius: 100px;
  box-shadow: 0 2px 6px rgba(255,26,26,.5);
}

/* Nut tim kiem tren header (btn_showSearch / #search_area): theme co san
   toan bo CSS cho tinh nang nay nhung an nut tren desktop (>=992px) bang
   media query trong styles.min.css, khien tim kiem khong the truy cap o
   bat ky kich thuoc man hinh nao (nut bi comment trong HTML tren mobile).
   Bat lai nut tren desktop, dung chung logic JS toggle #search_area co san
   trong bundle.min.js. */
@media (min-width: 992px) {
  header.header.header-show-menu .header-main .box-btn-show-search {
    display: block;
    /* Theme's own left:40px places this on top of the logo (same left edge
       as .header-main-inner), which both hides it visually behind the logo
       image and steals its clicks (logo paints on top, later in DOM).
       Move it into the empty gap right after the logo, before the nav menu
       starts — logo is always the first visible flex child here, so this
       offset (logo width + small gap) is stable across viewport widths. */
    left: 148px;
  }
}

/* Theme ve icon kinh lup bang Font Awesome 5 Pro (":before{content:'\f002'}")
   nhung site khong load kit FA5 Pro (chi co FA4 o 1 view khong dung), nen
   icon hien ra rong/tofu. Thay bang SVG inline (them truc tiep trong
   header.blade.php) va tat glyph FA hong di. */
/* NOTE: the theme's own rules for these elements are qualified with the
   long "header.header.header-show-menu .header-main ..." / ".search_area
   .search-area-inner .form-search ..." prefixes, which out-specificity a
   plain ".box-btn-show-search .btn-show-search{...}" override even when
   this file loads later. Match that same qualification level here so our
   overrides actually win instead of silently losing the cascade. */
header.header.header-show-menu .header-main .box-btn-show-search .btn-show-search:before,
header.header.header-show-menu .header-main .box-btn-show-search.active .btn-show-search:before {
  content: none;
}
header.header.header-show-menu .header-main .box-btn-show-search .btn-show-search {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #005FFF;
}
header.header.header-show-menu .header-main .box-btn-show-search .btn-show-search svg {
  display: block;
}
.search_area .search-area-inner .form-search .btn-search:after {
  content: none;
}
.search_area .search-area-inner .form-search .btn-search {
  display: flex;
  align-items: center;
  justify-content: center;
}
.search_area .search-area-inner .form-search .btn-search svg {
  display: block;
}

/* Search results page pulls fallback images from marketing hero banners
   (landscape, text baked into the image) for pro/landingpage entries that
   have no dedicated thumbnail — the card's fixed 3:2 frame then crops that
   text off with the theme's default object-fit:cover. Frame size is fixed,
   so scale both axes to fill it instead (no crop, no letterbox gaps). */
.search-results-page .item-post-list .item-inner .item-image img {
  -o-object-fit: fill;
  object-fit: fill;
}