/* Book a Room: button inside every hostel's Premium information card + payment dialog */
.book-room-btn{display:block;width:100%;margin-top:9px;border:0;border-radius:10px;padding:11px 12px;font-weight:800;font-size:13px;line-height:1.2;cursor:pointer;background:linear-gradient(135deg,#b34f06 0%,#d4620a 45%,#f68b1e 100%);color:#1f1f1f;font-family:inherit}
.book-room-btn:active{transform:scale(.98)}
.br-info{margin-top:8px;display:grid;gap:5px}
.br-row{font-size:12px;line-height:1.35;word-break:break-word}
.br-row b{display:inline}
.br-row a{color:inherit;font-weight:700}
.br-pills{display:flex;flex-wrap:wrap;gap:4px;margin-top:3px}
.br-pill{padding:3px 7px;border-radius:999px;background:rgba(0,0,0,.07);font-size:10px;font-weight:800}
html[data-theme="dark"] .br-pill{background:rgba(255,255,255,.12)}
@media(max-width:600px){
 .book-room-btn{margin-top:5px;padding:5px 3px;font-size:8px;border-radius:6px}
 .br-info{gap:3px;margin-top:5px}
 .br-row{font-size:7px}
 .br-pill{font-size:6px;padding:2px 4px}
}
/* payment dialog */
.br-overlay{position:fixed;inset:0;background:rgba(7,21,37,.66);display:flex;align-items:center;justify-content:center;padding:16px;z-index:2000}
.br-card{background:#fff;color:#1f1f1f;width:100%;max-width:440px;max-height:92vh;overflow:auto;border-radius:20px;padding:20px;font-size:15px;box-shadow:0 20px 60px rgba(0,0,0,.35)}
.br-card h3{margin:0 40px 6px 0;font-size:19px;line-height:1.25}
.br-card p{margin:0 0 12px;color:#5d5d5d;font-size:13.5px;line-height:1.45}
.br-head{position:relative}
.br-x{position:absolute;right:-6px;top:-6px;width:38px;height:38px;border:0;border-radius:50%;background:#f1f1f1;color:#1f1f1f;font-size:18px;cursor:pointer}
.br-plans{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}
.br-plan{position:relative;display:block;border:2px solid #e3e3e3;border-radius:14px;padding:12px 10px;cursor:pointer;text-align:center}
.br-plan input{position:absolute;opacity:0;pointer-events:none}
.br-plan b{display:block;font-size:14px}
.br-plan em{display:block;font-style:normal;font-weight:800;font-size:16px;margin:3px 0}
.br-plan small{display:block;color:#6a6a6a;font-size:11.5px;line-height:1.3}
.br-plan.on{border-color:#f68b1e;background:#fff4e6}
.br-field{display:block;margin:10px 0;font-weight:700;font-size:13px}
.br-field input{display:block;width:100%;margin-top:5px;padding:12px;border:1px solid #cfcfcf;border-radius:11px;font-size:16px;font-family:inherit;background:#fff;color:#1f1f1f}
.br-method{margin:10px 0;font-size:13px;font-weight:700}
.br-method label{display:flex;align-items:center;gap:8px;margin-top:6px;font-weight:600}
.br-err{min-height:18px;margin:8px 0 0;color:#b3261e;font-size:13px;font-weight:700}
.br-pay{display:block;width:100%;margin-top:6px;border:0;border-radius:12px;padding:14px;font-size:16px;font-weight:800;cursor:pointer;background:linear-gradient(135deg,#b34f06 0%,#d4620a 45%,#f68b1e 100%);color:#1f1f1f;font-family:inherit}
.br-pay[disabled]{opacity:.55;cursor:not-allowed}
.br-note{margin:10px 0 0;font-size:11.5px;color:#6a6a6a;text-align:center}
html[data-theme="dark"] .br-card{background:#202020;color:#dfdfdf}
html[data-theme="dark"] .br-card p,html[data-theme="dark"] .br-plan small,html[data-theme="dark"] .br-note{color:#a9a9a9}
html[data-theme="dark"] .br-x{background:#161616;color:#dfdfdf}
html[data-theme="dark"] .br-plan{border-color:#383838}
html[data-theme="dark"] .br-plan.on{border-color:#f68b1e;background:#39331d}
html[data-theme="dark"] .br-field input{background:#161616;color:#dfdfdf;border-color:#383838}