/* Data e horários do agendamento público no mesmo padrão visual da Área do Cliente. */
.booking-page .petsea-booking-date-field,
.booking-page .petsea-booking-time-field{
  position:relative;
}

.booking-page .petsea-booking-native-date,
.booking-page .petsea-booking-native-time{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  margin:-1px!important;
  padding:0!important;
  opacity:0!important;
  pointer-events:none!important;
  clip-path:inset(50%);
  overflow:hidden;
}

.petsea-public-date-control{
  display:grid;
  grid-template-columns:minmax(0,1fr) 52px;
  gap:9px;
  align-items:stretch;
}
.petsea-public-date-input{
  width:100%;
  min-height:54px;
  padding:0 16px!important;
  border:1px solid rgba(27,116,121,.22)!important;
  border-radius:15px!important;
  background:#fff!important;
  color:#24484b!important;
  font-size:1rem!important;
  font-weight:800!important;
  letter-spacing:.035em;
  outline:none;
  transition:border-color .18s ease,box-shadow .18s ease;
}
.petsea-public-date-input::placeholder{color:#8aa1a2;opacity:.9}
.petsea-public-date-input:focus{
  border-color:#25bfbd!important;
  box-shadow:0 0 0 4px rgba(37,191,189,.10)!important;
}
.petsea-public-date-input.is-invalid{
  border-color:#d96565!important;
  box-shadow:0 0 0 3px rgba(217,101,101,.09)!important;
}
.petsea-public-date-button{
  min-height:54px;
  display:grid;
  place-items:center;
  padding:0;
  border:1px solid rgba(37,191,189,.28);
  border-radius:15px;
  background:rgba(37,191,189,.08);
  color:#18aaa8;
  cursor:pointer;
  transition:.18s ease;
}
.petsea-public-date-button:hover{background:rgba(37,191,189,.14);border-color:rgba(37,191,189,.48);transform:translateY(-1px)}
.petsea-public-date-button:focus-visible{outline:3px solid rgba(37,191,189,.17);outline-offset:2px}
.petsea-public-date-button svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.petsea-public-date-help{margin-top:5px;color:#779293;font-size:.7rem;line-height:1.35}

.petsea-public-time-picker{
  margin-top:1px;
  padding:14px;
  border:1px solid rgba(27,116,121,.16);
  border-radius:17px;
  background:rgba(18,112,118,.035);
}
.petsea-public-time-picker__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:12px;
}
.petsea-public-time-picker__head strong{color:#314d50;font-size:.8rem}
.petsea-public-time-picker__head span{color:#789293;font-size:.68rem}
.petsea-public-time-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.petsea-public-time-button{
  min-height:44px;
  padding:7px 5px;
  border:1px solid rgba(30,123,128,.20);
  border-radius:11px;
  background:#fff;
  color:#345356;
  font:800 .76rem/1.1 Inter,sans-serif;
  cursor:pointer;
  transition:.16s ease;
}
.petsea-public-time-button:hover:not(:disabled){border-color:#27bfbd;background:rgba(39,191,189,.07);transform:translateY(-1px)}
.petsea-public-time-button.is-selected{border-color:#20b9b6;background:linear-gradient(135deg,#25c8c5,#13999f);color:#fff;box-shadow:0 7px 17px rgba(30,175,176,.18)}
.petsea-public-time-button:disabled{border-color:rgba(80,104,105,.10);background:rgba(95,115,116,.055);color:#a0aeae;cursor:not-allowed;text-decoration:line-through}
.petsea-public-time-button small{display:block;margin-top:3px;font-size:.54rem;font-weight:700;text-decoration:none;opacity:.82}
.petsea-public-time-placeholder{grid-column:1/-1;padding:18px 10px;text-align:center;color:#789293;font-size:.72rem;line-height:1.5}
.booking-page .petsea-booking-time-field>.business-hours-help{display:none!important}
.booking-page .petsea-booking-time-field>.booking-availability-note{margin-top:8px}

html[data-theme="dark"] .petsea-public-date-input,
html[data-theme="dark"] .petsea-public-time-button{
  background:#0b2529!important;
  color:#e7f7f7!important;
  border-color:rgba(73,197,196,.22)!important;
}
html[data-theme="dark"] .petsea-public-date-button,
html[data-theme="dark"] .petsea-public-time-picker{background:rgba(34,190,187,.08);border-color:rgba(73,197,196,.20)}
html[data-theme="dark"] .petsea-public-time-picker__head strong{color:#e6f5f5}
html[data-theme="dark"] .petsea-public-time-button:disabled{background:#101e20!important;color:#5f7778!important}

@media(max-width:760px){
  .petsea-public-time-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:520px){
  .petsea-public-date-control{grid-template-columns:minmax(0,1fr) 48px}
  .petsea-public-date-input,.petsea-public-date-button{min-height:50px}
  .petsea-public-time-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .petsea-public-time-picker__head{align-items:flex-start;flex-direction:column;gap:3px}
}