/* Structural rules inherited from the homepage stylesheet there. */
.resort-guide-page.calendar-open{overflow:hidden}
.resort-guide-page #date-dialog .weekday-row,.resort-guide-page #date-dialog .days-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}
.resort-guide-page #date-dialog .weekday-row span{text-align:center}
.resort-guide-page #date-dialog .calendar-close{display:grid;place-items:center;border-radius:50%;cursor:pointer}
.resort-guide-page #date-dialog .calendar-navigation button{border-radius:50%;cursor:pointer;pointer-events:auto;line-height:1}
.resort-guide-page #date-dialog .calendar-navigation button:disabled{opacity:.25;cursor:default}
.resort-guide-page #date-dialog .days-grid button{position:relative;cursor:pointer}
.detail-date-fields .detail-calendar-trigger{display:block;width:100%;min-height:44px;padding:9px 12px;text-align:left;border:1px solid #acbfba;border-radius:7px;background:white;color:#123b3c;font:inherit;cursor:pointer}
.detail-date-fields .detail-calendar-trigger:focus-visible{outline:2px solid #9333ea;outline-offset:2px}
/* Compact range calendar, matching the Tamarindo homepage. */
#date-dialog{box-sizing:border-box;width:300px;max-width:calc(100vw - 32px);padding:16px;margin:auto;border:2px solid #c084fc66;border-radius:16px;background:#fff;color:#19333e;box-shadow:0 25px 50px #0005;font:14px/1.5 Barlow,Arial,sans-serif;overflow:visible}
#date-dialog::backdrop{background:#0009;backdrop-filter:blur(2px)}
#date-dialog .calendar-close{position:absolute;top:-12px;right:-12px;width:26px;height:26px;background:#fff;border:1px solid #e5e2e9;box-shadow:0 3px 6px #0002;font:22px/1 Arial;color:#19333e;padding:0}
#date-dialog .calendar-navigation{position:static;height:auto;display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;pointer-events:auto}
#date-dialog .calendar-navigation button{border:0;width:32px;height:32px;background:transparent;color:inherit}
#date-dialog .calendar-navigation button:hover{background:#f1edf6}
#date-dialog #calendar-title{font:700 14px/1.5 Barlow,Arial,sans-serif;letter-spacing:0}
#date-dialog #calendar-months{display:block;margin:0}
#date-dialog .weekday-row{margin-bottom:4px}
#date-dialog .weekday-row span{padding:4px 0;font:600 10px/1.5 Barlow,Arial,sans-serif;color:#72717b}
#date-dialog .day-cell{height:36px;display:flex;align-items:center;justify-content:center}
#date-dialog .days-grid button{width:32px;height:32px;padding:0;border:0;border-radius:50%;background:transparent;color:inherit;font:500 14px/1 Barlow,Arial,sans-serif}
#date-dialog .days-grid button:disabled{opacity:.25;cursor:not-allowed}
#date-dialog .days-grid button.outside-month{color:#999}
#date-dialog .days-grid button:not(:disabled):hover{background:#a855f733}
#date-dialog .day-cell.in-range{background:#a855f726}
#date-dialog .day-cell.range-start{border-radius:99px 0 0 99px;background:#7e22ce}
#date-dialog .day-cell.range-end{border-radius:0 99px 99px 0;background:#7e22ce}
#date-dialog .day-cell.range-start button,#date-dialog .day-cell.range-end button{color:#fff;background:#7e22ce;font-weight:700;box-shadow:0 4px 6px #0002}
#date-dialog .days-grid button.today:not([aria-pressed=true]){box-shadow:0 0 0 1px #c084fc99}
#date-dialog .days-grid button.today:after{display:none}
#date-dialog #calendar-instruction{text-align:center;font-size:11px;line-height:1.5;color:#72717b;margin:12px 0 0;border-top:1px solid #e5e2e9;padding-top:8px}
#date-dialog button:focus-visible{outline:2px solid #9333ea;outline-offset:2px}