/* Mục Đặt phòng - hợp tông tối + vàng đồng của trang */
.dp-wrap{max-width:860px;margin:0 auto;padding:0 12px;color:#e9e4dc;font-size:16px;line-height:1.55}
.dp-wrap a{color:var(--maincolor,#CEAE88);text-decoration:underline!important}
.dp-lead{margin-bottom:18px;color:#cfc9bf}
.dp-search{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:12px;align-items:end;background:rgba(206,174,136,.08);border:1px solid rgba(206,174,136,.35);border-radius:14px;padding:16px;margin-bottom:18px}
.dp-wrap label{min-width:0;display:flex;flex-direction:column;gap:6px;font-weight:600;color:var(--maincolor,#CEAE88);font-size:14px;margin:0}
.dp-wrap input[type=date],.dp-wrap input[type=text],.dp-wrap input[type=tel],.dp-wrap select,.dp-wrap textarea{width:100%;font-size:16px;padding:10px 12px;border-radius:10px;border:1px solid rgba(206,174,136,.5);background:#15181c;color:#f3efe8;font-weight:400;min-height:46px;color-scheme:dark;min-width:0;max-width:100%;-webkit-appearance:none;appearance:none}
.dp-wrap textarea{min-height:84px;resize:vertical}
.dp-btn{background:var(--maincolor,#CEAE88);color:#1b1b1b;border:0;border-radius:10px;padding:12px 18px;font-weight:700;font-size:16px;min-height:46px;cursor:pointer}
.dp-btn:disabled{opacity:.6;cursor:wait}
.dp-msg{padding:12px 14px;border-radius:10px;background:rgba(255,255,255,.05)}
.dp-warn{background:rgba(236,45,63,.12);border:1px solid rgba(236,45,63,.4)}
.dp-sum{font-size:18px;margin-bottom:6px}.dp-sum b{color:var(--maincolor,#CEAE88);font-size:24px}
.dp-hint{color:#bdb6aa;font-size:14px;margin-bottom:10px}
.dp-units{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;margin-bottom:20px}
.dp-wrap .dp-unit{display:flex;align-items:center;gap:10px;padding:12px;border-radius:12px;border:1px solid rgba(206,174,136,.35);background:#15181c;margin:0;font-weight:400;flex-direction:row;text-align:left;min-height:0}
.dp-unit .dp-name{flex:1;color:#f3efe8;font-weight:600}
.dp-unit .dp-tag{font-size:12px;padding:3px 8px;border-radius:20px;white-space:nowrap}
.dp-free{cursor:pointer}.dp-free .dp-tag{background:rgba(76,175,80,.18);color:#8fd694}
.dp-wrap .dp-free input{-webkit-appearance:auto;appearance:auto;margin:0;width:20px;height:20px;accent-color:#CEAE88;flex:none}
.dp-free:has(input:checked){border-color:var(--maincolor,#CEAE88);background:rgba(206,174,136,.18)}
.dp-full{opacity:.5}.dp-full .dp-tag{background:rgba(255,255,255,.08);color:#aaa}.dp-full .dp-name{text-decoration:line-through}
.dp-form,.dp-done{background:rgba(206,174,136,.08);border:1px solid rgba(206,174,136,.35);border-radius:14px;padding:16px;display:grid;gap:12px;margin-bottom:18px}
.dp-form[hidden],.dp-done[hidden]{display:none}
.dp-form h3,.dp-done h3{color:var(--maincolor,#CEAE88);font-size:20px;margin:0}
.dp-picked{margin:0;color:#e9e4dc}
.dp-price{margin:0;color:#e9e4dc}.dp-price b{color:var(--maincolor,#CEAE88)}
.dp-small{font-size:13px;color:#a9a397;margin:0}
.dp-hp{position:absolute;left:-9999px}
.dp-zalo{text-align:center;color:#bdb6aa}
@media (max-width:767px){.dp-search{grid-template-columns:1fr 1fr}.dp-search .dp-btn{grid-column:1/-1}.dp-search label:nth-child(3){grid-column:1/-1}.dp-units{grid-template-columns:1fr}}
/* Nút/khung "Đặt phòng" gắn vào menu, trang chủ, trang phòng */
.menu ul li a.dp-menu{color:var(--maincolor,#CEAE88);font-weight:700}
.dp-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 16px;padding:14px 16px;margin:0 auto 20px;max-width:1190px;border:1px solid rgba(206,174,136,.45);border-radius:14px;background:rgba(206,174,136,.1);color:#e9e4dc;font-size:16px;text-align:center}
.dp-cta a{background:var(--maincolor,#CEAE88);color:#1b1b1b!important;font-weight:700;padding:10px 18px;border-radius:10px;white-space:nowrap}
.dp-cta-home{border-radius:0;border-left:0;border-right:0;margin:0;max-width:none}
