/* Header */
.header__wrapper{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 0;
}
.header.mobile.fixed-menu{
    position: fixed;
    top: 0;
    width: 100%;
    left: 0;
    background-color: var(--WHITE);
    z-index: 99999;
}
.header__main-navigation.fixed-menu{
    position: fixed;
    top: 0;
    width: 100%;
    left: 0;
    z-index: 999;

}
.header__right,
.header__left{
    display: flex;
    align-items: center;
    gap: 50px;
}

.header__contact{
    display: flex;
    align-items: center;
    gap: 15px;
}

.floor-tab-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.floor-tab-btn {
      font-size: 15px;
    font-weight: bold;
    padding: 20px 0 15px;
    border-bottom: 1px solid var(--GREY);
    cursor: pointer;
    transition: 0.2s;
    min-width: 150px;
    border-radius: 35px 35px 0 0;
    border: none;
}

.floor-tab-btn:hover {
  background: #e9e9e9;
}
.floor-tab-btn.active {
	background-color: var(--GREEN);
    color: var(--WHITE);
}
.floor_plan {
  display: none;
  margin-top: -10px;
}
.floor_plan.active .hotspots-container.loaded .hotspots-image-container>img {
    opacity: 1;
}
.floor_plan.active {
  display: block;
}

/* Submenu */
.header__menu li.menu-item-has-children > a::after {
    content: "▾"; /* arba naudok \25BC */
    margin-left: 3px;
    font-size: 17px;
    display: inline-block;
    transition: transform 0.2s ease;
}
.header__menu li.menu-item-has-children:hover > a::after {
    transform: rotate(180deg);
}

.header__menu {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex; /* horizontaliai */
    gap: 20px;
}
.header.mobile .header__menu .sub-menu {
    display: none;
    position: relative;
    background: white;
    list-style: none;
    margin: 0;
    padding: 10px 0;
    box-shadow: unset;
    z-index: 9999;
    right: unset;
}
.header__menu .sub-menu {
    display: none;
    position: absolute;
    background: white;
    list-style: none;
    margin: 0;
    padding: 10px 0;
    box-shadow: 0 2px 6px rgba(0,0,0,0.15);
    z-index: 9999;
    right: 0;
}
.header__menu li:hover > .sub-menu {
    display: block;
}
.header__menu .sub-menu li {
    padding: 8px 20px;
    white-space: nowrap;
    width: 250px;
    text-wrap: inherit;
    text-align: right;
}
.header.mobile  .header__menu .sub-menu li {
    padding: 0px 0px;
    width: unset;
    text-wrap: inherit;
    text-align: left;
    margin: 20px 20px !important;
}
.header__menu li {
    position: relative;
}

.header__contact-content h4{
    color: var(--GREY);
}
.header__contact-content a{
    color: var(--GREY);
}
.header__contact--cart h4,
.header__contact--address h4,
.header__contact--phone a{
    font-weight: bold;
    margin-bottom: 5px;
    display: block;
}
.header__nav{
    background-color: var(--GREY-LIGHT);
    padding: 23px 0;
    border-radius: 10px;
    margin-bottom: 50px;
}
ul.header__menu li.menu-item a:hover{
    color: var(--GREY);
}
ul.header__menu li.menu-item a{
    color: var(--GREEN);
    font-size: 16px;
    font-weight: bold;
    transition: all 0.2s;
}
ul.header__menu{
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: space-around;
}
.header.mobile  .header__contact {
    margin-bottom: 30px;
}
.header.mobile  .header__contact .header__contact-image img{
    width: 25px;
    height: 25px;
    max-width: unset;
    object-fit: contain;
}
.header.mobile .header__wrapper .header__button{
    display: flex;
    align-items: center;
    gap: 20px;
}
.header.mobile .header__wrapper .header__logo img{
    height: 60px;
}
.header.mobile .header__wrapper{
    padding: 10px 0;
}
.header.mobile .header__mobile-show .header__nav li{
    margin: 20px 0;
}
.header.mobile .header__mobile-show ul.header__menu {
    display: block;
}
.header.mobile .header__mobile-show .header__nav{
    background-color: transparent;
}
.header.mobile .header__mobile-show{
    width: 70%;
    position: fixed;
    top: 0;
    background-color: var(--WHITE);
    z-index: 9999;
    right: 0;
    height: 100vh;
    padding: 30px;
    overflow-x: scroll;
}
.page-template-default .page-content a{
	color: var(--GREEN);
	border-bottom: 1px solid;
}
/* Home */
.sale__grid{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 50px;
}
article .sale__content h2 {
    color: var(--GREEN);
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 15px;
}
.sale-post .sale__wrapper{
    grid-template-columns: 1fr;
    gap: 15px;
}
.sale-post .sale__thumbnail img {
    height: 250px;
    width: 100%;
    object-fit: cover;
}
.page-template-page-home .sale__posts .section__title,
.page-template-page-home .blog__posts .section__title{
    color: var(--GREEN);
    font-weight: 700;
    font-size: 36px;
    line-height: 44px;
    margin: 50px 0 30px;
}
.page-template-page-home .blog-post__grid{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 50px;
}
.page-template-page-home .hero__content .hero__content__center{
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}
.page-template-page-home .hero__content .hero__heading{

    color: var(--WHITE);
    font-size: 40px;
    font-weight: 800;
    line-height: 1.5;
}
.page-template-page-home .hero__content .hero__image {
    position: relative;
    overflow: hidden;
}
.page-template-page-home .hero__content .hero__image img{
    height: 500px;
    width: 100%;
    object-fit: cover;
    display: block;
    position: relative;
    filter: brightness(0.7);
}
.page-template-page-home .hero__content .main-btn{
    margin-top: 30px;
    display: inline-block;
}
.page-template-page-home .hero__content{
    position: relative;
    height: 500px;
}
/* Default page template */
.page-template-default .page-content p strong{
    font-weight: bold;
}
.page-template-default .page-content p{
    margin-bottom: 15px;
}
.page-template-default .page-content ul li{
    margin-bottom: 10px;
}
.page-template-default .page-content ul{
    padding-left: 2rem;
	margin-top: 15px;
}
.page-template-default .page-content h6,
.page-template-default .page-content h5,
.page-template-default .page-content h4{
    color: var(--GREEN);
    font-size: 16px;
    font-weight: 800;
    padding: 15px 0;

}
.page-template-default .page-content h3{
    color: var(--GREEN);
    font-size: 20px;
    font-weight: 800;
    padding: 15px 0;

}
.page-template-default .page-content h2{
    color: var(--GREEN);
    font-size: 24px;
    font-weight: 800;
    padding: 15px 0;
}
.page-template-default .page-content{

}
/* Dashboard */
.dashboard__wrapper-today .floor__title{
    font-size: 18px;
    font-weight: bold;
    color: var(--GREEN);
    margin-bottom: 20px;
}
.dashboard__wrapper-today .floor {
    margin-bottom: 20px;
}
.dashboard__wrapper-today .current_date img{
    position: relative;
    top: -4px;
}
.dashboard__wrapper-add .section-heading,
.dashboard__wrapper-today .section-heading{
    font-size: 12px;
    color: var(--GREY);
    display: block;
    margin: 20px 0;
}
.dashboard__wrapper-today .current_date{
    font-size: 18px;
    color: var(--GREY);
    display: flex;
    font-weight: bold;
    margin: 0px 0 20px;
    gap: 10px;
    vertical-align: middle;
}
.dashboard__wrapper-today .room-details__wrap{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    justify-content: space-between;
}
.dashboard__wrapper-today .room{
    border-bottom: 1px solid var(--GREY-SOFT);
    padding-bottom: 6px;
    margin-bottom: 6px;
}
.dashboard__wrapper-today  .room-title.active::before  {
   transform: rotate(180deg);
}
.dashboard__wrapper-today  .room-title::before {
    content: "";
    width: 17px;
    height: 17px;
    background: transparent url(../assets/icons/chevron-down.svg) no-repeat;
    background-size: contain;
    position: absolute;
    right: 0;
    top: 4px;
}
.dashboard__wrapper-today  .room-title {
    font-weight: bold;
    color: var(--GREY);
    font-size: 15px;
    cursor: pointer;
     position: relative;
}
.dashboard__wrapper-today .room-details {
    margin-top: 10px;
    display: none; /* Hidden by default */
}
.dashboard__wrapper-today .room-details p img{
    width: 14px;
}
.dashboard__wrapper-today .room-details p {
    margin: 5px 0;
    gap: 7px;
    align-items: center;
    display: flex;
}
.dashboard__wrapper-today .room-details a {
    color: var(--GREY);
    border-bottom: 1px solid;
    text-decoration: none;
}
.room-details a:hover {
    text-decoration: underline;
}
.dashboard__wrapper-add #tabs .tab-content ul.tab-room li{
    border-bottom: 1px solid var(--GREY-SOFT);
    padding-bottom: 6px;
    margin-bottom: 6px;
}
.dashboard__wrapper-add #tabs ul.tab-nav {
    list-style: none;
    display: flex;
    margin-bottom: 20px;
}

.dashboard__wrapper-add #tabs ul.tab-nav li {
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    background-color: var(--GREEN);
    margin-right: 4px;
    position: relative;
}
.dashboard__wrapper-add #tabs ul.tab-nav li:not(:has(a.active)) {
    opacity: 0.5;
    cursor: default; 
}
.dashboard__wrapper-add #tabs ul.tab-nav li a {
    font-size: 16px;
    color: var(--WHITE);
    font-weight: 700;
    padding: 15.5px 20px;
    display: block;
}
.dashboard__wrapper-add #tabs .tab-content.active {
    display: block; 
}
.dashboard__wrapper-add #tabs  .tab-content ul .room-title{
    font-weight: bold;
    color: var(--GREY);
    font-size: 15px;
    cursor: pointer;
    position: relative;
}
.dashboard__wrapper-add #tabs .tab-content ul .room-title.active:before {
    transform: rotate(180deg);
}
.dashboard__wrapper-add #tabs .tab-content ul .room-title:before {
    content: "";
    width: 17px;
    height: 17px;
    background: transparent url(../assets/icons/chevron-down.svg) no-repeat;
    background-size: contain;
    position: absolute;
    right: 0;
    top: 4px;
}
.dashboard__wrapper-add #tabs  .tab-content ul{
    list-style: none;
}
.dashboard__wrapper-add .beds-single__wrapper .beds-single__title{
    display: flex;
    align-items: center;
    vertical-align: middle;
    gap: 10px;
}
.dashboard__wrapper-add .beds-single__wrapper{
    font-weight: bold;
    color: var(--GREY);
    font-size: 15px;
    display: flex;
    align-items: center;
    vertical-align: middle;
    justify-content: space-between;
    margin: 20px 0;
}
.dashboard__wrapper-add #tabs  .tab-content {
    display: none;
    border-top: none;
}
form[id^="rezervacijos-forma-dashboard"] .form-group input[type="text"]{
    height: 34px;
    border-radius: 30px;
    border: 1px solid #DBDBDB;
    padding: 0px 30px;
    width: 100%;
}
form[id^="rezervacijos-forma-dashboard"] .form-group .flatpickr-input{
    height: 34px;
    border: none;
    padding: 8px 17px;
    font-size: 13px;
    width: 215px;
    padding-right: 35px; /* Adds space for the icon */
    background: url(/wp-content/themes/puslapiaiverslui/assets/icons/calendar.svg) no-repeat;
    background-position: calc(100% - 20px) center; /* Position 20px from the right */
    background-size: 18px 18px; /* Adjust icon size */
    background-color: var(--WHITE);
    position: relative;
} 
form[id^="rezervacijos-forma-dashboard"] .form-group label{
    color: var(--GREY);
    font-weight: 500;
    width: 100%;
    display: block;
    margin-bottom: 5px;
}
form[id^="rezervacijos-forma-dashboard"]{
    margin-bottom: 30px;
}
form[id^="rezervacijos-forma-dashboard"] #submit:hover {
    background-color: transparent;
    color: var(--GREEN);
}
form[id^="rezervacijos-forma-dashboard"] #submit{
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 8px 19px;
    border: 1px solid var(--GREEN);
    background-color: var(--GREEN);
    color: var(--WHITE);
    border-radius: 30px;
    transition: all 0.2s;
    cursor: pointer;
}
form[id^="rezervacijos-forma-dashboard"] .form-group__flex{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 50px;
    margin-bottom: 10px;
}
#hostel-calendar .fc-h-event .fc-event-main .fc-event-title{
    font-weight: bold;
}
#hostel-calendar .fc-h-event .fc-event-main a img{
    height: 11px;
    margin-right: 6px;
}
#hostel-calendar .fc-h-event .fc-event-main a{
    font-weight: bold;
    color: var(--GREY);
}
#hostel-calendar .fc-h-event .fc-event-main{
    font-size: 12px;
    color: var(--GREY);
}
#hostel-calendar .fc-h-event {
    background-color: var(--GREY-LIGHT);
    border: 1px solid #ddd;
}
#hostel-calendar .fc-col-header-cell-cushion{
    font-size: 14px;
    color: var(--GREY);
    font-weight: bold;
}
#hostel-calendar .fc-theme-standard .fc-scrollgrid {
    border: 1px solid var(--GREY-LIGHT);
}
#hostel-calendar .fc-header-toolbar .fc-toolbar-chunk .fc-toolbar-title{
    font-size: 16px;
    color: var(--WHITE);
    font-weight: 700;
}
#hostel-calendar .fc-header-toolbar .fc-toolbar-chunk .fc-button-primary{
    background-color: var(--GREEN);
    border-color: var(--GREEN);
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}
#hostel-calendar .fc-header-toolbar{
    background-color: var(--GREEN);
    margin-bottom: 0;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    padding: 9px 4px;
}
.dashboard__wrapper{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 50px;
}
/* Rezervacija / Kambarys */
.room__gallery-grid{
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* Three equal columns */
    gap: 10px;
    margin-bottom: 30px;
}
.room__gallery-grid a:nth-child(1) {
    grid-column: span 2; /* First image spans 2/3 */
}
.room__gallery-grid a:nth-child(2) {
    grid-column: span 1; /* Second image 1/3 */
}
.room__gallery-grid a img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}
.page-template-page-rezervacija .section_title{
    margin-bottom: 35px;
}
.page-template-page-rezervacija .section.search-form{
    margin: 50px 0;
}
.page-template-page-rezervacija .room__features{
    width: 30%;
}
.page-template-page-rezervacija .room-wrapper .room__gallery{
    width: 70%;
}
.page-template-page-rezervacija .room__features-icon{
    height: 25px;
    width: 25px;
    object-fit: contain;
}
.page-template-page-rezervacija .room__feature-single{
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 30px;
}
.page-template-page-rezervacija .room-wrapper{
    display: flex;
    gap: 70px;
    width: 100%;
}

/* Room Tooltip Styles */
.room-tooltip {
    position: absolute;
    background: white;
    padding: 15px;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    z-index: 1000;
    pointer-events: none;
}

.room-tooltip h3 {
    margin: 0 0 10px 0;
    color: #333;
    font-size: 16px;
}

.room-tooltip p {
    margin: 5px 0;
    color: #666;
}

.availability-status {
    margin-top: 15px;
    padding: 8px;
    border-radius: 4px;
}

.status {
    display: inline-block;
    padding: 5px 10px;
    border-radius: 4px;
    font-weight: bold;
}

.status.available {
    background-color: #4CAF50;
    color: white;
}

.status.unavailable {
    background-color: #f44336;
    color: white;
}

form#rezervacijos-forma-mobile .form-group input[name="zmoniu_skaicius-mobile"],
form#rezervacijos-forma .form-group input[name="zmoniu_skaicius"]{
    height: 34px;
    border: none;
    padding: 8px 17px;
    font-size: 13px;
    width: 100px;
    padding-right: 35px; /* Adds space for the icon */
    background: url('/wp-content/themes/puslapiaiverslui/assets/icons/user.svg') no-repeat 70px center;
    background-size: 18px 18px; /* Adjust icon size */
    background-color: var(--WHITE);
    position: relative;
}
form#rezervacijos-forma-mobile .form-group .flatpickr-input ,
form#rezervacijos-forma .form-group .flatpickr-input {
    height: 34px;
    border: none;
    padding: 8px 17px;
    font-size: 13px;
    width: 215px;
    padding-right: 35px; /* Adds space for the icon */
    background: url('/wp-content/themes/puslapiaiverslui/assets/icons/calendar.svg') no-repeat 180px center;
    background-size: 18px 18px; /* Adjust icon size */
    background-color: var(--WHITE);
    position: relative;
}
form#rezervacijos-mobile .form-group label,
form#rezervacijos-forma .form-group label{
    display: block;
    font-weight: bold;
    font-size: 13px;
    margin-bottom: 5px;
}
form#rezervacijos-forma-mobile button:hover,
form#rezervacijos-forma button:hover{
    background-color: transparent;
    color: var(--GREEN);
}
form#rezervacijos-forma-mobile button,
form#rezervacijos-forma button{
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 8px 19px;
    border: 1px solid var(--GREEN);
    background-color: var(--GREEN);
    color: var(--WHITE);
    border-radius: 30px;
    transition: all 0.2s;
    cursor: pointer;
}
form#rezervacijos-forma-mobile,
form#rezervacijos-forma{
    background-color: var(--GREY-LIGHT);
    padding: 40px 23px 23px 23px;
    border-radius: 10px;
    display: flex;
    align-items: end;
    justify-content: space-between;
    margin-bottom: 20px;
	position: relative;
}
.section.reservation-form{
    margin-top: 35px;
}
table#laisvi-kambariai thead th#room-type{
    text-align: left;
}
table#laisvi-kambariai-mobile thead th#price-column,
table#laisvi-kambariai thead th#price-column{
    background-color: var(--GREEN);
    color: var(--WHITE);
    border-radius: 40px 30px 0 0;
}
table#laisvi-kambariai-mobile thead th,
table#laisvi-kambariai thead th{
    font-size: 15px;
    font-weight: bold;
    padding: 25px 0 25px;
    border-bottom: 1px solid var(--GREY);
}
table#laisvi-kambariai-mobile tbody select,
table#laisvi-kambariai tbody select{
    height: 34px;
    border-radius: 30px;
    border: 1px solid #DBDBDB;
    padding: 0px 30px;
}
table#laisvi-kambariai-mobile tbody tr td#price,
table#laisvi-kambariai tbody tr td#price{
    font-size: 22px;
    font-weight: bold;
    background-color: var(--GREY-LIGHT);
}
table#laisvi-kambariai tbody tr td#beds{
    text-align: left;
}
table#laisvi-kambariai tbody tr td{
    padding: 25px 0 25px;
}
table#laisvi-kambariai-mobile tbody tr,
table#laisvi-kambariai tbody tr{
    text-align: center;
}
table#laisvi-kambariai-mobile .lova,
table#laisvi-kambariai .lova{
    margin-right: 3px;
}
table#laisvi-kambariai-mobile .uzimta-lova,
table#laisvi-kambariai .uzimta-lova{
    opacity: 0.3;
}
table#laisvi-kambariai-mobile,
table#laisvi-kambariai{
    width: 100%;
}
#hostel-reservation-form-mobile .form-agreements  .form-agreements__info,
#hostel-reservation-form .form-agreements  .form-agreements__info{
    display: flex;
    gap: 20px;
    font-style: italic;
    margin-bottom: 55px;
    line-height: 18px;
}
#hostel-reservation-form-mobile .form-agreements .form-agreements__required label a:hover,
#hostel-reservation-form .form-agreements .form-agreements__required label a:hover{
    color: var(--GREEN);
}
#hostel-reservation-form-mobile .form-agreements .form-agreements__required label a,
#hostel-reservation-form .form-agreements .form-agreements__required label a{
    border-bottom: 1px solid;
    color: var(--GREY);
    transition: all 0.2s;
}
#hostel-reservation-form-mobile .form-agreements .form-agreements__required  input[type="checkbox"]:checked ,
#hostel-reservation-form .form-agreements .form-agreements__required  input[type="checkbox"]:checked {
    background-color: var(--GREEN); /* Green color */
    border-color: var(--GREY);
    box-shadow: inset 0px 0px 0px 1px var(--WHITE);
}
#hostel-reservation-form-mobile .form-agreements .form-agreements__required input[type="checkbox"] ,
#hostel-reservation-form .form-agreements .form-agreements__required input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    width: 17px;
    height: 17px;
    border: 2px solid var(--GREY);
    border-radius: 0px;
    outline: none;
    transition: all 0.3s;
    position: relative;
    cursor: pointer;
    margin-right: 20px;
    top: 3px;

}
#hostel-reservation-form-mobile .form-agreements .form-agreements__required label,
#hostel-reservation-form .form-agreements .form-agreements__required label{
    font-weight: 500;
    margin-bottom: 30px;
    display: block;
}
#hostel-reservation-form-mobile .form-agreements .order-total,
#hostel-reservation-form .form-agreements .order-total{
    font-size: 26px;
    line-height: 32px;
    color: var(--GREY);
    font-weight: 700;
}
#hostel-reservation-form-mobile .form-agreements .form-agreements__total-text span,
#hostel-reservation-form .form-agreements .form-agreements__total-text span{
    font-weight: 500;
}
#hostel-reservation-form-mobile .form-agreements .form-agreements__total-text h3,
#hostel-reservation-form .form-agreements .form-agreements__total-text h3{
    font-size: 26px;
    line-height: 32px;
    color: var(--GREEN);
    font-weight: 700;
}
#hostel-reservation-form-mobile .form-agreements .form-agreements__wrapper,
#hostel-reservation-form .form-agreements .form-agreements__wrapper{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 55px 0;
}
#hostel-reservation-form-mobile .form-agreements,
#hostel-reservation-form .form-agreements{
    width: 50%;
    font-weight: bold;
}
/* Woocommerce */
.woocommerce-cart .section_title.page_title{
    font-weight: 700;
    font-size: 36px;
    line-height: 44px;
    margin-bottom: 35px;
}
.woocommerce-cart .extra-products ul li .price{
    color: var(--GREY);
    font-weight: bold!important;
    font-size: 16px!important;
}
.woocommerce-cart .extra-products ul li .size-woocommerce_thumbnail{
    height: 300px!important;
    width: 100%!important;
    object-fit: cover;
}
.woocommerce-cart .extra-products ul li{
    width: 100% !important;
}
.woocommerce-cart .extra-products ul::before {
    display: none;
}
.woocommerce-cart .extra-products ul li .woocommerce-LoopProduct-link{
    pointer-events: none;
}
.woocommerce-cart .extra-products ul {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
    padding: 0;

}
.woocommerce-LostPassword.lost_password a{
    color: var(--YELLOW);
    font-weight: bold;
}
.woocommerce-account .woocommerce-Address-title::before {
    display: none!important;
}
.woocommerce-account .woocommerce-Address-title .edit{
    color: var(--YELLOW);
    font-weight: bold;
}
.woocommerce-account .woocommerce-Address-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.woocommerce-account .u-column2.col-2.woocommerce-Address,
.woocommerce-account .order-again{
    display: none;
}
.woocommerce-account .woocommerce-table__line-item.order_item .product-name a{
    pointer-events: none;
    color: var(--YELLOW);
    font-weight: bold;
}
.woocommerce-account .woocommerce-MyAccount-content p a{
    color: var(--GREY);
    border-bottom: 1px solid;
}
.woocommerce-account .woocommerce-table__line-item.order_item .wc-item-meta{
    padding-left: 0;
    margin-top: 5px;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover{
    color: var(--YELLOW);
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a{
    color: var(--GREEN);
    font-size: 16px;
    font-weight: bold;
    transition: all 0.2s;
}
.woocommerce-account .woocommerce-orders-table__row .woocommerce-orders-table__cell-order-actions .view{
    margin-right: 10px;
}
.woocommerce-account .woocommerce-orders-table__row .woocommerce-orders-table__cell-order-number a{
    color: var(--YELLOW);
    font-weight: bold;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul{
    list-style: none;
    padding: 0;
}
form.checkout_coupon .form-row-last,
form.checkout_coupon .form-row-first{
    width: auto;
}
form.checkout_coupon {
    display: flex;
    gap: 15px;
}
.woocommerce-form-coupon-toggle .woocommerce-info a{
    color: var(--GREY);
    font-weight: bold;
}
.woocommerce-privacy-policy-text a{
    color: var(--GREY);
    border-bottom: 1px solid;
}
form.checkout.woocommerce-checkout #payment{
    background:  var(--GREY-LIGHT);
}
.woocommerce-checkout #payment div.payment_box::before {
    border: 1em solid var(--WHITE);
    border-right-color: transparent;
    border-left-color: transparent;
    border-top-color: transparent;
}
.woocommerce-checkout #payment div.payment_box {
    background-color: var(--WHITE);
    color: var(--GREY);
}
.woocommerce-order-received .woocommerce-order-details{
    margin-top: 1rem;
}
.woocommerce-order-received .woocommerce-table__line-item.order_item .wc-item-meta-label{
    display: none!important;
}
.woocommerce-order-received .woocommerce-table__line-item.order_item .product-name a{
    pointer-events: none;
    color: var(--GREEN);
    font-weight: bold;
}
.woocommerce-order-received .woocommerce-customer-details h2,
.woocommerce-order-received .woocommerce-order-details h2,
#order_review #order_review_heading,
.woocommerce-billing-fields h3{
    color: var(--GREY);
    font-size: 24px;
    font-weight: 800;
    margin-bottom: 25px;
}
form.checkout.woocommerce-checkout #customer_details .col-2,
form.checkout.woocommerce-checkout #customer_details .col-1{
    width: 100%;
}
form.checkout.woocommerce-checkout{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 50px;
}
.woocommerce .woocommerce-cart-form__wrapper  .cart-collaterals .cart-collaterals__info_wrap a{
    color: var(--GREY);
    border-bottom: 1px solid;
}
.woocommerce .woocommerce-cart-form__wrapper  .cart-collaterals .cart-collaterals__info_wrap{
    display: flex;
    gap: 20px;
    margin-bottom: 15px;
    line-height: 18px;
}
.woocommerce .woocommerce-cart-form__wrapper  .cart-collaterals .wc-proceed-to-checkout a{
    width: max-content;
    float: right;
}
.woocommerce .woocommerce-cart-form__wrapper  .cart-collaterals .cart_totals  h2{
    display: none;
}
.woocommerce .woocommerce-cart-form__wrapper  table.shop_table .product-remove{
    width: 20px;
}
.woocommerce .woocommerce-cart-form__wrapper  table.shop_table .product-name a{
    font-weight: bold;
    color: var(--GREEN);
    pointer-events: none;
    margin-bottom: 5px;
    display: block;
}
.woocommerce-cart-form__wrapper{
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 50px;
}
.woocommerce .woocommerce-cart-form__wrapper .cart-collaterals .cart_totals, 
.woocommerce-page  .woocommerce-cart-form__wrapper .cart-collaterals .cart_totals {
    float: unset;
    margin-top: 3rem;
    width: 100%;
}
/* Footer */
footer{
    background-color: var(--GREEN);
    padding: 30px 0;
    margin-top: 50px;
}
.footer__wrapper{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}
.footer__logo-image{
    height: 150px;
    width: 150px;
    object-fit: contain;
}
.footer__block.footer__block--info{
    text-align: center;
}
.footer__contact-item:hover{
    color: var(--GREY-LIGHT);
    text-decoration: unset;
}
.footer__contact-item{
    display: block;
    color: var(--WHITE);
    font-size: 10px;
    font-weight: 500;
    transition: all 0.2s;
}
.footer__block-title{
    color: var(--WHITE);
    font-size: 24px;
    font-weight: 800;
    margin-bottom: 25px;
    margin-top: 25px;
}
.footer__block-content{
    color: var(--WHITE);
    font-size: 14px;
    font-weight: 500;
}
.footer__block-content li a:hover{
    color: var(--GREY-LIGHT);
}
.footer__block-content li a{
    color: var(--WHITE);
    font-size: 14px;
    font-weight: 500;
    transition: all 0.2s;
}
.footer__block-content ul li{
    margin-bottom: 10px;
}
.footer__block-content ul{
    list-style: none;
}
/* Draw */
.is-admin .hotspots-map-container .occupied {
    fill: var(--RED)!important;
    fill-opacity: 0.3!important;
}

.is-admin .hotspots-map-container .partial {
    fill: var(--YELLOW)!important;
    fill-opacity: 0.3!important;
}

.is-admin .hotspots-map-container .free {
    fill: var(--GREEN)!important;
    fill-opacity: 0.3!important;
}

.leaflet-pane svg {
    pointer-events: visiblePainted !important;
}

.hotspot-default {
    pointer-events: all !important;
    cursor: pointer;
}
.hotspots-placeholder .hotspot-content ul li {
    display: flex;
    margin-bottom: 5px;

}
.hotspots-placeholder .hotspot-content .round.partial {
    background-color: #c4a76a;
}
.hotspots-placeholder .hotspot-content .round.red {
    background-color: #f44336;
}
.hotspots-placeholder .hotspot-content .round.green {
    background-color: var(--GREEN);
}
.hotspots-placeholder .hotspot-content .round {
    height: 15px;
    width: 15px;
    border-radius: 50%;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 2px;
}
.hotspots-placeholder .hotspot-content .room__info label{
    font-weight: bold;
}
.hotspots-placeholder .admin-reservation-link a{
    color: var(--WHITE);
    font-weight: bold;
}
.hotspots-placeholder .hotspot-content .room__availability{
    color: var(--WHITE);
    padding-top: 30px;
    padding-bottom: 15px;
    font-weight: bold;
}
.hotspots-placeholder .hotspot-content .lova {
    margin-left: 5px;
}
.hotspots-placeholder .hotspot-content .lova img{
    filter: brightness(0) invert(1);
}
.hotspots-placeholder .hotspot-title{
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 30px;
}
/* Contacts */
.page-template-page-atsiliepimai.contact-info__content p a,
.page-template-page-kontaktai .contact-info__content p a{
    color: var(--GREY);
    border-bottom: 1px solid;
}
.page-template-page-atsiliepimai .contact-info__content p,
.page-template-page-kontaktai .contact-info__content p{
    margin-bottom: 15px;
}
.page-template-page-atsiliepimai .contact-info__content h3,
.page-template-page-kontaktai .contact-info__content h3{
    color: var(--GREEN);
    font-size: 16px;
    font-weight: bold;
    margin-top: 15px;
    margin-bottom: 15px;
}
.page-template-page-atsiliepimai .contact-info__wrap,
.page-template-page-kontaktai .contact-info__wrap{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 100px;
}
html div.wpforms-container-full button[type=submit]{
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 8px 30px;
    border: 1px solid var(--GREEN);
    border-radius: 30px;
    transition: all 0.2s;
    line-height: 1.2;
    cursor: pointer;
    color: var(--GREEN)!important;
    background: transparent!important;
}
div.wpforms-container-full button[type=submit]:hover {
    color: var(--WHITE)!important;
    background: var(--GREEN)!important;
}
div.wpforms-container-full button[type=submit]:focus:after {
    display: none!important;
}
.wpforms-container label.wpforms-field-label{
    color: var(--GREY)!important;
    font-size: 16px!important;
    font-weight: bold!important;
}
.wpforms-container{
    margin-top: 0px!important;
}
.wpforms-container .wpforms-field {
   padding-top: 5px!important;
}
/* Reviews */
.reviews__wrap .review .review__name{
    color: var(--GREEN);
    font-weight: 700;
    margin-top: 10px;
}
.reviews__wrap .review{
    break-inside: avoid;
    margin-bottom: 15px;
    padding: 30px;
    border: 1px solid var(--YELLOW);
    border-radius: 8px;
}
.reviews-title{
    color: var(--GREEN);
    font-weight: 700;
    font-size: 36px;
    line-height: 44px;
    margin-bottom: 35px;
}
.reviews__wrap{
    column-count: 3;
    column-gap: 15px;
}
/* Blog */
article.blog-post {
    margin-bottom: 30px;
    position: relative;
}

.home article .blog-post__wrapper {
    grid-template-columns: 1fr;
    gap: 15px;
}
article .blog-post__wrapper {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 50px;
}

article .blog-post__thumbnail img {
    height: 250px;
    width: 100%;
    object-fit: cover;
}
article .blog-post__content h2 {
    color: var(--GREEN);
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 15px;
}
article .post-meta {
    font-weight: bold;
    margin-bottom: 5px;
    font-size: 12px;
}
.home article .main-btn {
    position: relative;
    bottom: unset;
    display: inline-block;
    margin-top: 30px;
}
article .main-btn {
    position: absolute;
    bottom: 7px;
}
article.single-post {
    max-width: 70%;
    margin: 0 auto;
}
.single-post .single-post__thumbnail {
    margin-bottom: 35px;
}

.single-post .single-post__thumbnail img {
    height: 400px;
    width: 100%;
    object-fit: cover;
}
.single-post .single-post__meta {
    font-weight: bold;
    margin-bottom: 5px;
    font-size: 12px;
}
.single-post .single-post__content p {
    margin-bottom: 15px;
}
.search-results article .main-btn {
    position: relative;
    bottom: unset;
    display: inline-block;
    margin-top: 15px;
}
.dashboard__wrapper-add .beds-single__price {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 7px;
    flex-wrap: wrap;
}
.reservation-form-dashboard .js-create-reservation{
	 min-height: 34px;
    padding: 0 12px;
    border: 0;
    border-radius: 18px;
    background: #208f3d;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
}
.dashboard__wrapper-add
.beds-single__price
input[type="number"] {
    width: 84px;
    height: 34px;
    padding: 0 10px;
    border: 1px solid #dbdbdb;
    border-radius: 8px;
    box-sizing: border-box;
    font: inherit;
    font-weight: 700;
    color: var(--GREY);
    background: #fff;
}

.dashboard__wrapper-add .js-save-room-price {
    min-height: 34px;
    padding: 0 12px;
    border: 0;
    border-radius: 18px;
    background: #208f3d;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
}

.dashboard__wrapper-add
.js-save-room-price:disabled {
    opacity: 0.6;
    cursor: wait;
}

.dashboard__wrapper-add
.room-price-save-status {
    width: 100%;
    min-height: 16px;
    text-align: right;
    font-size: 12px;
    font-weight: 500;
}

.dashboard__wrapper-add
.room-price-save-status.is-success {
    color: #208f3d;
}

.dashboard__wrapper-add
.room-price-save-status.is-error {
    color: #b42318;
}

.reservation-extension-action {
    flex-basis: 100%;
}

.js-extend-stay {
    padding: 8px 14px;
    border: 0;
    border-radius: 18px;
    background: #208f3d;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
}

.js-extend-stay:hover {
    background: #187633;
}

.extend-stay-modal {
    position: fixed;
    inset: 0;
    z-index: 99999;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 20px;
    background: rgba(0, 0, 0, 0.55);
}

.extend-stay-modal.is-open {
    display: flex;
}

.extend-stay-modal__dialog {
    position: relative;
    width: 100%;
    max-width: 470px;
    padding: 30px;
    border-radius: 18px;
    box-sizing: border-box;
    background: #fff;
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.25);
}

.extend-stay-modal__dialog h3 {
    margin: 0 40px 8px 0;
    font-size: 24px;
}

.extend-stay-modal__room {
    margin: 0 0 20px;
    color: #667067;
}

.extend-stay-modal__close {
    position: absolute;
    top: 12px;
    right: 14px;
    width: 34px;
    height: 34px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: #f0f0f0;
    font-size: 23px;
    line-height: 34px;
    cursor: pointer;
}

.extend-stay-modal__field {
    margin-bottom: 16px;
}

.extend-stay-modal__field label {
    display: block;
    margin-bottom: 6px;
    font-weight: 700;
}

.extend-stay-modal__field input {
    width: 100%;
    height: 44px;
    padding: 0 12px;
    border: 1px solid #d8d8d8;
    border-radius: 10px;
    box-sizing: border-box;
    font: inherit;
}

.extend-stay-modal__field input[readonly] {
    background: #f4f4f4;
}

.extend-stay-modal__field small {
    display: block;
    margin-top: 6px;
    color: #6c746f;
    line-height: 1.4;
}

.extend-stay-modal__status {
    min-height: 21px;
    margin: 8px 0;
    font-size: 14px;
    font-weight: 600;
}

.extend-stay-modal__status.is-error {
    color: #b42318;
}

.extend-stay-modal__status.is-success {
    color: #208f3d;
}

.extend-stay-modal__actions {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 18px;
}

.extend-stay-modal__actions button {
    min-height: 42px;
    padding: 0 18px;
    border-radius: 22px;
    font-weight: 700;
    cursor: pointer;
}

.extend-stay-modal__cancel {
    border: 1px solid #d5d5d5;
    background: #fff;
    color: #555;
}

.extend-stay-modal__save {
    border: 0;
    background: #208f3d;
    color: #fff;
}

.extend-stay-modal__save:disabled {
    opacity: 0.6;
    cursor: wait;
}

/* Viešnagės pratęsimo žymėjimas kalendoriuje */
#hostel-calendar .fc-h-event.has-stay-extension {
    position: relative;
    overflow: hidden;
}

#hostel-calendar .fc-h-event.has-stay-extension::after {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: var(--extension-start-percent, 100%);
    border-left: 3px solid #d97706;
    background: rgba(245, 158, 11, 0.32);
    pointer-events: none;
}

#hostel-calendar .fc-h-event.has-stay-extension .fc-event-main {
    position: relative;
    z-index: 2;
}

#hostel-calendar .fc-extension-badge {
    display: inline-block;
    margin-left: 8px;
    padding: 2px 7px;
    border-radius: 999px;
    background: #d97706;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    line-height: 1.4;
    vertical-align: middle;
    white-space: nowrap;
}

#hostel-calendar .fc-event-description {
    overflow-wrap: anywhere;
}