.calenca__day:focus-visible .calenca__day-num,
.calenca__day[tabindex="0"]:focus .calenca__day-num {
    box-shadow: none;
}


.calenca__day:not(.calenca__day--disabled):not(.calenca__day--other-month):hover .calenca__day-num,
.calenca__day:not(.calenca__day--disabled):not(.calenca__day--other-month):hover .calenca__day-num,
.calenca__day--in-range .calenca__day-num,
.calenca__day--in-range,
.calenca--rtl .calenca__day--range-end:not(.calenca__day--range-start),
.calenca--rtl .calenca__day--range-start:not(.calenca__day--range-end) {
    background: transparent;
}
 

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
}
 
.calenca__legend-item{
    display: flex;
}
.calenca__legend-item--sbhbt_special_events .calenca__legend-icon{
    transform: translateY(6px);
    line-height: 1;
}

:root {
 
    --sb-he-font-family: 'Alef', sans-serif;
    --sb-en-font-family: 'Alef', sans-serif;
 
    --sb-container-bg: #fff2e8;
    --sb-popup-bg: #fff2e8;

    --sb-fields-label-color: #374151;
    --sb-buttons-height: 40px;
    --sb-buttons-radius: 3px;
    --sb-buttons-radius_dropdowns: 3px;
    --sb-buttons-radius_inputs: 3px;
     

    --sb-submit-bg: #e67c25;
    --sb-submit-bg-hover: #e67c25;
    --sb-submit-border: #e67c25;
    --sb-submit-border-hover: #e67c25;
    --sb-submit-color: #fff;
    --sb-submit-color-hover: #fff;
    --sb-submit-font-size: 16px;

    --sb-font-size-big: 32px;
    --sb-font-size-big-screen: 24px;
    --sb-font-size: 12px;
    --sb-font-size-guests: 11px;
    --sb-font-size-small-screen: 10px;
    --sb-line-height: 1.4;

    --sb-icons_color: #e67c25;

    --sb-fields-background-color: #fff;
    --sb-fields-color: #000;




    --sb-drops-bg: #fff;
    --sb-drops_color: #000;
    --sb-drops-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);

    --sb-drops_border: 1px solid #fff;
    --sb-drops_fields_border: 1px solid #beb7a3;
    --sb-drops_fields_bg: #beb7a3;
    --sb-drops_fields_color: #000;

    --sb-drops-btn-ok-bg: #0071c2;
    --sb-drops-btn-ok-color: #fff;
    --sb-drops-btn-ok-border: 1px solid #0071c2;
    --sb-drops-btn-ok-bg-hover: #00487a;
    --sb-drops-btn-ok-color-hover: #fff;
    --sb-drops-btn-ok-border-hover: 1px solid #00487a;

    --sb-drops-btn-cancel-bg: transparent;
    --sb-drops-btn-cancel-color: #000;
    --sb-drops-btn-cancel-border: 1px solid transparent;
    --sb-drops-btn-cancel-bg-hover: rgba(0, 0, 0, 0.3);
    --sb-drops-btn-cancel-color-hover: #000;
    --sb-drops-btn-cancel-border-hover: 1px solid transparent;

    --sb-drops_icon_color: #000;

    --sb-drops_guests_btns_color: #000;
    --sb-drops_guests_btn_disabed_color: gray;
    --sb-drops_guests_btn_hover_color: #000;

    --sb-drops_kids_select_bg: #fff;
    --sb-drops_kids_select_color: #000;
    --sb-drops_kids_error: red;
    --sb-drops_kids_error_border: 1px solid red;


    --sb-calendar-background-color: #fff;
    --sb-calendar-day-radius: 3px;
    --sb-calendar-color: #000;
    --sb-calendar-range-traingle: #e67c25;
    --sb-calendar-range-bg: #eda366;
    --sb-calendar-range-color: #eda366;
    --sb-calendar-daynum-icon-color: #000;
    --sb-calendar-in-range-daynum-icon-color: #fff;
    --sb-calendar-day-hover-bg: #eff6ff;
    --sb-calendar-range-traingle-color: #fff;

    --sb-calendar-nav-icon-color: #000;
    --sb-calendar-nav-icon-border-color: #000;
    --sb-calendar-space-dates: 1px;
 

    --sb-calendar-tooltip-bg: #fff;
    --sb-calendar-tooltip-border: 1px solid #ccc;
    --sb-calendar-tooltip-color: #000;

    --sb-tooltip-title-font-size: 16px;
    --sb-tooltip-text-font-size: 12px; 

    --sb-buttons-bg: #fff;
    --sb-buttons-border: 1px solid #d9d9d9;




}


.calenca__day--today .calenca__day-num {
    border: 0;
    background: transparent;
}

.calenca__daylist-icon,
.calenca__daylist-group-title,
.calenca__daylist-label,
.calenca__day--today .calenca__day-num,
.calenca__weekday,
.calenca__title,
.calenca__day--disabled .calenca__day-num,
.calenca__day-num{
    color:var(--sb-calendar-color);
}

 
table.calenca__grid td,
table.calenca__grid th
{
    padding: var(--sb-calendar-space-dates) !important;
}

.calenca__tooltip,
.calenca__tooltip *{
    font-size: var(--sb-tooltip-text-font-size);
}
.sbhbt-special-event-tooltip-content h2{
    font-size: var(--sb-tooltip-title-font-size);
} 
.calenca__dialog {
    background-color: var(--sb-calendar-background-color);
 }

.sbhbt-special-event-tooltip,
.calenca__tooltip--text,
.calenca__tooltip>div {
    background-color: var(--sb-calendar-tooltip-bg);
    border: 1px solid var(--sb-calendar-tooltip-border);
}
.calenca__tooltip,
.calenca__tooltip * {
    color: var(--sb-calendar-tooltip-color);
}


.calenca__day--range-preview {
    background: transparent;
}

@media (hover: hover) {

    .calenca__day:not(.calenca__day--disabled):not(.calenca__day--other-month):hover .calenca__day-num,
    .calenca__day:not(.calenca__day--disabled):not(.calenca__day--other-month):hover .calenca__day-num {
        background: var(--sb-calendar-day-hover-bg);
    }

}


.sbhbt-search-form-promocode-field input {
    border: var(--sb-drops_fields_border);
    background-color: var(--sb-drops_fields_bg);
    color: var(--sb-drops_fields_color);
    border-radius: var(--sb-buttons-radius_inputs);
}



.calenca__day--range-preview .calenca__day-num {
    background: var(--sb-calendar-day-hover-bg);
}

.calenca__day[aria-selected="true"] .calenca__day-num {
    color: var(--sb-calendar-range-color);
}


.calenca__legend-icon svg path,
.calenca__day-marker svg path {
    stroke: var(--sb-calendar-daynum-icon-color);
}
.calenca__day--disabled .calenca__day-num{
    text-decoration: none;
    opacity: 0.5;
}
.calenca__legend-item ,
.calenca__legend-icon,
.calenca__day-marker--sbhbt_il_holidays,
.calenca__day-marker--sbhbt_special_events {
    color: var(--sb-calendar-daynum-icon-color);
}


.calenca__day[aria-selected="true"] .calenca__day-marker svg path {
    stroke: var(--sb-calendar-in-range-daynum-icon-color);
}

.calenca__day[aria-selected="true"] .calenca__day-marker--sbhbt_il_holidays,
.calenca__day[aria-selected="true"] .calenca__day-marker--sbhbt_special_events {
    color: var(--sb-calendar-in-range-daynum-icon-color);
}

.calenca__nav-icon svg {
    fill: var(--sb-calendar-nav-icon-color);
}


.calenca__nav-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--sb-buttons-radius);
    border: 1px solid var(--sb-calendar-nav-icon-border-color);
}

.calenca__day--other-month {
    visibility: hidden;
    opacity: 0;
}

.calenca__day {
    padding: 0;
}

.sbhbt-search-form-property-field,
.sbhbt-search-form-breakdown {
    background-color: var(--sb-fields-background-color);
    color: var(--sb-fields-color);
}

button.sbhbt-search-form-promocode-btn,
.sbhbt-search-form-additional-links a.modify,
.sbhbt-search-form-additional-links a.modify span,
.sbhbt-search-form-box>p {
    color: var(--sb-fields-label-color);
}

.sbhbt-search-form-btn {
   

    background-color: var(--sb-fields-background-color);


    border: var(--sb-buttons-border);
    border-radius: var(--sb-buttons-radius);
}

.calenca__day--range-preview .calenca__day-num,
.calenca__day--in-range .calenca__day-num,
.calenca__day-num {
    overflow: hidden;
    border-radius: var(--sb-calendar-day-radius);
}

.calenca__day[aria-selected="true"].calenca__day--range-start .calenca__day-num,
.calenca__day[aria-selected="true"].calenca__day--range-end .calenca__day-num,
.calenca__day--selected .calenca__day-num,
.calenca__day--range-start .calenca__day-num,
.calenca__day--range-end .calenca__day-num {
    background-color: transparent;
    color: var(--sb-calendar-range-traingle-color);
    font-weight: 400;
}
 

.calenca__day--in-range>span.calenca__day-num:hover,
.calenca__day--in-range>span.calenca__day-num {
    background-color: var(--sb-calendar-range-bg) !important;
}

.calenca__day--range-end>span.calenca__day-num:hover,
.calenca__day--range-end>span.calenca__day-num {
    background-color: var(--sb-calendar-range-bg) !important;
}

.calenca__day--range-start>span.calenca__day-num:hover,

.calenca__day--range-start>span.calenca__day-num {
    background-color: var(--sb-calendar-range-bg) !important;
}

.calenca__day--range-end>span::after,
.calenca__day--range-start>span::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    z-index: -1;
    transition: border-color .3s ease;
    left: 0;
    top: 0;
    border-width: var(--cal-cell-size) var(--cal-cell-size) 0 0;
    border-color: var(--sb-calendar-range-traingle) transparent transparent;
}


 


.calenca__day--range-end>span::after {
    border-color: transparent var(--sb-calendar-range-traingle) transparent;
}

html[dir="rtl"] .calenca__day--range-end>span::after {
    border-color: var(--sb-calendar-range-traingle) transparent transparent;
}

html[dir="rtl"] .calenca__day--range-start>span::after {
    border-color: transparent var(--sb-calendar-range-traingle) transparent;
}






.sbhbt-search-form *::-webkit-scrollbar {
    width: 4px;
}

/* Track */
.sbhbt-search-form *::-webkit-scrollbar-track {
    background: transparent;
}

/* Handle */
.sbhbt-search-form *::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.1);
    border-radius: 5px;
}

/* Handle on hover */
.sbhbt-search-form *::-webkit-scrollbar-thumb:hover {
    background: rgba(85, 85, 85, 0.9);
}



.sbhbt-search-form-guests-dropdown-item svg path {
    stroke: var(--sb-drops_guests_btns_color);
}

.sbhbt-search-form-guests-dropdown-item button.disabled svg path,
.sbhbt-search-form-guests-dropdown-item button.inactive svg path {
    stroke: var(--sb-drops_guests_btn_disabed_color);
}

.sbhbt-search-form-guests-dropdown-item button.inactive {
    opacity: 0.35;
    cursor: not-allowed;
    pointer-events: none;
}

dialog.sbhbt-search-form-dialog {
    border: 0;
    padding: 20px;
}

dialog.sbhbt-search-form-dialog:focus-visible {
    outline: none;
}

dialog.sbhbt-search-form-dialog button {
    background-color: transparent;
    border: 0;
    padding: 0;
    margin: 0;
    cursor: pointer;
}

.sbhbt-search-form-add-room svg path {
    stroke: var(--sb-icons_color);
}

button.sbhbt-search-form-promocode-btn svg,
.sbhbt-search-form-dropdown-toggle svg,
.sbhbt-search-form-additional-links a.modify svg,
.sbhbt-search-form-breakdown>svg {
    fill: var(--sb-icons_color);
}

.sbhbt-search-form-breakdown-num {
    font-size: var(--sb-font-size-big);
}


.sbhbt-search-form-promocode-field input,
.sbhbt-search-form button,
.sbhbt-search-form-promocode-field label,
.sbhbt-search-form-promocode-text,
.sbhbt-search-form-additional-links a.modify span,
button.sbhbt-search-form-guests-dropdown-room-remove,
.sbhbt-search-form-guests-dropdown-item span,
.sbhbt-search-form-guests-dropdown-room h2,
.sbhbt-search-form-dropdown-footer button,
.sbhbt-search-form-kids-ages span,
.sbhbt-search-form-breakdown-row span,
.sbhbt-search-form-box p,
.sbhbt-search-form-kids-ages-selects select {
    font-size: var(--sb-font-size);
}

.sbhbt-search-form-guests-field .sbhbt-search-form-breakdown-row span {
    font-size: var(--sb-font-size-guests);
}

button.sbhbt-search-form-guests-dropdown-room-remove,
.sbhbt-search-form-box p {
    line-height: var(--sb-line-height);
}

.sbhbt-search-form-dropdown-footer button,
.sbhbt-search-form-property-field,
.sbhbt-search-form-breakdown {
    border-radius: var(--sb-buttons-radius);
}
.calenca__dialog,
.calenca__tooltip,
.sbhbt-special-event-tooltip,
.sbhbt-search-form-dropdown
{
    border-radius: var(--sb-buttons-radius_dropdowns);
}

.sbhbt-search-form {
    background-color: var(--sb-container-bg);
}

.sbhbt-search-form-guests-count {
    font-size: var(--sb-font-size-big);
    line-height: var(--sb-line-height);
}

.sbhbt-search-form-btn {
    height: var(--sb-buttons-height);
}

a.sbhbt-search-form-mobile-open-popup-button ,
a.sbhbt-search-form-check-availability {
    background-color: var(--sb-submit-bg);
    border: 1px solid var(--sb-submit-border);
    color: var(--sb-submit-color);
    border-radius: var(--sb-buttons-radius);
    line-height: var(--sb-buttons-height);
    font-size: var(--sb-submit-font-size);
}

@media (hover: hover) {
    a.sbhbt-search-form-mobile-open-popup-button:hover,
    a.sbhbt-search-form-check-availability:hover {
        background-color: var(--sb-submit-bg-hover);
        border: 1px solid var(--sb-submit-border-hover);
        color: var(--sb-submit-color-hover);
    }
}

.sbhbt-search-form-add-room svg path,
.sbhbt-search-form-guests-dropdown-item button svg path {
    stroke: var(--sb-drops_icon_color);
}

.sbhbt-search-form-dropdown-footer .sbhbt-search-form-ok {
    background-color: var(--sb-drops-btn-ok-bg);
    border: 1px solid var(--sb-drops-btn-ok-border);
    color: var(--sb-drops-btn-ok-color);
}

.sbhbt-search-form-dropdown-footer .sbhbt-search-form-cancel {
    background-color: var(--sb-drops-btn-cancel-bg);
    border: 1px solid var(--sb-drops-btn-cancel-border);
    color: var(--sb-drops-btn-cancel-color);
}

.sbhbt-search-form-kids-ages span,
button.sbhbt-search-form-select-hotel,
.sbhbt-search-form-promocode-field label,
button.sbhbt-search-form-guests-dropdown-room-remove,
button.sbhbt-search-form-add-room,
.sbhbt-search-form-guests-dropdown-item span,
.sbhbt-search-form-guests-dropdown-room h2 {
    color: var(--sb-drops_color);
}

.sbhbt-search-form-dropdown {
    background-color: var(--sb-drops-bg); 
    box-shadow: var(--sb-drops-box-shadow);
}



@media (hover: hover) {
    .sbhbt-search-form-dropdown-footer .sbhbt-search-form-ok:hover {
        background-color: var(--sb-drops-btn-ok-bg-hover);
        border: 1px solid var(--sb-drops-btn-ok-border-hover);
        color: var(--sb-drops-btn-ok-color-hover);
    }

    .sbhbt-search-form-dropdown-footer .sbhbt-search-form-cancel:hover {
        background-color: var(--sb-drops-btn-cancel-bg-hover);
        border: 1px solid var(--sb-drops-btn-cancel-border-hover);
        color: var(--sb-drops-btn-cancel-color-hover);
    }

    .sbhbt-search-form-guests-dropdown-item button:hover svg path {
        stroke: var(--sb-drops_guests_btn_hover_color);
    }

}






/* calenda styles */
.calenca__day-num-in {
    position: relative;
    z-index: 1;
}

.calenca__panels {
    display: flex;
    gap: 20px;
    flex-direction: row;
    flex-wrap: nowrap;
}

.calenca__nav-btn--next-year,
.calenca__nav-btn--prev-year {
    display: none;
}

.calenca__nights {
    display: none;
}

.calenca--popup {
  max-width: 800px;
    /*margin-inline-start: -15px;*/
}

.calenca__nav-icon svg {
    width: 22px;
    height: 22px;
}

/* calenda styles */


.sbhbt-search-form * {
    box-sizing: border-box;
    font-family: var(--sb-en-font-family);
    line-height: 1;
}

html[lang="he"] .sbhbt-search-form * ,
html[lang="he-IL"] .sbhbt-search-form * 
{
    font-family: var(--sb-he-font-family);
}

.sbhbt-search-form button {
    margin: 0;
    cursor: pointer;
}

.sbhbt-search-form {
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    align-items: flex-end;
    padding: 10px;
}

.sbhbt-search-form-row {
    display: flex;
    gap: 10px;
    width: 100%;
    align-items: flex-end;
    flex-wrap: wrap;
}

.sbhbt-search-form-column {
    flex: 1;
    min-width: 0;
}


.sbhbt-search-form-additional-links a.modify {
    display: flex;
    gap: 5px;
    align-items: center;
}


.sbhbt-search-form-box {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.sbhbt-search-form-guests-select {
    display: flex;
    gap: 5px;

}


.sbhbt-search-form-box p {
    margin: 0;
}

.sbhbt-search-form-property-field,
.sbhbt-search-form-breakdown {
    display: flex;
    gap: 10px;
    padding: 5px;
    align-items: center;
    text-align: start;
    justify-content: space-between;
}


.sbhbt-search-form-breakdown>svg {
    margin-inline-start: auto;
}

.sbhbt-search-form-breakdown-num {
    font-weight: 700;
}

.sbhbt-search-form-breakdown-num {
    font-weight: 700;
}

.sbhbt-search-form-breakdown-row span {
    display: inline-block;
}

a.sbhbt-search-form-mobile-open-popup-button ,
a.sbhbt-search-form-check-availability {
    display: block;

    text-align: center;
    text-decoration: none;
}

.sbhbt-search-form-additional-links {
    order: 10;
    width: 100%;
    display: flex;
    align-items: center;
    flex: 0 0 100%;
    gap: 10px;
}

.sbhbt-search-form-dropdown {
    position: absolute;
    top: 100%;
    inset-inline-start: 0;
    z-index: 55;
    width: 100%;
    padding: 10px;
    display: none;
}

.sbhbt-search-form-dropdown-container {
    position: relative;
}

.sbhbt-search-form-dropdown-container.active .sbhbt-search-form-dropdown {
    display: block;
}

.sbhbt-search-form-dropdown-container.active .sbhbt-search-form-dropdown-toggle svg {
    transform: rotate(180deg);
}

.sbhbt-search-form-promocode {
    position: relative;
}

button.sbhbt-search-form-promocode-btn {
    display: flex;
    background-color: transparent;
    border: none;
    padding: 0;
    margin: 0;
    cursor: pointer;
    gap: 5px;
    align-items: center;
}

.sbhbt-search-form-additional-links a.modify svg,
button.sbhbt-search-form-promocode-btn svg {
    width: 16px;
    height: 16px;
    transform: translateY(4px);
}

button.sbhbt-search-form-select-hotel {
    background-color: transparent;
    width: 100%;
    line-height: 32px;
    display: block;
    text-align: start;
    border: 0;
}

.sbhbt-search-form-promocode-field {
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin-bottom: 20px;
}

.sbhbt-search-form-promocode-field label {
    margin: 0;
}

.sbhbt-search-form-promocode-field input {
    width: 100%;
    padding: 0 10px;
    border: 1px solid #ccc;
    height: 40px;
    line-height: 40px;
}

button.sbhbt-search-form-select-hotel.current {
    background-color: rgba(0, 0, 0, 0.1);
}

.sbhbt-search-form-dropdown {
    width: 280px;
}

.sbhbt-search-form-guests-dropdown-in {
    width: 100%;
}

.sbhbt-search-form-guests-dropdown-item span,
.sbhbt-search-form-guests-dropdown-room h2 {
    font-weight: 400;
    margin: 0;
}

.sbhbt-search-form-guests-dropdown-item span {
    margin: 0;
    /*  display: inline-block;*/
}

.sbhbt-search-form-guests-dropdown-item {
    display: flex;
    justify-content: space-between;
}

.sbhbt-search-form-guests-dropdown-item button {
    padding: 0;
    border: 0;
    margin: 0;
    background: transparent;
}

.sbhbt-search-form-guests-dropdown-item button svg {
    width: 24px;
    display: block;
    height: 24px;
}

.sbhbt-search-form-guests-dropdown-room,
.sbhbt-search-form-guests-dropdown-controls {
    display: flex;
    gap: 10px;
}

.sbhbt-search-form-guests-dropdown-room {
    flex-direction: column;
}

.sbhbt-search-form-dropdown-footer {
    display: flex;
    gap: 10px;
}

.sbhbt-search-form-dropdown-footer button {
    display: block;
    padding: 0 15px;
    cursor: pointer; 
    white-space: nowrap;
    font-weight: 400;
    height: 40px;
    line-height: 40px;
    margin-top: 0;

}


.sbhbt-search-form-add-room {
    display: flex;
    gap: 5px;
    background-color: transparent;
}

.sbhbt-search-form-add-room svg path {

    fill: none;
}

.sbhbt-search-form-add-room svg {
    width: 16px;
    height: 16px;
}


.sbhbt-search-form-kids-ages {
    display: none;
}

.sbhbt-search-form-guests-dropdown-room {
    padding-bottom: 10px;
    margin-bottom: 10px;

    border-bottom: 1px solid #ccc;
}

button.sbhbt-search-form-add-room {
    margin: 20px 0;
    border: 0;
}

.sbhbt-search-form-guests-dropdown-rooms {

    max-height: 300px;
    overflow: auto;
}




.sbhbt-search-form-kids-ages-selects {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.sbhbt-search-form-kids-ages-selects select {
    width: 80px;
    line-height: 25px;
    height: 25px;
}

.sbhbt-search-form-guests-dropdown-room-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.sbhbt-search-form-guests-dropdown-room-remove {
    background-color: transparent;
    padding: 0;
    margin: 0;
    border: none;
    text-decoration: underline;
}

.sbhbt-search-form-guests-dropdown-rooms>div:first-child .sbhbt-search-form-guests-dropdown-room-remove {
    display: none;
}

.sbhbt-search-form-select-hotel {
    padding: 0;
}

.sbhbt-search-form-place-hotel {
    padding: 0 10px;
}

.sbhbt-search-form-place-hotel {
    font-weight: 700;
}


@media (hover: hover) {
    button.sbhbt-search-form-select-hotel:hover {
        background-color: rgba(0, 0, 0, 0.1);
    }
}



/* holidays */
.calenca__day-marker--sbhbt_special_events,
.calenca__day-marker--sbhbt_sale_dates,
.calenca__day-marker--sbhbt_il_holidays {
    font-size: 20px;
}

.calenca__legend-item {
    font-size: 12px;
    line-height: 20px;
}

.calenca__legend-icon {
    font-size: 30px;
}

 
/*
.calenca__tooltip {
    transform: translateY(-3px);
}
*/
.calenca__day-marker svg,
.calenca__legend-icon svg {
    width: 15px;
    height: 15px;
}

.calenca__day-marker--sbhbt_il_holidays,
.calenca__day-marker--sbhbt_sale_dates,
.calenca__day-marker--sbhbt_special_events {
    position: absolute;
    top: 0;
    inset-inline-end: 0;
    z-index: 3;
}

.calenca__day-marker--sbhbt_sale_dates {
    inset-inline-end: auto;
    inset-inline-start: 0;
}

/* holidays */

/* special event */
 
.calenca__tooltip {
    padding: 3px;
}



.sbhbt-special-event-tooltip {
    display: flex;
    width: 100%;
    padding: 5px;

    gap: 10px;
    transform: translateY(-10px);
}

.sbhbt-special-event-tooltip-image {
    width: 80px;
    height: 80px;
    flex: 0 0 80px;
}

.sbhbt-special-event-tooltip-content {
    width: calc(100% - 90px);
    flex: 0 0 calc(100% - 90px);
}

.sbhbt-special-event-tooltip-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block
}

.sbhbt-special-event-tooltip-content p,
.sbhbt-special-event-tooltip-content h2 {
    margin: 0;
    font-size: 12px;
    line-height: 18px;
}

.sbhbt-special-event-tooltip-content h2 {
    font-weight: 700;
}

/* special event */



@media (max-width: 1024px) and (min-width: 768px) {

    .sbhbt-search-form-promocode-field label,
    .sbhbt-search-form-promocode-text,
    .sbhbt-search-form-additional-links a.modify span,
    button.sbhbt-search-form-guests-dropdown-room-remove,
    .sbhbt-search-form-guests-dropdown-item span,
    .sbhbt-search-form-guests-dropdown-room h2,
    .sbhbt-search-form-dropdown-footer button,
    .sbhbt-search-form-kids-ages span,
    .sbhbt-search-form-breakdown-row span,
    .sbhbt-search-form-box p,
    .sbhbt-search-form-kids-ages-selects select {
        font-size: var(--sb-font-size-small-screen);
    }

    .sbhbt-search-form-breakdown-num {
        font-size: var(--sb-font-size-big-screen);
    }

    .sbhbt-search-form-row {
        gap: 5px;
    }

    .sbhbt-search-form-property-field,
    .sbhbt-search-form-breakdown {
        gap: 5px;
    }
}



 
.sbhbt-search-form-dialog-body-mobile-open-popup{
    width: 100%;    display: flex;
}
.sbhbt-search-form{
    width: 100%;
}

.sbhbt-search-form-dialog-mobile-open-popup[open]{
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    border: 0 !important;
    padding: 10px;
    max-width: 100%;
    max-height: 100%;
    position: fixed;
    top: 0;
    right: 0;
    z-index:9000;
}
.sbhbt-search-form-dialog-close-mobile-open-popup{
    background-color: transparent;
    border: 0;
    padding: 0;
    margin: 0;
    cursor: pointer;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50px;
    inset-inline-start: 10px;
    z-index: 10000;
}
.calenca__dialog{
    box-shadow: none;
}
 
.sbhbt-calenca-popup .calenca__dialog{
    height: calc(var(--vh, 1vh) * 100);
    max-height: calc(var(--vh, 1vh) * 100); 
    display: flex;
    flex-direction: column;
    padding-top: 60px;
}
.sbhbt-calenca-popup .calenca__daylist{
    max-height: 50vh;
}
.sbhbt-calenca-popup{
    background-color: var(--sb-calendar-background-color);
    overflow-y: auto; 
        border: 0;
        height: 100vh;
        max-height: 100vh;
        height: calc(var(--vh, 1vh) * 100);
        max-height: calc(var(--vh, 1vh) * 100);
        display: flex;
        flex-direction: column;
 
}
.sbhbt-calenca-popup .calenca__daylist-group-title{
    margin-bottom: 10px;
}
.sbhbt-calenca-popup .calenca__daylist-date,
.sbhbt-calenca-popup .calenca__daylist-item-date
{
    display: none;
}
.sbhbt-calenca-popup .calenca__panels{
  
    height: calc(100vh - 40px);
    height: calc((var(--vh, 1vh) * 100) - 50px);
    overflow-y: auto;
}
.sbhbt-search-form-dialog-content-mobile-open-popup{
     
    height: calc(100vh - 40px);
    height: calc((var(--vh, 1vh) * 100) - 50px);
    overflow-y: auto; 
    display: flex;
    align-items: center;
}
.calenca__close-btn {
    background-color: transparent;
}
.calenca__close-btn svg{
    width: 30px;
    height: 30px;
}


/* --calenca-table-size*/
.calenca  .calenca__day-num { 
    width: var(--calenca-table-size);
    height: var(--calenca-table-size);

}
.calenca  .calenca__day--range-end>span::after, 
.calenca  .calenca__day--range-start>span::after{
    border-width: var(--calenca-table-size) var(--calenca-table-size) 0 0;
}
.sbhbt-search-form-dialog-mobile-open-popup{
    background-color: var(--sb-popup-bg);
}

.sbhbt-calenca-popup .calenca__day-marker--sbhbt_il_holidays, 
.sbhbt-calenca-popup .calenca__day-marker--sbhbt_special_events {
    position: absolute;
    top: 5px;
    inset-inline-end: 5px;
    z-index: 3;
}


@media (max-width: 768px) {
    .sbhbt-search-form-column {
        width: 100%;
        flex: 0 0 100%;
    }

    .sbhbt-search-form-property-field,
    .sbhbt-search-form-breakdown {
        gap: 5px;
    }

    .sbhbt-search-form-column.sbhbt-search-form-checkin,
    .sbhbt-search-form-column.sbhbt-search-form-checkout {
        width: calc(50% - 5px);
        flex: 0 0 calc(50% - 5px);
    }

    .sbhbt-search-form-dropdown {
        width: 100%;
    }

    .calenca--popup {
        left:0!important;
        width: 100%;
        margin-inline-start: 0;
    }

    .calenca__panels {
        /*width: 287px;*/
        margin: auto;
    }

    .sbhbt-search-form-additional-links {
        flex-direction: row-reverse;
        justify-content: space-between;
        width: 100%;
        flex: 0 0 100%;
    }

    .sbhbt-search-form-additional-links {
        position: relative;
    }

    .sbhbt-search-form-promocode {
        position: static;
    }


    dialog .sbhbt-search-form-column.sbhbt-search-form-checkin,
    dialog .sbhbt-search-form-column.sbhbt-search-form-checkout {
        width: 100%;
        flex: 0 0 100%;
    }

    dialog .sbhbt-search-form-additional-links{
        flex-direction: column;
        gap: 10px;
        width: 100%;
        align-items: flex-start;
        flex: 0 0 100%;
    }

   
}