/* =====================================================================
   VIEWD — TACH BACH HEADER VOI BANNER TOI
   Van de: banner hero gan nhu den tuyen (do sang 1), header #2E2E2E
   (do sang 46) -> hai mang toi dinh nhau, web khong noi bat.
   Cach xu ly: nang do sang header, them dai vang thuong hieu va do bong
   de header noi han len tren banner.
   Nap SAU main.css nen cac quy tac o day thang.
   owner: "Sam (so huu doc quyen, cam sao chep)"
   ===================================================================== */

/* ---- 1. Ba lop ro rang: topbar dam · header sang hon · banner den ---- */
.topbar{
  background:#171717;
  border-bottom:1px solid rgba(255,255,255,.06);
}

.site-header{
  background:linear-gradient(180deg,#3C3C3C 0%,#333333 100%);
  border-bottom:0;
  box-shadow:0 10px 34px -14px rgba(0,0,0,.85);
}
.site-header.scrolled{
  background:linear-gradient(180deg,#333333 0%,#2B2B2B 100%);
  box-shadow:0 12px 36px -14px rgba(0,0,0,.9);
}

/* ---- 2. Dai vang thuong hieu ngan header voi hero ---- */
.site-header::after{
  content:"";
  position:absolute;left:0;right:0;bottom:0;height:3px;
  background:linear-gradient(90deg,
    rgba(198,147,32,0) 0%,
    #C69320 12%,
    #F0CE72 32%,
    #E9B949 50%,
    #F0CE72 68%,
    #C69320 88%,
    rgba(198,147,32,0) 100%);
  box-shadow:0 0 14px rgba(233,185,73,.45);
  z-index:3;
}

/* ---- 3. Vien sang mo tren cung banner de cat khoi header ---- */
.hero::before{
  content:"";position:absolute;left:0;right:0;top:0;height:90px;z-index:3;
  background:linear-gradient(180deg,rgba(255,255,255,.07),transparent);
  pointer-events:none;
}

/* ---- 4. Menu sang ro hon tren nen header moi ---- */
.site-header .nav > li > a{color:#F4F4F4}
.site-header .nav > li > a:hover,
.site-header .nav > li.active > a{color:var(--gold-lt)}

/* ---- 5. O tim kiem noi hon ---- */
.hd-search{
  background:rgba(255,255,255,.10);
  border-color:rgba(255,255,255,.22);
}
.hd-search:focus-within{
  background:rgba(255,255,255,.14);
  border-color:var(--gold-lt);
}
.hd-search input{color:#FFFFFF}
.hd-search input::placeholder{color:#A0A0A0}

/* ---- 6. Logo co khong gian tho, khong dinh vao vien ---- */
.site-header .brand{position:relative;z-index:2}

/* ---- 7. Man hinh nho: dai vang mong hon cho can doi ---- */
@media(max-width:700px){
  .site-header::after{height:2px}
  .hero::before{height:56px}
}

/* ---- 8. Ton trong che do giam chuyen dong ---- */
@media (prefers-reduced-motion:reduce){
  .site-header{transition:none}
}

/* =====================================================================
   9. SUA LOI CON SOT SAU KIEM THU (do minh tu tim them)
   ===================================================================== */

/* --- iOS tu phong to trang khi cham vao o nhap co chu < 16px --- */
.hd-search input{
  font-size:16px;      /* bat buoc >= 16px de iPhone/iPad khong zoom */
  padding:8px 14px;    /* bu lai cho o van thanh gon */
}

/* --- Nut dong cua hop "Xem nhanh" qua nho de cham --- */
.modal .x{
  width:44px;height:44px;display:grid;place-items:center;
  top:6px;right:6px;font-size:24px;
}

/* --- Nut dong lop tim kiem: mo rong vung cham --- */
.close-x{
  min-height:44px;display:inline-flex;align-items:center;padding:0 6px;
}

/* --- So dien thoai o footer: du cao de cham --- */
.site-footer .foot-hot{display:inline-block;min-height:44px;line-height:44px}