/* =========================================================
   Habsburg Hotel · DECO — inner pages skin (room detail, rooms index)
   ========================================================= */

/* ---------- Room hero ---------- */
/* Hotfix 2026-10-21: 44px→24px — breadcrumb giờ có đệm dưới riêng (26px), tránh trùng lặp khoảng cách */
.deco-room-hero{display:grid;grid-template-columns:1.15fr 1fr;gap:46px;align-items:center;padding:24px 0 10px}
.deco-room-hero-media{position:relative}
.deco-room-hero-media img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:20px;border:1px solid var(--de-line);box-shadow:var(--de-shadow)}
.deco-room-hero h1{font-size:clamp(1.9rem,3.6vw,2.9rem);margin:12px 0 14px}
.deco-room-lead{color:var(--de-muted);font-size:1.05rem}
.deco-chips{display:flex;flex-wrap:wrap;gap:10px;padding:0;list-style:none;margin:22px 0 26px}
.deco-chips li{display:inline-flex;align-items:center;gap:8px;border:1.5px solid var(--de-gold);color:var(--de-gold-3);border-radius:999px;padding:8px 16px;font-size:.84rem;font-weight:700;background:color-mix(in srgb,var(--de-gold) 7%,transparent)}
html[data-theme="dark"] .deco-chips li{color:var(--de-gold-2)}
.deco-chips svg{width:15px;height:15px}
.deco-room-ctas{display:flex;gap:12px;flex-wrap:wrap}

/* ---------- Good to know ---------- */
.deco-good{background:var(--de-card);border:1px solid var(--de-line);border-left:3px solid var(--de-gold);border-radius:12px;padding:22px 24px;margin:8px 0 26px}
.deco-good h4{font-family:var(--de-sans);font-size:.78rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--de-gold-3);margin-bottom:12px}
html[data-theme="dark"] .deco-good h4{color:var(--de-gold-2)}
.deco-good ul{display:grid;gap:9px;padding:0;list-style:none;margin:0}
.deco-good li{position:relative;padding-left:26px;font-size:.94rem}
.deco-good li::before{content:"✓";position:absolute;left:0;top:0;color:var(--de-gold);font-weight:800}

/* ---------- Other rooms ---------- */
/* Hotfix 2026-10-19: chừa 72px đáy (đồng bộ rhythm .deco-layout) — cards không còn dính footer */
.deco-other-rooms{padding:12px 0 72px}
.deco-other-rooms h2{margin-bottom:26px}

/* ---------- Rooms index lead ---------- */
.deco-rooms-lead{max-width:720px;color:var(--de-muted);margin-bottom:36px}

/* ---------- Shell top spacing ---------- */
.deco-shell-main{padding-top:6px}

/* ---------- Responsive ---------- */
@media (max-width:900px){
        .deco-room-hero{grid-template-columns:1fr;gap:26px}
        .deco-room-hero-media{order:-1}
}
@media (max-width:640px){
        .deco-room-ctas .deco-btn{width:100%}
        .deco-table{font-size:.85rem}
        .deco-table th,.deco-table td{padding:9px 10px}
}

/* ---------- Gallery page (59-photo collection) ---------- */
.deco-gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:10px 0 24px}
.deco-gal-item{display:block;overflow:hidden;border-radius:12px;border:1px solid var(--de-line)}
.deco-gal-item img{width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .45s ease}
.deco-gal-item:hover img{transform:scale(1.05)}
@media (max-width:1024px){.deco-gallery-grid{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.deco-gallery-grid{grid-template-columns:1fr}}