/* ============================================================
   Live Casino House — clone giao dien livecasinohouse.shop
   He mau lay nguyen tu DarkFlame.css cua trang goc (314 bien).
   ============================================================ */

/* ---------- Font ----------
   Montserrat la font cua trang goc nhung KHONG co chu Thai,
   nen ghep them Noto Sans Thai cho bo ky tu Thai.
   Ca hai la font bien thien: mot file phu moi do dam (100-900),
   nen chi can 3 file cho ca ba ngon ngu.
   ------------------------------------------------------------ */
@font-face{
  font-family:Montserrat;font-style:normal;font-weight:100 900;font-display:swap;
  src:url(../fonts/montserrat-vietnamese.woff2) format('woff2');
  unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,
    U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}
@font-face{
  font-family:Montserrat;font-style:normal;font-weight:100 900;font-display:swap;
  src:url(../fonts/montserrat-latin.woff2) format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,
    U+2000-206F,U+20AC,U+2122,U+2212,U+FEFF,U+FFFD;
}
@font-face{
  font-family:'Noto Sans Thai';font-style:normal;font-weight:100 900;font-display:swap;
  src:url(../fonts/notothai-thai.woff2) format('woff2');
  unicode-range:U+0E01-0E5B,U+200C-200D,U+25CC;
}

/* ---------- Bien thiet ke (lay tu trang goc) ---------- */
:root{
  /* nen */
  --z-primary:#020a11;        /* nen chinh */
  --z-secondary:#111215;      /* xanh phu */
  --z-fourth:#181819;
  --z-gamecard:#191a1d;       /* nen the game */
  --z-menu:#343842;
  --z-line:#343842;           /* duong ke */
  --z-subtle:#ffffff0d;       /* nen mo */

  /* nhan */
  --z-pink:#ed252b;           /* mau nhan chu dao */
  --z-pink-dark:#971d22;
  --z-orange:#f0a500;
  --z-gold:#e4a308;

  /* chu */
  --z-white:#ffffff;
  --z-muted:#80848f;          /* chu phu */
  --z-footer:#6b7280;

  --z-r-sm:4px; --z-r:10px; --z-r-lg:16px; --z-r-pill:100px;
  --z-wrap:1280px;
  --z-head:64px;

  --z-font:Montserrat,'Noto Sans Thai',system-ui,-apple-system,'Segoe UI',sans-serif;
}

/* ---------- Nen tang ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;
  background:var(--z-primary);
  color:var(--z-white);
  font-family:var(--z-font);
  font-size:15px;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
img,svg{max-width:100%;height:auto;display:block}
a{color:var(--z-white);text-decoration:none}
h1,h2,h3,h4{margin:0 0 .5em;line-height:1.25;font-weight:700}
p{margin:0 0 1em}
button{font-family:inherit}

.z-wrap{max-width:var(--z-wrap);margin:0 auto;padding-inline:16px}
.z-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
  clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* ---------- Nut ---------- */
.z-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:7px;
  height:38px;padding:0 18px;border:0;border-radius:var(--z-r-pill);
  font-size:14px;font-weight:700;cursor:pointer;white-space:nowrap;
  transition:filter .16s,transform .16s;
}
.z-btn:hover{filter:brightness(1.12);transform:translateY(-1px)}
.z-btn--pink{background:var(--z-pink);color:#fff}
.z-btn--ghost{background:var(--z-subtle);color:var(--z-white);
  box-shadow:inset 0 0 0 1px var(--z-line)}
.z-btn--gold{background:linear-gradient(180deg,var(--z-orange),var(--z-gold));color:#2a1c00}

/* ============================================================
   Dau trang
   ============================================================ */
.z-head{
  position:sticky;top:0;z-index:60;
  background:var(--z-primary);
  border-bottom:1px solid var(--z-line);
}
.z-head__row{display:flex;align-items:center;gap:14px;height:var(--z-head)}

.z-logo{flex:0 0 auto;display:flex;align-items:center}
.z-logo img{max-height:42px;width:auto}
.z-logo__txt{font-size:21px;font-weight:800;letter-spacing:-.02em;color:#fff}
.z-logo__txt em{color:var(--z-pink);font-style:normal}

.z-head__right{flex:0 0 auto;display:flex;align-items:center;gap:8px}

/* chon ngon ngu */
.z-lang{position:relative}
.z-lang__btn{
  display:flex;align-items:center;gap:6px;height:38px;padding:0 13px;
  background:var(--z-subtle);border:0;border-radius:var(--z-r-pill);
  box-shadow:inset 0 0 0 1px var(--z-line);
  color:var(--z-white);font-size:13px;font-weight:700;cursor:pointer;
}
.z-lang__btn:hover{background:var(--z-menu)}
.z-lang__list{
  position:absolute;right:0;top:calc(100% + 6px);z-index:20;min-width:152px;
  margin:0;padding:5px;list-style:none;
  background:var(--z-fourth);border:1px solid var(--z-line);border-radius:var(--z-r);
  box-shadow:0 10px 30px rgba(0,0,0,.4);
}
.z-lang__list a{display:block;padding:8px 12px;border-radius:var(--z-r-sm);white-space:nowrap;
  font-size:13.5px;font-weight:600;color:var(--z-muted)}
.z-lang__list a:hover{background:var(--z-menu);color:#fff}
.z-lang__list a[aria-current]{color:var(--z-pink)}

.z-burger{
  display:flex;width:38px;height:38px;align-items:center;justify-content:center;
  background:var(--z-subtle);border:0;border-radius:var(--z-r);
  box-shadow:inset 0 0 0 1px var(--z-line);color:#fff;cursor:pointer;
}

/* ============================================================
   Man hinh nho
   ============================================================ */
@media (prefers-reduced-motion:reduce){
  *{transition-duration:.01ms !important;animation-duration:.01ms !important}
}

/* ============================================================
   Dieu chinh rieng cho he mau toi cua Live Casino House
   ============================================================ */

/* Nen gan den nen duong ke phai nhat hon moi thay */
:root{
  --z-side-bg:#111215;
  --z-side-on:linear-gradient(160deg,#ed252b 0%,#971d22 140%);
  --z-option:#1f2024;
}

/* The game tren nen den can vien mo de tach khoi nen */
.z-game__media{box-shadow:inset 0 0 0 1px #2a2d34}

/* Nut chinh: do dac thay vi hong */
.z-btn--pink{background:#ed252b;color:#fff}
.z-btn--pink:hover{background:#ff3137}

/* O tim kiem va the tren nen den */
.z-search,.z-cat,.z-prov{box-shadow:inset 0 0 0 1px #2a2d34}

/* Khoi gioi thieu cuoi trang chu */
.z-about{background:#111215;box-shadow:inset 0 0 0 1px #343842}
.z-about a{color:#f0a500}
.z-about a:hover{color:#ed252b}

/* Hoi dap */
.z-faq{box-shadow:inset 0 0 0 1px #343842}
.z-faq__i{background:#111215;border-bottom-color:#343842}
.z-faq__i > summary:hover{background:#1a1b1f}

/* Bang trong bai */
.z-article__body th{background:#1f2024}
.z-article__body table th,.z-article__body table td{border-color:#343842}

/* Khung bai viet */
.z-article{background:#0b0d11;box-shadow:inset 0 0 0 1px #343842}
/* ============================================================
   Dau trang tren man hinh hep
   Nhan tieng Thai dai hon tieng Anh va tieng Viet nen cum ben
   phai dinh ra ngoai khung chung ~5px. Thu gon dem va khoang
   cach o day thay vi dat chieu rong co dinh, de ca ba ngon ngu
   deu vua ma khong doi bo cuc o man hinh rong.
   ============================================================ */
@media (max-width:430px){
  .z-head__row{gap:9px}
  .z-head__right{gap:5px;min-width:0}
  .z-lang__btn{padding:0 9px;gap:5px}
  .z-head__right .z-btn{padding:0 12px}
}