/* ===== Passenger webp icons only ===== */
.passenger-symbol{
  display:inline-flex!important;align-items:center;justify-content:center;
  width:32px!important;height:32px!important;font-size:0!important;
  background:transparent!important;overflow:hidden;
}
.passenger-symbol img{width:28px!important;height:28px!important;object-fit:contain;display:block}
.pax-ico-adult,.pax-ico-c12,.pax-ico-c5{display:none!important}
.pax-row-ico{width:22px;height:22px;object-fit:contain;vertical-align:middle;margin-left:6px}

/* ===== Hotel list: keep date fields aligned (no under-field hint) ===== */
.hotel-filter-date small,
label.hotel-filter-date > small,
.hotel-filters small[data-night-count]{display:none!important}

/* ===== Jalali display field ===== */
.rg-jalali-display{
  cursor:pointer!important;
  caret-color:transparent;
  direction:rtl!important;
  text-align:right!important;
  font-weight:700!important;
  color:#0a2749!important;
  background:#f7f9fc!important;
  border:1.5px solid #e5ebf3!important;
  border-radius:12px!important;
  min-height:44px;
  padding:10px 12px!important;
  width:100%;
  box-sizing:border-box;
}
.rg-jalali-display:focus{
  outline:none;
  border-color:#2a7adf!important;
  box-shadow:0 0 0 3px rgba(42,122,223,.14);
  background:#fff!important;
}

/* parent must not clip calendar */
.hotel-filter-date,
.travel-search-field,
.travel-date-field,
.rg-date-wrap,
.hotel-filters,
.hotel-detail-form label,
.form-row .flex-container{
  position:relative;
  overflow:visible!important;
}

/* ===== Calendar popup — navy/gold theme ===== */
.rg-jcal{
  position:absolute!important;
  z-index:2147483000!important;
  bottom:calc(100% + 8px)!important;
  top:auto!important;
  right:0!important;
  width:min(300px,92vw)!important;
  padding:12px!important;
  border-radius:16px!important;
  border:1px solid rgba(10,39,73,.12)!important;
  background:#fff!important;
  box-shadow:0 20px 50px rgba(8,30,70,.22)!important;
  direction:rtl;
}
.rg-jcal-head{
  display:grid!important;
  grid-template-columns:36px 1fr 36px!important;
  gap:8px;align-items:center;margin-bottom:10px;
}
.rg-jcal-head button{
  width:36px;height:36px;border-radius:11px;border:1px solid #e6ebf2;
  background:#f5f8fc;color:#0a2749;font-size:18px;font-weight:800;cursor:pointer;
}
.rg-jcal-head button:hover{background:#eef4fb}
.rg-jcal-title{text-align:center;font-size:13px;font-weight:800;color:#0a2749}
.rg-jcal-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px}
.rg-jcal-grid>span{display:grid;place-items:center;min-height:26px;color:#8a97a8;font-size:10px;font-weight:700}
.rg-jcal-grid>button{
  min-height:34px;border-radius:10px;border:1px solid transparent;
  background:transparent;color:#1a3355;font-size:12px;font-weight:700;cursor:pointer;
}
.rg-jcal-grid>button:hover{background:#eef5fb}
.rg-jcal-grid>button.is-today{border-color:#e4b04e;color:#9a6815;font-weight:800}
.rg-jcal-grid>button.is-selected{
  background:linear-gradient(135deg,#0a2749,#1a5a9a)!important;
  color:#fff!important;border:0!important;
}
.rg-jcal-grid>button:disabled{opacity:.15;cursor:default}

@media(max-width:900px){
  .rg-jcal{
    position:fixed!important;left:50%!important;right:auto!important;
    transform:translateX(-50%);
    bottom:calc(90px + env(safe-area-inset-bottom))!important;
    top:auto!important;width:min(320px,calc(100vw - 24px))!important;
  }
}
