.sj-thai-date-wrap { position: relative; display: block; width: 100%; }
.sj-thai-date-input { width: 100%; padding-right: 46px !important; cursor: pointer; }
.sj-thai-date-trigger { position: absolute; top: 50%; right: 7px; display: grid; width: 34px; height: 34px; padding: 0; place-items: center; border: 0; border-radius: 10px; color: #9f1830; background: rgba(159,24,48,.07); transform: translateY(-50%); transition: background .2s ease, transform .2s ease; }
.sj-thai-date-trigger:hover { background: rgba(159,24,48,.12); }
.sj-thai-date-trigger:focus-visible { outline: 3px solid rgba(159,24,48,.15); }
.sj-thai-date-trigger:disabled { opacity: .45; cursor: not-allowed; transform: translateY(-50%); }

.flatpickr-calendar.sj-thai-calendar { width: min(330px,calc(100vw - 24px)); padding: 10px; border: 1px solid rgba(255,255,255,.9); border-radius: 22px; background: rgba(255,255,255,.94); box-shadow: 0 24px 65px rgba(46,26,32,.2), inset 0 1px 0 #fff; font-family: inherit; backdrop-filter: blur(22px) saturate(145%); }
.sj-thai-calendar::before,.sj-thai-calendar::after { display: none; }
.sj-thai-calendar .flatpickr-months { align-items: center; }
.sj-thai-calendar .flatpickr-month { height: 48px; color: #30272a; fill: #30272a; }
.sj-thai-calendar .flatpickr-current-month { display: flex; height: 44px; align-items: center; justify-content: center; gap: 7px; padding-top: 5px; }
.sj-thai-calendar .flatpickr-current-month .flatpickr-monthDropdown-months { width: auto; min-width: 112px; padding: 5px 8px; border-radius: 9px; color: #4b3d42; background: rgba(159,24,48,.055); font: inherit; font-size: 13px; font-weight: 750; }
.sj-thai-year-select { width: 76px; min-height: 31px; padding: 4px 7px; border: 0; border-radius: 9px; color: #9f1830; background: rgba(159,24,48,.075); font: inherit; font-size: 13px; font-weight: 800; }
.sj-thai-calendar .flatpickr-prev-month,.sj-thai-calendar .flatpickr-next-month { top: 11px; display: grid; width: 35px; height: 35px; padding: 0; place-items: center; border-radius: 11px; color: #7d666d; fill: currentColor; }
.sj-thai-calendar .flatpickr-prev-month:hover,.sj-thai-calendar .flatpickr-next-month:hover { color: #9f1830; background: rgba(159,24,48,.07); }
.sj-thai-calendar .flatpickr-weekdays { height: 34px; }
.sj-thai-calendar span.flatpickr-weekday { color: #8a777d; font-size: 11px; font-weight: 750; }
.sj-thai-calendar .flatpickr-days,.sj-thai-calendar .dayContainer { width: 100%; min-width: 100%; max-width: 100%; }
.sj-thai-calendar .flatpickr-day { max-width: none; height: 39px; border-radius: 12px; color: #51464a; line-height: 39px; }
.sj-thai-calendar .flatpickr-day:hover { border-color: transparent; background: rgba(159,24,48,.07); }
.sj-thai-calendar .flatpickr-day.today { border-color: rgba(159,24,48,.25); color: #9f1830; }
.sj-thai-calendar .flatpickr-day.selected,.sj-thai-calendar .flatpickr-day.selected:hover { border-color: #9f1830; color: #fff; background: linear-gradient(145deg,#b52742,#811329); box-shadow: 0 7px 15px rgba(159,24,48,.2); }
.sj-thai-calendar .flatpickr-day.prevMonthDay,.sj-thai-calendar .flatpickr-day.nextMonthDay { color: #c1b6b9; }

@media (max-width: 480px) {
    .flatpickr-calendar.sj-thai-calendar { padding: 8px; border-radius: 19px; }
    .sj-thai-calendar .flatpickr-day { height: 37px; line-height: 37px; }
}