/* ===== SECTION 3 — Kamar Unggulan (flat + grid + readable) ===== */
#home-rooms.s-rooms{
  --bg:#0e1422;         /* latar section (gelap flat) */
  --card:#0f172a;       /* latar kartu */
  --ink:#e8eefc;        /* teks utama */
  --muted:#9fb0cc;      /* teks sekunder */
  --line:rgba(255,255,255,.12);
  --accent:#8ab4ff;     /* aksen tombol/price */
  background:var(--bg);
  color:var(--ink);
  padding-block:clamp(1px,5vw,15px);
}

/* container tengah + max width */
#home-rooms .s-rooms__inner{
  max-width:1240px;
  margin-inline:0px;
  padding-inline:0px;
}

/* header */
#home-rooms .s-rooms__head{margin-bottom:18px}
#home-rooms .s-rooms__head h2{margin:0 0 6px 0;font:700 clamp(20px,2.2vw,28px)/1.15 system-ui}
#home-rooms .s-rooms__head p{margin:0;color:var(--muted);font-size:14px}

/* grid 3–2–1 kolom */
#home-rooms .rooms{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  align-items:stretch;
}
@media (max-width:960px){#home-rooms .rooms{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){#home-rooms .rooms{grid-template-columns:1fr}}

/* kartu flat */
#home-rooms .room{
  display:flex; flex-direction:column;
  background:var(--card) !important;
  border:1px solid var(--line) !important;
  border-radius:0 !important;
  box-shadow:none !important;
  overflow:hidden;
}

/* media */
#home-rooms .room__media{position:relative;display:block}
#home-rooms .room__media img,
#home-rooms .room__ph{
  width:100%; height:220px;  /* atur 200–240 kalau perlu */
  object-fit:cover; background:#0b1224; display:block;
}

/* badge harga */
#home-rooms .room__price{
  position:absolute; top:10px; right:10px;
  padding:6px 10px; font:700 12px/1 system-ui;
  background:rgba(138,180,255,.12);
  color:#fff; border:1px solid var(--line);
  border-radius:0 !important;
}

/* body */
#home-rooms .room__body{padding:12px; display:flex; flex-direction:column; gap:10px}
#home-rooms .room__title{margin:0; font:700 16px/1.25 system-ui}
#home-rooms .room__title a{color:var(--ink); text-decoration:none}
#home-rooms .room__title a:hover{text-decoration:underline}

/* meta */
#home-rooms .room__meta{display:flex; gap:8px; flex-wrap:wrap; color:var(--muted); font-size:12px}
#home-rooms .chip{padding:.25rem .5rem; border:1px solid var(--line); background:transparent}

/* CTA buttons — fix “tulisan putih di tombol putih” */
#home-rooms .room__cta{display:flex; gap:8px; margin-top:auto}
#home-rooms .room__cta .btn,
#home-rooms .room__cta a.btn,
#home-rooms .room__cta button{
  flex:1; padding:10px 12px; cursor:pointer;
  border-radius:0 !important; border:1px solid var(--line) !important;
  background:#ffffff !important; color:#0b1224 !important; /* <-- baca jelas */
  text-align:center; text-decoration:none; font-weight:600;
}
#home-rooms .room__cta .btn--ghost{
  background:transparent !important; color:var(--ink) !important;
}
#home-rooms .room__cta .btn--kamarlainnya{
  background:#7091E6 !important; color:var(--ink) !important;
}
#home-rooms .room__cta .btn--primary{
  background:var(--accent) !important; border-color:var(--accent) !important; color:#0b1224 !important;
}
#home-rooms .room__cta .btn:hover{filter:brightness(.95)}