/* The site's date picker (hotel-datepicker in #demo2-input-parent: home, results, search pages) in the 2026 style,
   matching the hotel page's picker: CHECK-IN → CHECK-OUT boxes, the nights, navy check-in/check-out with a soft band
   between, an orange dot for today, Done. Selectors start with the input's id so they win over the older
   #datepicker-1 / #detailscheck rules in upgrade.css. */
#demo2-input-parent .datepicker{
  --dp-navy:#313447;--dp-ink:#1A1F36;--dp-muted:#5E6478;--dp-border:#E3E6EF;--dp-panel:#F4F6FB;--dp-band:#EDF0F7;--dp-orange:#F08A00;--dp-warm:#FFF1DE;
  width:720px !important;max-width:calc(100vw - 32px) !important;margin-top:10px !important;padding:0 !important;border:0 !important;border-radius:20px !important;background:#fff !important;
  box-shadow:0 0 0 1px rgba(26,31,54,.08),0 24px 60px rgba(26,31,54,.22) !important;font-family:Inter,Arial,sans-serif !important;color:var(--dp-ink) !important;overflow:hidden !important;z-index:1001 !important;}
#demo2-input-parent .datepicker .datepicker__inner{padding:0 !important;overflow:visible !important;}
/* Top bar: the two dates as boxes, the nights, Done */
#demo2-input-parent .datepicker .datepicker__topbar{display:flex !important;align-items:center;gap:12px;min-height:0 !important;margin:0 !important;padding:14px 16px !important;border-bottom:1px solid var(--dp-border) !important;background:#fff !important;}
#demo2-input-parent .datepicker .datepicker__info--selected{display:flex !important;align-items:center;gap:10px;flex-wrap:wrap;margin:0 !important;font-size:0 !important;}
#demo2-input-parent .datepicker .datepicker__info--selected-label{display:none !important;}
#demo2-input-parent .datepicker .datepicker__info-text--start-day,#demo2-input-parent .datepicker .datepicker__info-text--end-day{
  display:inline-flex !important;flex-direction:column;align-items:flex-start;min-width:140px;padding:8px 14px !important;border:1px solid var(--dp-border);border-radius:12px;background:#fff;
  color:var(--dp-ink) !important;font:600 15.5px/1.3 Inter,sans-serif !important;}
#demo2-input-parent .datepicker .datepicker__info-text--start-day::before{content:"Check-in";}
#demo2-input-parent .datepicker .datepicker__info-text--end-day::before{content:"Check-out";}
#demo2-input-parent .datepicker .datepicker__info-text--start-day::before,#demo2-input-parent .datepicker .datepicker__info-text--end-day::before{
  display:block;margin-bottom:1px;font:700 11.5px/1.3 Inter,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--dp-muted);}
#demo2-input-parent .datepicker .datepicker__info--separator{display:inline-block !important;width:18px;height:18px;font-size:0 !important;background:#9AA0B2;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;}
#demo2-input-parent .datepicker .datepicker__info-text--selected-days{display:inline-block !important;padding:5px 11px;border-radius:999px;background:var(--dp-warm);color:var(--dp-ink) !important;
  font:700 13px/1.3 Inter,sans-serif !important;font-style:normal !important;}
#demo2-input-parent .datepicker .datepicker__info-text--selected-days span{font:inherit !important;color:inherit !important;}
/* While picking: the box being picked is outlined (no end date yet = picking the check-out) */
#demo2-input-parent .datepicker .datepicker__info-text--start-day{border-color:var(--dp-navy);box-shadow:inset 0 0 0 1px var(--dp-navy),0 0 0 4px rgba(49,52,71,.08);}
#demo2-input-parent .datepicker .datepicker__info-text--start-day::before{color:#E07B00;}
#demo2-input-parent .datepicker .datepicker__info--feedback{margin:0 !important;font:500 13.5px/1.4 Inter,sans-serif !important;color:var(--dp-muted) !important;}
#demo2-input-parent .datepicker .datepicker__info--error{color:#B42318 !important;}
#demo2-input-parent .datepicker .datepicker__close-button{position:static !important;margin:0 0 0 auto !important;height:42px !important;padding:0 22px !important;border:0 !important;border-radius:10px !important;
  background:var(--dp-orange) !important;color:transparent !important;font-size:0 !important;line-height:42px !important;box-shadow:none !important;cursor:pointer;}
#demo2-input-parent .datepicker .datepicker__close-button::after{content:"Done";color:var(--dp-ink);font:800 15px/42px Archivo,Inter,sans-serif;}
#demo2-input-parent .datepicker .datepicker__close-button:hover{background:#FF9A12 !important;}
/* Months */
#demo2-input-parent .datepicker .datepicker__months{display:flex !important;gap:28px;justify-content:space-between;padding:12px 20px 14px !important;}
#demo2-input-parent .datepicker .datepicker__months::before{display:none !important;}
#demo2-input-parent .datepicker .datepicker__month{display:table !important;flex:1;width:auto !important;border-collapse:separate !important;border-spacing:0 3px !important;table-layout:fixed;}
#demo2-input-parent .datepicker .datepicker__month-caption{height:auto !important;border:0 !important;}
#demo2-input-parent .datepicker .datepicker__month-caption th{padding:6px 0 10px !important;}
#demo2-input-parent .datepicker .datepicker__month-name{font:800 16px/1.2 Archivo,Inter,sans-serif !important;color:var(--dp-ink) !important;text-transform:none !important;letter-spacing:0 !important;}
#demo2-input-parent .datepicker .datepicker__month-button{display:inline-grid !important;place-items:center;width:34px !important;height:34px !important;border:0 !important;border-radius:50% !important;background:var(--dp-panel) !important;color:transparent !important;font-size:0 !important;position:relative;cursor:pointer;}
#demo2-input-parent .datepicker .datepicker__month-button::after{content:"";position:absolute;inset:0;background:var(--dp-ink);-webkit-mask:center/16px no-repeat;mask:center/16px no-repeat;}
#demo2-input-parent .datepicker .datepicker__month-button--prev::after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 6l-6 6 6 6'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 6l-6 6 6 6'/%3E%3C/svg%3E");}
#demo2-input-parent .datepicker .datepicker__month-button--next::after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 6l6 6-6 6'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 6l6 6-6 6'/%3E%3C/svg%3E");}
#demo2-input-parent .datepicker .datepicker__month-button:hover{background:#E6EAF2 !important;}
#demo2-input-parent .datepicker .datepicker__month-button--disabled,#demo2-input-parent .datepicker .datepicker__month--month1 .datepicker__month-button--next,#demo2-input-parent .datepicker .datepicker__month--month2 .datepicker__month-button--prev{visibility:hidden !important;}
#demo2-input-parent .datepicker .datepicker__week-days{height:auto !important;}
#demo2-input-parent .datepicker .datepicker__week-days .datepicker__week-name{padding:0 0 6px !important;font:700 11px/1 Inter,sans-serif !important;letter-spacing:.06em;text-transform:uppercase;color:#8A90A2 !important;}
#demo2-input-parent .datepicker .datepicker__week-days .datepicker__week-name::before,#demo2-input-parent .datepicker .datepicker__week-days .datepicker__week-name::after{content:none !important;display:none !important;}
/* Days */
#demo2-input-parent .datepicker .datepicker__month-day{position:relative;height:42px !important;width:auto !important;padding:0 !important;border:0 !important;border-radius:0 !important;background:none !important;box-shadow:none !important;background-image:none !important;
  color:var(--dp-ink) !important;font:500 14.5px/42px Inter,sans-serif !important;text-align:center;cursor:pointer;transition:none !important;}
#demo2-input-parent .datepicker td::before{content:none !important;display:none !important;}
#demo2-input-parent .datepicker td:not(.datepicker__month-day--today)::after{content:none !important;}
#demo2-input-parent .datepicker .datepicker__month-day--lastMonth,#demo2-input-parent .datepicker .datepicker__month-day--nextMonth{visibility:hidden !important;pointer-events:none;}
#demo2-input-parent .datepicker .datepicker__month-day--visibleMonth:not(.datepicker__month-day--invalid):not(.datepicker__month-day--selected):not(.datepicker__month-day--hovering):hover{box-shadow:inset 0 0 0 1.5px var(--dp-navy) !important;border-radius:50% !important;}
#demo2-input-parent .datepicker .datepicker__month-day--today{font-weight:800 !important;}
#demo2-input-parent .datepicker .datepicker__month-day--today::after{content:"" !important;position:absolute;left:50%;bottom:6px;width:4px;height:4px;margin-left:-2px;border-radius:50%;background:var(--dp-orange);}
#demo2-input-parent .datepicker .datepicker__month-day--invalid,#demo2-input-parent .datepicker .datepicker__month-day--disabled{color:#C3C7D3 !important;cursor:default;text-decoration:none !important;}
#demo2-input-parent .datepicker .datepicker__month-day--selected,#demo2-input-parent .datepicker .datepicker__month-day--hovering{background:var(--dp-band) !important;color:var(--dp-ink) !important;}
#demo2-input-parent .datepicker .datepicker__month-day--first-day-selected,#demo2-input-parent .datepicker .datepicker__month-day--last-day-selected{background:var(--dp-navy) !important;color:#fff !important;font-weight:700 !important;border-radius:12px !important;box-shadow:0 2px 6px rgba(49,52,71,.3) !important;}
#demo2-input-parent .datepicker .datepicker__month-day--first-day-selected::after,#demo2-input-parent .datepicker .datepicker__month-day--last-day-selected::after{background:#FFB24A;}
#demo2-input-parent .datepicker .datepicker__tooltip{position:absolute;z-index:5;margin-top:-6px;padding:5px 9px !important;border:0 !important;border-radius:8px !important;background:var(--dp-ink) !important;color:#fff !important;font:600 12px/1.2 Inter,sans-serif !important;white-space:nowrap;pointer-events:none;}
#demo2-input-parent .datepicker .datepicker__tooltip::after{border-top-color:var(--dp-ink) !important;}
@media (max-width: 760px){
  #demo2-input-parent .datepicker{position:fixed !important;left:0 !important;right:0 !important;top:auto !important;bottom:0 !important;width:auto !important;max-width:none !important;max-height:88vh;margin:0 !important;border-radius:20px 20px 0 0 !important;overflow:auto !important;}
  #demo2-input-parent .datepicker .datepicker__topbar{position:sticky;top:0;z-index:2;flex-wrap:wrap;}
  #demo2-input-parent .datepicker .datepicker__info-text--start-day,#demo2-input-parent .datepicker .datepicker__info-text--end-day{min-width:0;flex:1;}
  #demo2-input-parent .datepicker .datepicker__info--selected{flex:1 1 100%;}
  #demo2-input-parent .datepicker .datepicker__close-button{width:100%;margin:0 !important;}
  #demo2-input-parent .datepicker .datepicker__months{flex-direction:column;gap:6px;padding:8px 12px 14px !important;}
  #demo2-input-parent .datepicker .datepicker__month--month2{display:table !important;}
}
/* Top bar fixes: one row, nights without brackets, Done always shown */
#demo2-input-parent .datepicker .datepicker__topbar{flex-wrap:nowrap;height:auto !important;}
#demo2-input-parent .datepicker .datepicker__topbar > .datepicker__info--selected{flex:1 1 auto;flex-wrap:nowrap;min-width:0;}
#demo2-input-parent .datepicker .datepicker__topbar > .datepicker__info--feedback{display:none !important;}
#demo2-input-parent .datepicker .datepicker__topbar > .datepicker__info--feedback.datepicker__info--error,#demo2-input-parent .datepicker .datepicker__topbar > .datepicker__info--feedback.datepicker__info--help{display:block !important;max-width:220px;}
#demo2-input-parent .datepicker .datepicker__info-text--selected-days{font-size:0 !important;text-transform:none !important;}
#demo2-input-parent .datepicker .datepicker__info-text--selected-days span{font-size:13px !important;text-transform:lowercase !important;}
#demo2-input-parent .datepicker .datepicker__close-button{display:inline-block !important;visibility:visible !important;opacity:1 !important;flex:none;}
@media (max-width: 760px){
  #demo2-input-parent .datepicker .datepicker__topbar{flex-wrap:wrap;}
}
#demo2-input-parent .datepicker .datepicker__info-text--selected-days{white-space:nowrap;flex:none;}
#demo2-input-parent .datepicker .datepicker__close-button,#demo2-input-parent .datepicker .datepicker__close-button::after{text-transform:none !important;letter-spacing:0 !important;}

/* Done (and any close) hides the calendar right away: the library's close waits for a slide animation that
   no longer runs, so the calendar stayed on screen after Done */
#demo2-input-parent .datepicker.datepicker--closed{display:none !important;}