/* Premium date calendar (flatpickr skin) - green + gold, used on home bar, package page, campaign page */
.flatpickr-calendar.rb-cal { width: 330px; padding: 14px 14px 12px; border: 1px solid #eadfcd; border-radius: 18px; box-shadow: 0 24px 60px rgba(18, 67, 50, .28); font-family: inherit; background: #fff; z-index: 999999 !important; }
.flatpickr-calendar.rb-cal:before, .flatpickr-calendar.rb-cal:after { display: none; }
.rb-cal .flatpickr-months { align-items: center; margin-bottom: 8px; }
.rb-cal .flatpickr-months .flatpickr-prev-month, .rb-cal .flatpickr-months .flatpickr-next-month { position: static; height: 36px; width: 36px; padding: 0; display: grid; place-items: center; border-radius: 50%; background: #f6f1e6; transition: background .15s; }
.rb-cal .flatpickr-months .flatpickr-prev-month:hover, .rb-cal .flatpickr-months .flatpickr-next-month:hover { background: #006641; }
.rb-cal .flatpickr-months .flatpickr-prev-month svg, .rb-cal .flatpickr-months .flatpickr-next-month svg { width: 12px; height: 12px; fill: #006641; }
.rb-cal .flatpickr-months .flatpickr-prev-month:hover svg, .rb-cal .flatpickr-months .flatpickr-next-month:hover svg { fill: #fff; }
.rb-cal .flatpickr-months .flatpickr-prev-month.flatpickr-disabled, .rb-cal .flatpickr-months .flatpickr-next-month.flatpickr-disabled { opacity: .35; }
.rb-cal .flatpickr-current-month { position: static; width: auto; flex: 1; padding: 0; height: auto; font-size: 17px; font-weight: 800; color: #151515; display: flex; align-items: center; justify-content: center; gap: 6px; }
.rb-cal .flatpickr-current-month .cur-month, .rb-cal .flatpickr-current-month input.cur-year { font-weight: 800; color: #151515; }
.rb-cal .flatpickr-current-month .flatpickr-monthDropdown-months { font-weight: 800; padding: 2px 4px; border-radius: 8px; background: transparent; }
.rb-cal .flatpickr-current-month .flatpickr-monthDropdown-months:hover, .rb-cal .flatpickr-current-month input.cur-year:hover { background: #f6f1e6; }
.rb-cal .flatpickr-current-month .numInputWrapper { width: 5ch; }
.rb-cal .numInputWrapper span { display: none; }
.rb-cal .flatpickr-weekdays { height: 30px; margin-bottom: 2px; }
.rb-cal span.flatpickr-weekday { font-size: 11.5px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: #8a7a60; background: transparent; }
.rb-cal .flatpickr-innerContainer, .rb-cal .flatpickr-rContainer, .rb-cal .flatpickr-days, .rb-cal .dayContainer { width: 100%; min-width: 0; max-width: none; }
.rb-cal .dayContainer { justify-content: space-between; padding: 0; }
.rb-cal .flatpickr-day { max-width: none; width: 14.28%; height: 42px; line-height: 42px; margin: 2px 0; border: 0; border-radius: 12px; font-size: 15px; font-weight: 600; color: #1d1d1d; transition: background .12s, color .12s; }
.rb-cal .flatpickr-day:hover { background: #fbf4e8; color: #926633; }
.rb-cal .flatpickr-day.today { background: transparent; box-shadow: inset 0 0 0 1.5px #c5995a; color: #926633; }
.rb-cal .flatpickr-day.today:hover { background: #fbf4e8; }
.rb-cal .flatpickr-day.selected, .rb-cal .flatpickr-day.selected:hover { background: #006641; color: #fff; box-shadow: 0 6px 14px rgba(0, 102, 65, .35); }
.rb-cal .flatpickr-day.prevMonthDay, .rb-cal .flatpickr-day.nextMonthDay { color: #c4bfb3; }
.rb-cal .flatpickr-day.flatpickr-disabled, .rb-cal .flatpickr-day.flatpickr-disabled:hover { color: #cfcabd; background: transparent; text-decoration: line-through; text-decoration-color: rgba(0, 0, 0, .12); cursor: not-allowed; }
.rb-cal .flatpickr-day.rb-off:not(.flatpickr-disabled) { color: #b3261e; background: #fdecea; }
.rb-cal .rb-cal-foot { display: flex; align-items: center; justify-content: space-between; gap: 10px; border-top: 1px solid #f0e8d8; margin-top: 8px; padding-top: 10px; font-size: 12.5px; color: #7a7a7a; }
.rb-cal .rb-cal-foot button { border: 0 !important; background: #f6f1e6 !important; color: #006641 !important; font-weight: 700; font-size: 13px; padding: 6px 14px !important; border-radius: 999px !important; cursor: pointer; }
.rb-cal .rb-cal-foot button:hover { background: #006641 !important; color: #fff !important; }
.rb-cal .rb-cal-foot i { display: inline-block; width: 10px; height: 10px; border-radius: 3px; box-shadow: inset 0 0 0 1.5px #c5995a; margin-right: 6px; vertical-align: -1px; }

/* the visible text box that replaces the native date input */
input.rb-cal-alt { cursor: pointer; background-image: none; }
.rb-cal-wrap { position: relative; }
@media (max-width: 480px) { .flatpickr-calendar.rb-cal { width: min(330px, calc(100vw - 24px)); } }