/* قصر ليلى — أنماط نظام الحجز (مكملة لـ design.css) */
.tb-track{
  margin-inline-start:10px;color:var(--sand);text-decoration:none;font-weight:700;font-size:13.5px;
  border:1px solid rgba(245,239,227,.35);padding:8px 14px;border-radius:999px;transition:.25s;
}
.tb-track:hover{background:rgba(245,239,227,.12);border-color:var(--gold-soft);color:var(--gold-soft)}
.topbar.solid .tb-track{color:var(--green);border-color:rgba(28,58,46,.3)}
.topbar.solid .tb-track:hover{color:var(--gold);border-color:var(--gold)}

.bk-sheet{max-width:680px}
.bk-head{background:linear-gradient(135deg,var(--green-night,#0E2419),var(--green));color:var(--sand);padding:26px 26px 20px;position:relative;border-radius:22px 22px 0 0}
.bk-head h3{font-family:'El Messiri';font-size:24px;margin:0 0 4px}
.bk-head p{margin:0;opacity:.85;font-size:14px}
.bk-head .x{position:absolute;top:14px;inset-inline-start:14px;background:rgba(255,255,255,.12);border:0;color:#fff;width:36px;height:36px;border-radius:50%;font-size:20px;cursor:pointer}
.bk-body{padding:24px 26px 30px}
.bk-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}
@media(max-width:560px){.bk-grid{grid-template-columns:1fr}}
.bk-body label{display:block;font-size:13px;font-weight:800;color:var(--green);margin-bottom:5px}
.bk-body input,.bk-body textarea{
  width:100%;box-sizing:border-box;padding:11px 13px;border:1.5px solid #ddd3bd;border-radius:11px;
  font-family:inherit;font-size:14.5px;background:#fffdf8;transition:.2s;
}
.bk-body input:focus,.bk-body textarea:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(196,154,63,.15)}
.bk-note{
  margin:16px 0;background:#fbf4e2;border:1px solid #ecd9a4;border-radius:12px;padding:13px 15px;
  font-size:13.5px;line-height:1.9;color:#6b5a2e;
}
.bk-err{background:#fdeceb;border:1px solid #f3c1bd;color:#8c1d18;border-radius:11px;padding:12px 14px;font-size:14px;margin-bottom:14px}
.bk-submit{width:100%;justify-content:center;cursor:pointer;border:0;font-size:16px}
.book-alt{background:transparent;color:var(--green);border:1.5px solid var(--green);margin-top:10px}
.book-alt:hover{background:var(--green);color:#fff}

/* نجاح الحجز */
.bk-ref-box{
  text-align:center;background:linear-gradient(135deg,#10271d,#1C3A2E);color:var(--sand);
  border-radius:16px;padding:22px;margin-bottom:18px;border:1px solid rgba(226,201,136,.35);
}
.bk-ref-box span{display:block;font-size:13px;opacity:.8;margin-bottom:4px}
.bk-ref-box b{display:block;font-size:34px;letter-spacing:2px;color:var(--gold-soft,#E2C988);font-family:'El Messiri'}
.bk-ref-box small{display:block;margin-top:6px;font-size:12px;opacity:.7}
.bk-steps h4{color:var(--green);font-size:16px;margin:0 0 10px}
.bk-steps ol{padding-inline-start:20px;margin:0 0 18px;font-size:14.5px;line-height:2}
.bank-box{
  background:#fffdf8;border:1.5px dashed var(--gold);border-radius:12px;padding:13px 16px;margin:8px 0;
  font-size:14.5px;line-height:2;
}
.bank-box .iban{font-weight:800;font-size:16px;letter-spacing:1px;color:var(--green);user-select:all}
.bk-track-link{display:block;text-align:center;margin-top:14px;color:var(--green);font-weight:700;font-size:14px;text-decoration:none}
.bk-track-link:hover{color:var(--gold)}

/* صفحة التتبع */
.trk-wrap{max-width:560px;margin:0 auto;padding:120px 18px 60px;min-height:80vh}
.trk-card{background:var(--sand-card,#FBF8F1);border:1px solid #e7dfcd;border-radius:20px;padding:30px;box-shadow:0 18px 50px rgba(18,42,32,.1)}
.trk-card h1{font-family:'El Messiri';color:var(--green);font-size:24px;margin:0 0 6px;text-align:center}
.trk-card .sub{text-align:center;color:#7a7264;font-size:14px;margin-bottom:22px}
.trk-status{
  text-align:center;border-radius:14px;padding:16px;margin:18px 0;font-size:17px;font-weight:800;
}
.st-held{background:#fbf4e2;color:#8a6d1f;border:1px solid #ecd9a4}
.st-receipt_received{background:#e8f0fb;color:#1f4e8a;border:1px solid #b9d2f0}
.st-confirmed{background:#e7f5ec;color:#176a3a;border:1px solid #b5e0c5}
.st-rejected,.st-expired,.st-cancelled{background:#fdeceb;color:#8c1d18;border:1px solid #f3c1bd}
.st-checked_out{background:#eee;color:#555;border:1px solid #ddd}
.trk-rows{font-size:14.5px;line-height:2.2;border-top:1px dashed #ddd3bd;padding-top:14px}
.trk-rows b{color:var(--green)}
.trk-countdown{text-align:center;font-size:13.5px;color:#8a6d1f;margin-top:6px}