/*
Theme Name: Linh Nhà Sang
Description: Blog môi giới của Linh Nhà Sang — dựa trên giao diện "Blog Môi Giới" của Realtor OS, đổi sang màu vàng ánh kim, xám than, ngà.
Version: 1.0
Author: Linh Nhà Sang
*/

:root{
  --chinh:#C9AE7C;        /* vàng thương hiệu */
  --chinh-dam:#8F7244;    /* vàng đậm — chữ/link trên nền sáng (đủ tương phản) */
  --than:#2E3134;         /* xám than */
  --nga:#F6F1E7;          /* ngà */
  --chu:#24272A;
  --mo:#6B6F73;
  --vien:#E9E2D4;
}
*{box-sizing:border-box}
body{margin:0;font-family:"Be Vietnam Pro",system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--chu);background:#fff;
     font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto}
a{text-decoration:none;color:inherit}
.khung{max-width:1070px;margin:0 auto;padding:0 32px}

/* ---- Nút ---- */
.nut{background:var(--chinh);color:var(--than);font-weight:600;font-size:.95rem;padding:11px 24px;border-radius:999px;
     display:inline-block;white-space:nowrap;transition:background .2s,color .2s,border-color .2s;border:1.5px solid var(--chinh)}
.nut:hover{background:var(--than);border-color:var(--than);color:var(--nga)}
.nut-vien{background:transparent;color:var(--nga);border-color:rgba(246,241,231,.55)}
.nut-vien:hover{background:var(--nga);border-color:var(--nga);color:var(--than)}

/* ---- Đầu trang: menu trái · logo giữa · nút phải ---- */
.dau{border-bottom:1px solid var(--vien);background:#fff;position:sticky;top:0;z-index:20}
.admin-bar .dau{top:32px}
.dau .khung{max-width:1260px;display:grid;grid-template-columns:1fr auto;align-items:center;padding:14px 32px;gap:24px}
.menu{display:none}
.menu a,.menu-dt a{font-size:.9rem;font-weight:500;white-space:nowrap;color:var(--chu)}
.menu a:hover,.menu-dt a:hover,.menu .current-menu-item a{color:var(--chinh-dam)}
.ten-web{display:flex;align-items:center;gap:10px;white-space:nowrap}
.ten-web .logo{height:32px;width:auto}
.ten-web span{font-size:1.02rem;font-weight:400;letter-spacing:.24em;text-transform:uppercase;color:var(--than)}
.phai{display:flex;align-items:center;justify-content:flex-end;gap:20px}
.menu-dt{display:flex;gap:28px;justify-content:center;padding:11px 32px;border-top:1px solid var(--vien);overflow-x:auto;scrollbar-width:none}
.menu-dt::-webkit-scrollbar{display:none}
.sdt{display:inline-flex;align-items:center;gap:7px;font-weight:600;font-size:.98rem;color:var(--than);white-space:nowrap;letter-spacing:.01em}
.sdt svg{color:var(--than)}
.sdt:hover,.sdt:hover svg{color:var(--chinh-dam)}

/* ---- Dải mở đầu ---- */
.hero{background:
        radial-gradient(ellipse at 85% 0%,rgba(201,174,124,.32) 0%,rgba(201,174,124,0) 55%),
        linear-gradient(135deg,#1F2224 0%,var(--than) 55%,#3B3F42 100%);
      color:var(--nga);padding:104px 0 112px;text-align:center}
.hero h1{font-size:2.6rem;font-weight:700;line-height:1.22;letter-spacing:-.022em;margin:0 auto 22px;max-width:30ch}
.hero-phu{color:var(--chinh);font-size:1.08rem;margin:0 auto 36px;max-width:52ch}
.hero-nut{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}

/* ---- Đầu trang chuyên mục ---- */
.dau-muc{background:var(--nga);padding:56px 0 48px;text-align:center;border-bottom:1px solid var(--vien)}
.dau-muc h1{font-size:2.3rem;font-weight:700;letter-spacing:-.025em;margin:0;color:var(--than)}
.dau-muc .mo-ta{color:var(--mo);max-width:56ch;margin:10px auto 0}

/* ---- Danh sách bài ---- */
.ds{padding:64px 0 30px}
.bai{display:grid;grid-template-columns:264px 1fr;gap:34px;padding:34px 0;border-bottom:1px solid var(--vien);align-items:start}
.bai:first-child{padding-top:0}
.bai.khong-anh{grid-template-columns:1fr}
.bai-anh img{aspect-ratio:4/3;object-fit:cover;border-radius:6px;width:100%;display:block}
.bai h2{font-size:1.4rem;font-weight:700;line-height:1.3;letter-spacing:-.018em;margin:0 0 10px;color:var(--than)}
.bai:hover h2{color:var(--chinh-dam)}
.bai p{margin:0 0 16px;color:var(--mo);font-size:1rem;line-height:1.6}
.meta{font-size:.9rem;color:var(--mo)}
.meta b{font-weight:500;color:var(--chu)}
.trong{text-align:center;color:var(--mo);max-width:48ch;margin:20px auto 40px;font-size:1.05rem}

/* ---- Bài viết ---- */
.bai-don{max-width:720px;margin:0 auto;padding:56px 32px 20px}
.nhan{display:inline-block;font-size:.78rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--chinh-dam);margin-bottom:12px}
.bai-don h1{font-size:2.5rem;font-weight:700;line-height:1.2;letter-spacing:-.025em;margin:0 0 14px;color:var(--than)}
.bai-don .meta{display:block;margin-bottom:34px}
.noi-dung{font-size:1.1rem;line-height:1.8}
.noi-dung a{color:var(--chinh-dam);text-decoration:underline;text-underline-offset:3px}
.noi-dung h2{font-size:1.55rem;font-weight:700;letter-spacing:-.018em;margin:2em 0 .5em;line-height:1.3;color:var(--than)}
.noi-dung h3{font-size:1.22rem;font-weight:700;margin:1.7em 0 .4em;color:var(--than)}
.noi-dung p{margin:0 0 1.2em}
.noi-dung img{border-radius:6px;margin:1.4em 0}
.noi-dung figcaption{text-align:center;color:var(--mo);font-size:.9rem;margin-top:-.6em}
.noi-dung blockquote{margin:1.6em 0;padding:4px 0 4px 22px;border-left:3px solid var(--chinh);color:var(--mo)}
.noi-dung table{border-collapse:collapse;width:100%;font-size:.98rem}
.noi-dung th,.noi-dung td{border-bottom:1px solid var(--vien);padding:10px 8px;text-align:left}
.noi-dung details{border-bottom:1px solid var(--vien);padding:6px 0}
.noi-dung summary{cursor:pointer;font-weight:700;padding:12px 0}
.noi-dung iframe{max-width:100%;border-radius:6px}
.hop-cta{background:var(--nga);border:1px solid var(--vien);border-radius:10px;padding:26px 28px;margin:40px 0 10px;
         display:flex;gap:20px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.hop-cta p{margin:0;font-weight:500;color:var(--than)}

/* ---- Mời theo dõi ---- */
.moi{background:var(--nga);border-top:1px solid var(--vien);margin-top:40px;padding:64px 0;text-align:center}
.logo-moi{height:44px;width:auto;margin-bottom:14px}
.moi h3{font-size:1.85rem;font-weight:700;letter-spacing:-.022em;margin:0 0 12px;color:var(--than)}
.moi p{margin:0 auto 28px;color:var(--mo);max-width:46ch}
.cuoi{background:var(--than);color:rgba(246,241,231,.7);padding:30px 0 40px;font-size:.88rem;text-align:center}
.mxh{display:flex;gap:22px;justify-content:center;margin-bottom:12px}
.mxh a{color:var(--chinh);font-weight:500}
.mxh a:hover{color:var(--nga)}
.trang{display:flex;gap:10px;justify-content:center;padding:30px 0}
.trang a,.trang span{padding:8px 15px;border:1px solid var(--vien);border-radius:999px;color:var(--mo);font-size:.9rem}
.trang .current{background:var(--chinh);border-color:var(--chinh);color:var(--than)}

/* ---- Nút nhắn nổi (điện thoại) ---- */
.nut-noi{display:none}

@media(max-width:900px){
  .dau .khung{grid-template-columns:1fr auto;gap:14px;padding:12px 16px}
  .menu-dt{justify-content:flex-start;padding:10px 16px}
  .ten-web span{font-size:.86rem;letter-spacing:.18em}
  .ten-web .logo{height:26px}
  .phai{gap:14px}
  .phai .nut{padding:8px 16px;font-size:.85rem}
  .menu-dt{gap:18px}
  .khung{padding:0 16px}
  .hero{padding:64px 0 70px}
  .hero h1{font-size:1.85rem}
  .hero-phu{font-size:1rem}
  .bai{grid-template-columns:1fr;gap:16px}
  .bai-don{padding:36px 16px 20px}
  .bai-don h1{font-size:1.8rem}
  .dau-muc h1{font-size:1.7rem}
  .admin-bar .dau{top:46px}
}
@media(max-width:480px){
  .phai .nut{display:none}
  .sdt{font-size:.9rem;gap:5px}
  .nut-noi{display:block;position:fixed;right:16px;bottom:16px;z-index:30;background:var(--chinh);color:var(--than);
           font-weight:600;padding:13px 20px;border-radius:999px;box-shadow:0 8px 24px rgba(46,49,52,.28)}
}