/* Room detail page styles — layered on top of rooms.css */

.rd-crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 22px;font-size:10px;letter-spacing:.14em;text-transform:uppercase;font-weight:800;color:#8a9189}
.rd-crumbs a{color:var(--sage);text-decoration:none}
.rd-crumbs a:hover{text-decoration:underline}
.rd-crumbs span[aria-current]{color:#5c675e}

.rd-intro{font-size:15px;line-height:1.8;color:#5f6a62;margin:18px 0 24px;max-width:760px}

.rd-facts{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid rgba(36,48,38,.09);border-radius:18px;overflow:hidden;background:#faf9f5;margin-bottom:24px}
.rd-fact{padding:15px 16px;min-width:0}
.rd-fact+.rd-fact{border-left:1px solid rgba(36,48,38,.08)}
.rd-fact .fact-value{white-space:normal;overflow:visible;text-overflow:clip}
.rd-note{font-weight:600;color:#8a9189;letter-spacing:.02em}

.rd-block{margin-top:26px;padding-top:22px;border-top:1px solid rgba(36,48,38,.09)}
.rd-block-title{font-family:var(--serif);font-size:24px;font-weight:600;margin:0 0 14px;line-height:1.05}
.rd-standard-note{font-size:12px;line-height:1.8;color:#8a9189;margin:12px 0 0;max-width:700px}
.rd-variants{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:8px;font-size:14px;line-height:1.7;color:#5f6a62;max-width:720px}

.rd-back{margin:22px 0 0}
.rd-back a{font-size:10px;letter-spacing:.14em;text-transform:uppercase;font-weight:800;color:var(--sage);text-decoration:none;border-bottom:1px solid rgba(101,114,95,.35);padding-bottom:3px}

/* The detail page shows a single card; rooms.css hides .room-card on small screens
   because the index page uses a mobile strip instead. Restore it here.
   content-visibility:auto is also disabled — with one card on the page it only
   risks the contents being skipped at paint time. */
.room-detail .room-card{display:grid;content-visibility:visible;contain-intrinsic-size:auto}
.room-detail .room-reel{cursor:default}

/* Room tour play control — the reel badge doubles as the play button */
.rd-play{display:inline-flex;align-items:center;gap:7px;border:0;cursor:pointer;font-family:inherit;text-transform:uppercase;transition:.2s}
.rd-play:hover{background:rgba(17,26,20,.78);transform:translateY(-1px)}
.rd-play:focus-visible{outline:2px solid #fff;outline-offset:2px}
.rd-play-tri{width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:8px solid #fff;flex:0 0 auto}

@media (max-width:980px){
  .rd-facts{grid-template-columns:repeat(2,1fr)}
}

@media (max-width:680px){
  .room-detail .room-card{display:block}
  .rd-facts{grid-template-columns:1fr}
  .rd-fact+.rd-fact{border-left:0;border-top:1px solid rgba(36,48,38,.07)}
}