.apartment-booking {
font-family: var(--e-global-typography-text-font-family, "Open Sans"), sans-serif;
font-weight: var(--e-global-typography-text-font-weight, 400);
color: var(--e-global-color-text, #2C2C2C);
}
.apartment-booking__max {
color: var(--e-global-color-0ae28a6, #6F6F6F);
}
.apartment-booking__title {
font-family: var(--e-global-typography-accent-font-family, "Open Sans"), sans-serif;
font-weight: var(--e-global-typography-accent-font-weight, 700);
}
.apartment-booking__slider {
display: flex;
align-items: center;
gap: 8px;
margin:16px 0px 32px;
}
.apartment-booking__weeks {
display: flex;
flex: 1;
gap: 10px;
overflow-x: auto;
scrollbar-width: none;
}
.apartment-booking__weeks::-webkit-scrollbar {
display: none;
}
.apartment-booking__week {
position: relative; display: flex; }
.apartment-booking__week input {
position: absolute;
opacity: 0;
}
.apartment-booking__week span {
display: flex;
flex: 1;
flex-direction: column;
justify-content: center;
padding: 10px 18px;
background: var(--e-global-color-secondary, #F5F1E4);
border: 1px solid var(--e-global-color-e2ebdd4, #D3D3D3);
border-radius: 6px;
white-space: nowrap;
cursor: pointer;
font-weight: var(--e-global-typography-accent-font-weight, 700);
}
.apartment-booking__week input:checked + span {
border: 2px solid var(--e-global-color-primary, #D9000D);
padding: 9px 17px; } .apartment-booking__week--booked span {
background: transparent;
border-style: dashed;
color: var(--e-global-color-0ae28a6, #6F6F6F);
cursor: not-allowed;
font-weight: var(--e-global-typography-text-font-weight, 400);
text-align: center;
} .apartment-booking__week small {
display: block;
margin-top: 2px;
font-size: .68em;
font-weight: var(--e-global-typography-accent-font-weight, 700);
letter-spacing: .05em;
text-align: center;
text-transform: uppercase;
color: var(--e-global-color-primary, #D9000D);
}
.apartment-booking__arrow {
background: transparent !important;
border: 0;
cursor: pointer;
font-size: 1.4em;
color: var(--e-global-color-text, #2C2C2C) !important;
padding: 0 4px !important;
}
.apartment-booking__price{
padding:8px 0px;
border-top:1px solid #aaaaaa;
border-bottom:1px solid #aaaaaa;
}
.apartment-booking__price .woocommerce-Price-amount,
.apartment-booking__price em {
color: var(--e-global-color-primary, #D9000D);
}
.apartment-booking__price .woocommerce-Price-amount {
font-size: 2.2em;
font-weight: var(--e-global-typography-accent-font-weight, 700);
} .apartment-booking__price del {
margin-right: 8px;
text-decoration: line-through;
}
.apartment-booking__price del .woocommerce-Price-amount {
font-size: 1.3em;
font-weight: var(--e-global-typography-text-font-weight, 400);
color: var(--e-global-color-0ae28a6, #6F6F6F);
}
.apartment-booking__price ins {
text-decoration: none;
}
.apartment-booking__skipass {
display: flex;
align-items: center;
gap: 12px;
font-weight: var(--e-global-typography-accent-font-weight, 700);
}
.apartment-booking__skipass[hidden] {
display: none; }
.apartment-booking__skipass-logo {
width: 56px;
height: auto;
flex-shrink: 0;
}
.apartment-booking__persons label {
display: inline-flex;
align-items: center;
gap: 10px;
font-weight: var(--e-global-typography-accent-font-weight, 700);
}
.apartment-booking__persons select {
appearance: none;
-webkit-appearance: none;
padding: 10px 42px 10px 18px;
background: var(--e-global-color-secondary, #F5F1E4)
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%232C2C2C' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E")
no-repeat right 15px center / 12px auto;
border: 1px solid var(--e-global-color-e2ebdd4, #D3D3D3);
border-radius: 6px;
font-family: inherit;
font-size: 1em;
font-weight: var(--e-global-typography-accent-font-weight, 700);
color: var(--e-global-color-text, #2C2C2C);
cursor: pointer;
}
.apartment-booking__persons select:focus {
outline: none;
border-color: var(--e-global-color-primary, #D9000D);
}
.apartment-booking__submit.button {
background: var(--e-global-color-85d5d2d, #227C26);
} .woocommerce-cart-form th.product-quantity,
.woocommerce-cart-form td.product-quantity {
display: none;
} .apartment-services {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(min(280px, 100%), 1fr));
gap: 24px;
margin: 24px 0;
font-family: var(--e-global-typography-text-font-family, "Open Sans"), sans-serif;
font-weight: var(--e-global-typography-text-font-weight, 400);
color: var(--e-global-color-text, #2C2C2C);
}
.apartment-service {
display: flex;
align-items: center;
gap: 12px;
cursor: pointer;
}
.apartment-service input {
width: 26px;
height: 26px;
flex-shrink: 0;
accent-color: var(--e-global-color-85d5d2d, #227C26);
}
.apartment-service img {
width: 26px;
height: auto;
flex-shrink: 0;
}
.apartment-service__name {
display: block;
font-family: var(--e-global-typography-accent-font-family, "Open Sans"), sans-serif;
font-weight: var(--e-global-typography-accent-font-weight, 700);
}
.apartment-service__desc {
color: var(--e-global-color-0ae28a6, #6F6F6F);
font-size: .8em;
} .room-services {
display: flex;
flex-wrap: wrap;
gap: 28px 32px;
margin: 0;
padding: 0;
list-style: none;
font-family: var(--e-global-typography-text-font-family, "Open Sans"), sans-serif;
}
.room-service {
display: flex;
flex-direction: column;
align-items: center;
gap: 10px;
margin: 0;
padding: 0;
flex: 0 0 auto;
max-width: 120px;
text-align: center;
}
@media(max-width:767px){
.room-service{
display:grid;
grid-template-columns: 44px 1fr;
gap: 10px;
max-width: 100%;
}
}
.room-service__icon {
display: block;
width: 44px;
height: 44px;
object-fit: contain;
filter: brightness(0);
}
.room-service__label {
display: block;
color: var(--e-global-color-primary, #D9000D);
font-family: var(--e-global-typography-accent-font-family, "Open Sans"), sans-serif;
font-weight: var(--e-global-typography-accent-font-weight, 700);
font-size: .85em;
line-height: 1.25;
}.woocommerce .elementor-product-price-block-yes.elementor-widget-woocommerce-product-price .price del,.woocommerce .elementor-product-price-block-yes.elementor-widget-woocommerce-product-price .price ins{display:block}