
/* PHOBS Booking Forms - styled like your screenshots */
.phobs-booking-wrap { width: 100%; }
.pbf-searchbar { width: 100%; }

.pbf-form{
  display:flex;
  align-items:stretch;
  gap:0;
  width:100%;
  background:#fff;
  border:1px solid rgba(0,0,0,.08);
  border-radius:10px;
  overflow:hidden;
}

.pbf-seg{
  flex:1;
  min-width:0;
  padding:14px 16px;
  position:relative;
}

.pbf-divider{
  width:1px;
  background:rgba(0,0,0,.08);
}

.pbf-label{
  font-size:11px;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:rgba(0,0,0,.55);
  margin-bottom:6px;
}

.pbf-control{
  position:relative;
  display:flex;
  align-items:center;
}

.pbf-control input[type="date"],
.pbf-control select{
  width:100%;
  border:0;
  outline:0;
  background:transparent;
  font-size:18px;
  font-weight:600;
  color:rgba(0,0,0,.85);
  padding:0;
  margin:0;
  height:28px;
}

/* Make date look cleaner */
.pbf-control input[type="date"]{
  -webkit-appearance:none;
  appearance:none;
}

.pbf-control input[type="date"]::-webkit-calendar-picker-indicator{
  opacity:0;
  cursor:pointer;
}

.pbf-seg-date::after{
  content:"";
  position:absolute;
  right:14px;
  top:50%;
  transform:translateY(-2px);
  width:22px;
  height:22px;
  opacity:.9;
  background-repeat:no-repeat;
  background-size:contain;
  /* simple calendar icon */
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Crect x='3' y='4' width='18' height='17' rx='2' stroke='%23006b5f' stroke-width='2'/%3E%3Cpath d='M8 2v4M16 2v4' stroke='%23006b5f' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M3 9h18' stroke='%23006b5f' stroke-width='2'/%3E%3C/svg%3E");
  pointer-events:none;
}

.pbf-submit{
  width:auto;
  min-width:78px;
  border:0;
  background:#0a6a60;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
}
.pbf-submit::before{
  content:"";
  width:22px;
  height:22px;
  background-repeat:no-repeat;
  background-size:contain;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath d='M10.5 18a7.5 7.5 0 1 1 0-15 7.5 7.5 0 0 1 0 15Z' stroke='white' stroke-width='2'/%3E%3Cpath d='M21 21l-4.2-4.2' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
}
.pbf-submit:hover{ filter:brightness(1.05); }

.pbf-msg{
  display:none;
  width:100%;
  padding:10px 14px;
  font-size:14px;
  color:#b00020;
  background:rgba(176,0,32,.06);
  border-top:1px solid rgba(0,0,0,.08);
}

/* Responsive - stack like your mobile screenshot */
@media (max-width: 768px){
  .pbf-form{
    flex-direction:column;
    border-radius:12px;
  }
  .pbf-divider{
    width:100%;
    height:1px;
  }
  .pbf-submit{
    width:100%;
    min-width:0;
    height:58px;
    border-radius:0;
  }
  .pbf-seg-date::after{ top:34px; transform:none; }
}
