/* 1. Ustawiamy kontener listy jako pozycję bazową */
.time-arrival-option {
    position: relative !important;
}

/* 2. Wyciągamy rozwiniętą listę na samą górę i pozycjonujemy ją absolutnie */
.time-arrival-option .select-items {
    position: absolute !important;
    z-index: 9999 !important; /* Bardzo wysoki z-index, żeby przykryć wszystko pod spodem */
    top: 100%; /* Rozwija się idealnie pod wybraną opcją */
    left: 0;
    right: 0;
    
    /* Opcjonalnie: dodaj suwak, jeśli opcji jest dużo, żeby lista nie była nieskończenie długa */
    max-height: 250px; 
    overflow-y: auto;
    
    /* Stylizacja tła, żeby nie było przezroczyste */
    background-color: #fff; 
    border: 1px solid #ccc; /* Dopasuj do swojego designu */
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

/* 3. Upewniamy się, że żaden z kontenerów nadrzędnych nie ucina zawartości */
.arrival-wrapper,
.box-sub,
.booking-details.row {
    overflow: visible !important;
}

@font-face {
  font-family: 'Montserrat';
  src: url('https://cdn.jsdelivr.net/npm/@fontsource/montserrat@5/files/montserrat-latin-ext-400-normal.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  unicode-range: U+0100-024F;
}

@font-face {
  font-family: 'Montserrat';
  src: url('https://cdn.jsdelivr.net/npm/@fontsource/montserrat@5/files/montserrat-latin-400-normal.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  unicode-range: U+0000-00FF;
}

@font-face {
  font-family: 'Montserrat';
  src: url('https://cdn.jsdelivr.net/npm/@fontsource/montserrat@5/files/montserrat-latin-ext-500-normal.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  unicode-range: U+0100-024F;
}

@font-face {
  font-family: 'Montserrat';
  src: url('https://cdn.jsdelivr.net/npm/@fontsource/montserrat@5/files/montserrat-latin-500-normal.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  unicode-range: U+0000-00FF;
}

@font-face {
  font-family: 'Montserrat';
  src: url('https://cdn.jsdelivr.net/npm/@fontsource/montserrat@5/files/montserrat-latin-ext-600-normal.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  unicode-range: U+0100-024F;
}

@font-face {
  font-family: 'Montserrat';
  src: url('https://cdn.jsdelivr.net/npm/@fontsource/montserrat@5/files/montserrat-latin-600-normal.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  unicode-range: U+0000-00FF;
}

@font-face {
  font-family: 'Montserrat';
  src: url('https://cdn.jsdelivr.net/npm/@fontsource/montserrat@5/files/montserrat-latin-ext-700-normal.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  unicode-range: U+0100-024F;
}

@font-face {
  font-family: 'Montserrat';
  src: url('https://cdn.jsdelivr.net/npm/@fontsource/montserrat@5/files/montserrat-latin-700-normal.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  unicode-range: U+0000-00FF;
}

html, html:root {
    --button1-background: #c6ac79;
    --button-background-proceed#c6ac79;
    --button1-background-hover: #231F20;
    --button2-background: #c6ac79;
    --button2-background-hover: #231F20;
    --button3-background: #c6ac79;
    --button3-background-hover: #231F20;
    --body-background-color: #FAF8F4;
    --supportcolor1: #c6ac79;
    --mainColor: #231F20;
    --calendar-persons-icon: #c6ac79;
    --breadcrumb-active: #c6ac79;
--breadcrumb-inactive: #858585;
--dark-background-text: #231F20;
--link-text:#c6ac79;
--subtile-background:rgba(198, 172, 121, 0.08);
--subbutton-background: #fff;
--button-background-proceed:#c6ac79;
--table-background:rgb(233, 233, 233);
--summary-color:#231F20;
--promo-price-color: #231F20;
}

html,body {
background-color:#FAF8F4 !important;

}
body * {
    font-family: 'Montserrat' !important;
}



.calendar-menu-cop .hidden-xs {
    display: flex !important;
    align-items: center;
}
.room-name-h2 {
    color: #231F20 !important;
}


.room .room-info {
    padding: 12px 0;
}

.css-rooms-form .virtual {
    -webkit-box-shadow: 0px 4px 10px -3px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0px 4px 10px -3px rgba(0, 0, 0, 0.15);
box-shadow: 0px 4px 10px -3px rgba(0, 0, 0, 0.15);

border-radius: 16px;
}
.css-rooms-form .virtual:hover {
    -webkit-box-shadow: 0px 4px 10px -3px rgba(0, 0, 0, 0.23) !important;
-moz-box-shadow: 0px 4px 10px -3px rgba(0, 0, 0, 0.23) !important;
box-shadow: 0px 4px 10px -3px rgba(0, 0, 0, 0.23) !important;
}

.bread-crumb-table {
    margin-bottom: 32px;
}
.footer-info {
    margin-top: 32px;
}

body.shadow {
    box-shadow: none !important;
}
.promotion-name {
    display: block;
    margin-bottom: 8px;
}
.affix-options {
        margin: 16px 0 16px 0;
}

@media (min-width: 758px) {
    .room .item:not(.room-label-wrapper) {
        max-width: 30% !important;
    }
}

.nav-summary_button {
    display: flex;
    align-items: center;
}

.btn-big:not(.btn-modal-link) {
    padding:4px 6px !important;
    height: fit-content !important;
}

.header.no-gutter {
    margin-top: 24px;
}