/* Accommodation choices: each label is a complete, keyboard-accessible target. */
.stay-options {
    --stay-accent: #5c4186;
    --stay-ink: #18243a;
    margin-bottom: 24px;
    padding: 28px;
    border: 1px solid #ded8e8;
    border-radius: 24px;
    background: linear-gradient(145deg, #f8f5fc 0%, #f3f5f9 100%);
    box-shadow: 0 12px 35px rgba(40, 28, 64, .06);
    color: var(--stay-ink);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
.stay-heading { display: flex; align-items: center; gap: 14px; }
.stay-eyebrow { font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: #756487; }
.stay-heading h3 { margin: 3px 0 0; color: var(--stay-ink); font-size: 21px; font-weight: 700; line-height: 1.35; }
.stay-heading h3 span { display: block; color: #697386; font-size: 13px; font-weight: 400; margin-top: 3px; }
.stay-note { margin: 18px 0 20px; color: #697386; font-size: 13px; line-height: 1.7; }
.stay-options .stay-option { width: 100%; position: relative; display: block; margin: 0 0 12px; font-weight: 400; cursor: pointer; }
.stay-option > input { position: absolute; top: 50%; left: 24px; width: 22px; height: 22px; margin: -11px 0 0; opacity: 0; }
.stay-surface {
    display: flex;
    align-items: center;
    gap: 18px;
    min-height: 104px;
    padding: 22px 24px;
    border: 1px solid #e0e4eb;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 2px 4px rgba(24,36,58,.025);
    transition: border-color .18s ease, background .18s ease, box-shadow .18s ease;
}
.stay-option:hover .stay-surface { border-color: #b5a3ce; background: #fcfaff; box-shadow: 0 5px 18px rgba(64,42,91,.07); }
.stay-radio { display: block; flex: 0 0 22px; width: 22px; height: 22px; border: 2px solid #c7ccd6; border-radius: 50%; background: #fff; }
.stay-option > input:checked + .stay-surface { border-color: var(--stay-accent); background: #f7f3fc; box-shadow: 0 0 0 1px var(--stay-accent), 0 5px 18px rgba(64,42,91,.06); }
.stay-option > input:checked + .stay-surface .stay-radio { border: 6px solid var(--stay-accent); }
.stay-option > input:focus-visible + .stay-surface { outline: 3px solid #9a7ac5; outline-offset: 4px; }
.stay-room { flex: 1; font-size: 15px; line-height: 1.65; font-weight: 600; }
.stay-price { flex-shrink: 0; text-align: right; padding-left: 14px; }
.stay-price strong { display: block; font-size: 25px; font-weight: 750; letter-spacing: -.04em; line-height: 1.3; white-space: nowrap; }
.stay-price > span { display: block; margin-top: 5px; font-size: 11px; color: #697386; }
.stay-options .stay-option-none { display: block; clear: both; margin: 24px 0 0; padding-top: 22px; border-top: 1px solid #ded8e8; }
.stay-option-none .stay-surface { min-height: 76px; background: #f8f9fb; }
.stay-option-none .stay-room { font-size: 14px; font-weight: 500; }

@media (max-width: 600px) {
    .stay-options { padding: 18px 14px; border-radius: 20px; }
    .stay-surface { flex-wrap: wrap; gap: 12px; padding: 20px 18px; }
    .stay-option > input { left: 18px; }
    .stay-room { flex-basis: calc(100% - 40px); font-size: 14px; }
    .stay-price { width: 100%; padding: 0 0 0 34px; text-align: left; }
    .stay-price strong { font-size: 23px; }
    .stay-option-none .stay-room { flex: 1; }
    .stay-heading h3 { font-size: 19px; }
}
@media (prefers-reduced-motion: reduce) {
    .stay-surface { transition: none; }
}

/* Spacious calendar skin, loaded after the datepicker vendor stylesheet. */
.datepicker.datepicker-dropdown {
    box-sizing: border-box;
    width: 352px;
    max-width: calc(100vw - 24px);
    padding: 18px;
    border: 1px solid #e0d9eb;
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 18px 55px rgba(29, 21, 47, .17);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    color: #18243a;
}
.datepicker.datepicker-dropdown table { width: 100%; border-collapse: separate; border-spacing: 3px; table-layout: fixed; }
.datepicker.datepicker-dropdown table td,
.datepicker.datepicker-dropdown table th { width: auto; height: 39px; padding: 5px; border-radius: 10px; font-size: 13px; }
.datepicker.datepicker-dropdown .datepicker-switch { font-size: 16px; font-weight: 700; }
.datepicker.datepicker-dropdown thead th { padding-bottom: 10px; }
.datepicker.datepicker-dropdown .dow { color: #8b8199; font-size: 11px; font-weight: 600; }
.datepicker.datepicker-dropdown .prev,
.datepicker.datepicker-dropdown .next { color: #5c4186; font-size: 20px; }
.datepicker.datepicker-dropdown table tr td.day:hover,
.datepicker.datepicker-dropdown table tr td.focused { background: #eee6f7; }
.datepicker.datepicker-dropdown table tr td.highlighted { background: #f4f0f9; }
.datepicker.datepicker-dropdown table tr td.active,
.datepicker.datepicker-dropdown table tr td.active:hover,
.datepicker.datepicker-dropdown table tr td.active.active { background: #5c4186; color: #fff; text-shadow: none; box-shadow: 0 3px 8px rgba(92,65,134,.2); }
.datepicker.datepicker-dropdown table tr td.disabled,
.datepicker.datepicker-dropdown table tr td.disabled:hover { background: transparent; color: #c1bec8; }
.datepicker.datepicker-dropdown table tr td.old,
.datepicker.datepicker-dropdown table tr td.new { color: #c1bec8; }
.datepicker.datepicker-dropdown::before,
.datepicker.datepicker-dropdown::after { display: none; }
#datumdolazak.form-control,
#datumodlazak.form-control { height: 52px; padding: 14px 18px; border: 1px solid #dcd7e5; border-radius: 12px; background: #fbfafd; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-size: 15px; box-shadow: none; }
#datumdolazak.form-control:focus,
#datumodlazak.form-control:focus { border-color: #5c4186; box-shadow: 0 0 0 3px rgba(92,65,134,.1); }
@media (max-width: 400px) {
    .datepicker.datepicker-dropdown { width: 304px; padding: 12px; }
    .datepicker.datepicker-dropdown table td,
    .datepicker.datepicker-dropdown table th { height: 35px; padding: 3px; }
}
