/* ==========================================================
   Beit Aziz - v2 inner app pages (rooms / about / contact)
   uses the same tokens as menu.css
   ========================================================== */

.page-hero{position:relative;border-radius:var(--r);overflow:hidden;padding:22px 16px;color:#fff;
  background:linear-gradient(135deg,#2E4148,#4C6E79 55%,#6E8F98);box-shadow:var(--sh)}
.page-hero .kick{font-size:10.5px;letter-spacing:.14em;font-weight:700;opacity:.85;margin-bottom:6px}
.page-hero h2{font-size:23px;font-weight:800;margin:0 0 6px;line-height:1.35}
.page-hero p{font-size:12.5px;line-height:1.7;opacity:.92;margin:0}
.page-hero .btn{display:inline-flex;align-items:center;gap:6px;margin-top:12px;background:var(--tan);color:#3A2A14;
  font-weight:800;font-size:12.5px;padding:9px 14px;border-radius:99px;text-decoration:none}

.rich{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:14px;box-shadow:var(--sh)}
.rich p{font-size:13px;line-height:1.9;color:var(--ink);margin:0 0 10px}
.rich p:last-child{margin-bottom:0}
.rich h2,.rich h3{font-size:16px;font-weight:800;color:var(--ink);margin:14px 0 8px}
.rich ul,.rich ol{margin:0 0 10px;padding-inline-start:20px;font-size:13px;line-height:1.9;color:var(--ink)}
.rich img{max-width:100%;height:auto;border-radius:10px;display:block;margin:10px 0}
.rich a{color:var(--gold-d)}

.about-img{border-radius:var(--r);height:190px;overflow:hidden;box-shadow:var(--sh)}
.about-img img{width:100%;height:100%;object-fit:cover;display:block}

.sec-head{margin-top:4px}

/* rooms */
.rooms{display:grid;gap:12px;padding:0 14px}
.room{background:var(--card);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;box-shadow:var(--sh)}
.room-img{height:170px}
.room-img img{width:100%;height:100%;object-fit:cover;display:block}
.room-b{padding:12px 13px 13px}
.room-b h4{font-size:15px;font-weight:800;color:var(--ink);margin:0 0 3px}
.room-b .sub{font-size:11px;color:var(--ink-2);margin-bottom:7px}
.room-d{font-size:12.5px;line-height:1.8;color:var(--ink-2)}
.room-d p{margin:0 0 6px}
.room-f{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;flex-wrap:wrap}
.room-f .price{font-size:15px;font-weight:800;color:var(--gold-d);white-space:nowrap}
.room-f .price span{font-size:11px;font-weight:600;color:var(--ink-2)}

.cta{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--gold);color:#fff;
  font-weight:800;font-size:12.5px;padding:10px 14px;border-radius:99px;text-decoration:none;border:0;cursor:pointer}
.cta.wa{background:#25923F}
.cta.ghost{background:#fff;color:var(--gold-d);border:1px solid var(--line)}
.contact-row{display:flex;gap:10px}
.contact-row .cta{flex:1}

/* contact + generic cards */
.cards{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0 14px}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:14px 12px;text-decoration:none;
  display:flex;flex-direction:column;gap:4px;box-shadow:var(--sh)}
.card .ic{font-size:20px}
.card b{font-size:13px;font-weight:800;color:var(--ink)}
.card .v{font-size:11.5px;color:var(--ink-2);line-height:1.6;word-break:break-word}
.card.wa{background:#F1FAF3;border-color:#CDE9D5}

/* about facts */
.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:0 14px}
.fact{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:12px 8px;text-align:center;box-shadow:var(--sh)}
.fact b{display:block;font-size:19px;font-weight:800;color:var(--gold-d)}
.fact span{display:block;font-size:10.5px;color:var(--ink-2);margin-top:3px}

@media (min-width:760px){
  .rooms{grid-template-columns:1fr 1fr}
  .cards{grid-template-columns:repeat(4,1fr)}
}

/* keep content clear of the fixed bottom nav */
body.baz-app-body .wrap{padding-bottom:96px}

/* ================= booking form (rooms page) ================= */
.book{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:14px;box-shadow:var(--sh)}
.book h3{font-size:16px;font-weight:800;color:var(--ink);margin:0 0 10px}
.book .f{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.book label{display:flex;flex-direction:column;gap:4px;font-size:11.5px;font-weight:700;color:var(--ink-2)}
.book label.full{grid-column:1 / -1}
.book input,.book select,.book textarea{font:inherit;font-size:13px;color:var(--ink);background:#FBF9F6;
  border:1px solid var(--line);border-radius:10px;padding:9px 10px;width:100%;min-width:0}
.book textarea{min-height:64px;resize:vertical}
.book .cta{width:100%;margin-top:12px}