/* HOTEL DETAIL MODERN HTML - PATCH 42 */
/* Only hotel detail page, NOT hotel listing */

#page #content.hotel-detail-html-page{
    background:#f7f8fb!important;
    color:#12284c!important;
}

#page #content.hotel-detail-html-page .hotel-modern-detail{
    max-width:1180px!important;
    padding-left:15px!important;
    padding-right:15px!important;
}

#page #content.hotel-detail-html-page .hotel-modern-topbar{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    margin:0 0 14px!important;
}

#page #content.hotel-detail-html-page .hotel-back-link,
#page #content.hotel-detail-html-page .hotel-action-btn{
    display:inline-flex!important;
    align-items:center!important;
    gap:9px!important;
    height:40px!important;
    padding:0 16px!important;
    border:1px solid rgba(23,55,99,.14)!important;
    border-radius:8px!important;
    background:#fff!important;
    color:#173763!important;
    font-size:13px!important;
    font-weight:600!important;
    text-decoration:none!important;
    box-shadow:0 6px 18px rgba(23,55,99,.04)!important;
}

#page #content.hotel-detail-html-page .hotel-modern-actions{
    display:flex!important;
    gap:10px!important;
}

#page #content.hotel-detail-html-page .hotel-action-btn{
    cursor:pointer!important;
}

#page #content.hotel-detail-html-page .hotel-modern-layout{
    display:flex!important;
    align-items:flex-start!important;
}

#page #content.hotel-detail-html-page .hotel-modern-main{
    padding-right:18px!important;
}

#page #content.hotel-detail-html-page .hotel-modern-sidebar{
    padding-left:18px!important;
}

/* Gallery */
@media(max-width:991px){
	#page #content.hotel-detail-html-page .hotel-gallery-grid{
		display:flex!important;
	}
}
@media(min-width:992px){

#page #content.hotel-detail-html-page .hotel-gallery-grid{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 210px!important;
    gap:10px!important;
    margin-bottom:0!important;
}
}
#page #content.hotel-detail-html-page .hotel-gallery-main{
    position:relative!important;
    height:390px!important;
    border-radius:12px!important;
    overflow:hidden!important;
    background:#e9eef5!important;
    box-shadow:0 8px 22px rgba(23,55,99,.10)!important;
}

#page #content.hotel-detail-html-page .hotel-gallery-main img,
#page #content.hotel-detail-html-page .hotel-gallery-thumb img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    display:block!important;
}

#page #content.hotel-detail-html-page .hotel-gallery-main:after{
    content:"";
    position:absolute;
    inset:auto 0 0 0;
    height:38%;
    background:linear-gradient(to top, rgba(5,23,48,.38), rgba(5,23,48,0));
    pointer-events:none;
}

#page #content.hotel-detail-html-page .hotel-gallery-nav{
    position:absolute!important;
    top:50%!important;
    z-index:4!important;
    width:50px!important;
    height:50px!important;
    margin-top:-25px!important;
    border:0!important;
    border-radius:50%!important;
    background:#fff!important;
    color:#173763!important;
    box-shadow:0 8px 22px rgba(23,55,99,.18)!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    font-size:26px!important;
}

#page #content.hotel-detail-html-page .hotel-gallery-prev{left:22px!important;}
#page #content.hotel-detail-html-page .hotel-gallery-next{right:22px!important;}

#page #content.hotel-detail-html-page .hotel-gallery-count{
    position:absolute!important;
    left:20px!important;
    bottom:18px!important;
    z-index:4!important;
    height:34px!important;
    padding:0 12px!important;
    display:inline-flex!important;
    align-items:center!important;
    gap:7px!important;
    color:#fff!important;
    background:rgba(0,0,0,.58)!important;
    border-radius:8px!important;
    font-size:13px!important;
    backdrop-filter:blur(4px)!important;
}

#page #content.hotel-detail-html-page .hotel-gallery-thumbs{
    display:grid!important;
    grid-template-rows:1fr 1fr 1fr!important;
    gap:10px!important;
}

#page #content.hotel-detail-html-page .hotel-gallery-thumb{
    position:relative!important;
    height:123px!important;
    border-radius:10px!important;
    overflow:hidden!important;
    background:#e9eef5!important;
}

#page #content.hotel-detail-html-page .hotel-gallery-thumb.has-more:after{
    content:"";
    position:absolute;
    inset:0;
    background:rgba(5,23,48,.52);
}

#page #content.hotel-detail-html-page .hotel-gallery-thumb.has-more span{
    position:absolute!important;
    inset:0!important;
    z-index:3!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    color:#fff!important;
    font-size:26px!important;
    font-weight:800!important;
    text-align:center!important;
}

#page #content.hotel-detail-html-page .hotel-gallery-thumb.has-more small{
    display:block!important;
    margin-top:4px!important;
    font-size:13px!important;
    font-weight:500!important;
}

/* Info card */
#page #content.hotel-detail-html-page .hotel-info-card{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 180px!important;
    gap:24px!important;
    background:#fff!important;
    border:1px solid rgba(23,55,99,.10)!important;
    border-radius:0 0 14px 14px!important;
    box-shadow:0 12px 28px rgba(23,55,99,.08)!important;
    padding:24px!important;
    margin-bottom:22px!important;
}

#page #content.hotel-detail-html-page .hotel-info-main h1{
    margin:0 0 12px!important;
    color:#073763!important;
    font-size:24px!important;
    line-height:1.22!important;
    font-weight:800!important;
}

#page #content.hotel-detail-html-page .hotel-info-main h1 small{
    margin-left:8px!important;
    color:#ffb000!important;
    font-size:15px!important;
}

#page #content.hotel-detail-html-page .hotel-info-facilities{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:12px 18px!important;
    margin-bottom:20px!important;
    color:#526179!important;
    font-size:13px!important;
}

#page #content.hotel-detail-html-page .hotel-info-facilities span,
#page #content.hotel-detail-html-page .hotel-info-facilities a{
    display:inline-flex!important;
    align-items:center!important;
    gap:6px!important;
}

#page #content.hotel-detail-html-page .hotel-info-facilities i{
    color:#173763!important;
}

#page #content.hotel-detail-html-page .hotel-info-facilities a,
#page #content.hotel-detail-html-page .hotel-read-more{
    color:#0062d8!important;
    font-weight:700!important;
    text-decoration:none!important;
}

#page #content.hotel-detail-html-page .hotel-description-short{
    color:#34435e!important;
    font-size:14px!important;
    line-height:1.7!important;
    margin-bottom:14px!important;
}

#page #content.hotel-detail-html-page .hotel-price-card{
    border-left:1px solid rgba(23,55,99,.10)!important;
    padding-left:24px!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
}

#page #content.hotel-detail-html-page .hotel-price-label{
    color:#173763!important;
    font-size:13px!important;
    font-weight:700!important;
}

#page #content.hotel-detail-html-page .hotel-price-value{
    color:#073763!important;
    font-size:31px!important;
    line-height:1.1!important;
    font-weight:800!important;
}

#page #content.hotel-detail-html-page .hotel-price-night{
    color:#526179!important;
    font-size:13px!important;
    margin-bottom:16px!important;
}

#page #content.hotel-detail-html-page .hotel-book-now{
    width:100%!important;
    height:48px!important;
    border:0!important;
    border-radius:8px!important;
    color:#fff!important;
    background:#2eb84d!important;
    font-size:13px!important;
    font-weight:800!important;
    text-transform:uppercase!important;
}

#page #content.hotel-detail-html-page .hotel-best-price{
    margin-top:14px!important;
    color:#526179!important;
    font-size:12px!important;
}

#page #content.hotel-detail-html-page .hotel-best-price i{
    color:#2eb84d!important;
}

/* Boxes */
#page #content.hotel-detail-html-page .hotel-modern-box,
#page #content.hotel-detail-html-page .hotel-contact-card,
#page #content.hotel-detail-html-page .hotel-rooms-card{
    background:#fff!important;
    border:1px solid rgba(23,55,99,.10)!important;
    border-radius:14px!important;
    box-shadow:0 12px 30px rgba(23,55,99,.08)!important;
}

#page #content.hotel-detail-html-page .hotel-modern-box{
    padding:24px!important;
    margin-bottom:22px!important;
}

#page #content.hotel-detail-html-page .hotel-box-head{
    display:flex!important;
    justify-content:space-between!important;
    align-items:center!important;
    margin-bottom:18px!important;
}

#page #content.hotel-detail-html-page .hotel-box-head h2,
#page #content.hotel-detail-html-page .hotel-box-head h3,
#page #content.hotel-detail-html-page .hotel-modern-box h2{
    margin:0!important;
    color:#073763!important;
    font-size:20px!important;
    font-weight:800!important;
}

#page #content.hotel-detail-html-page .hotel-box-head a{
    color:#0062d8!important;
    font-size:13px!important;
    font-weight:700!important;
    text-decoration:none!important;
}

#page #content.hotel-detail-html-page .hotel-facilities-grid{
    display:grid!important;
    grid-template-columns:repeat(4,1fr)!important;
    gap:18px!important;
}

#page #content.hotel-detail-html-page .hotel-facility-modern{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    gap:10px!important;
    text-align:center!important;
    color:#526179!important;
    font-size:13px!important;
}

#page #content.hotel-detail-html-page .hotel-facility-modern i{
    color:#173763!important;
    font-size:24px!important;
}

#page #content.hotel-detail-html-page .hotel-description-box{
    color:#34435e!important;
    line-height:1.7!important;
}

/* Sidebar */
#page #content.hotel-detail-html-page .hotel-contact-card{
    overflow:hidden!important;
    margin-bottom:18px!important;
}

#page #content.hotel-detail-html-page .hotel-contact-card h3{
    margin:0!important;
    padding:22px 22px 12px!important;
    color:#073763!important;
    font-size:18px!important;
    font-weight:800!important;
}

#page #content.hotel-detail-html-page .hotel-contact-card address{
    margin:0!important;
    padding:0 22px 18px!important;
    color:#526179!important;
    font-size:13px!important;
    line-height:1.5!important;
}

#page #content.hotel-detail-html-page .hotel-contact-card address p{
    margin:0 0 8px!important;
    display:flex!important;
    gap:9px!important;
}

#page #content.hotel-detail-html-page .hotel-contact-card address i{
    color:#173763!important;
    width:16px!important;
    margin-top:2px!important;
}

#page #content.hotel-detail-html-page .hotel-map-modern{
    height:235px!important;
    margin:0!important;
    border-top:1px solid rgba(23,55,99,.10)!important;
}

#page #content.hotel-detail-html-page .hotel-rooms-card{
    padding:22px!important;
}

#page #content.hotel-detail-html-page .hotel-room-item{
    display:grid!important;
    grid-template-columns:72px 1fr 16px!important;
    gap:14px!important;
    align-items:center!important;
    padding:13px 0!important;
    border-top:1px solid rgba(23,55,99,.10)!important;
    color:inherit!important;
    text-decoration:none!important;
}

#page #content.hotel-detail-html-page .hotel-room-item img{
    width:72px!important;
    height:58px!important;
    border-radius:8px!important;
    object-fit:cover!important;
}

#page #content.hotel-detail-html-page .hotel-room-item strong{
    display:block!important;
    color:#073763!important;
    font-size:14px!important;
    line-height:1.25!important;
}

#page #content.hotel-detail-html-page .hotel-room-item small{
    display:block!important;
    color:#526179!important;
    font-size:12px!important;
    margin:3px 0!important;
}

#page #content.hotel-detail-html-page .hotel-room-item em{
    display:block!important;
    color:#0062d8!important;
    font-style:normal!important;
    font-size:12px!important;
    font-weight:700!important;
}

#page #content.hotel-detail-html-page .hotel-special-offer{
    display:grid!important;
    grid-template-columns:42px 1fr 14px!important;
    align-items:center!important;
    gap:12px!important;
    margin-top:16px!important;
    padding:16px!important;
    border-radius:12px!important;
    background:#f4f7fc!important;
    color:#073763!important;
}

#page #content.hotel-detail-html-page .hotel-special-offer > i:first-child{
    width:42px!important;
    height:42px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:50%!important;
    background:#e8f0ff!important;
    color:#0062d8!important;
    font-size:20px!important;
}

#page #content.hotel-detail-html-page .hotel-special-offer strong{
    display:block!important;
    font-size:14px!important;
}

#page #content.hotel-detail-html-page .hotel-special-offer small{
    display:block!important;
    color:#526179!important;
    font-size:11px!important;
}

@media(max-width:991px){
    #page #content.hotel-detail-html-page .hotel-modern-layout{
        display:block!important;
    }
    #page #content.hotel-detail-html-page .hotel-modern-main,
    #page #content.hotel-detail-html-page .hotel-modern-sidebar{
        padding-left:15px!important;
        padding-right:15px!important;
    }
    #page #content.hotel-detail-html-page .hotel-gallery-grid{
        grid-template-columns:1fr!important;
    }
    #page #content.hotel-detail-html-page .hotel-gallery-thumbs{
        grid-template-columns:repeat(3,1fr)!important;
        grid-template-rows:auto!important;
    }
    #page #content.hotel-detail-html-page .hotel-gallery-main{
        height:330px!important;
    }
    #page #content.hotel-detail-html-page .hotel-info-card{
        grid-template-columns:1fr!important;
    }
    #page #content.hotel-detail-html-page .hotel-price-card{
        border-left:0!important;
        border-top:1px solid rgba(23,55,99,.10)!important;
        padding-left:0!important;
        padding-top:18px!important;
    }
}

@media(max-width:767px){
    #page #content.hotel-detail-html-page .hotel-gallery-main{
        height:260px!important;
    }
    #page #content.hotel-detail-html-page .hotel-gallery-thumbs{
        display:none!important;
    }
    #page #content.hotel-detail-html-page .hotel-facilities-grid{
        grid-template-columns:repeat(2,1fr)!important;
    }
    #page #content.hotel-detail-html-page .hotel-modern-topbar{
        display:block!important;
    }
    #page #content.hotel-detail-html-page .hotel-modern-actions{
        margin-top:10px!important;
    }
}



/* PATCH 43 - real gallery + lightbox */
#page #content.hotel-detail-html-page .hotel-gallery-real{
    width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
}

#page #content.hotel-detail-html-page .hotel-gallery-main{
    width:100%!important;
    min-width:0!important;
}

#page #content.hotel-detail-html-page .hotel-gallery-main-link{
    display:block!important;
    width:100%!important;
    height:100%!important;
    color:inherit!important;
    text-decoration:none!important;
}

#page #content.hotel-detail-html-page .hotel-gallery-thumb{
    display:block!important;
    color:inherit!important;
    text-decoration:none!important;
}

#page #content.hotel-detail-html-page .hotel-gallery-hidden{
    display:none!important;
}

#page #content.hotel-detail-html-page .hotel-gallery-nav{
    cursor:pointer!important;
    z-index:8!important;
    transition:transform .18s ease, box-shadow .18s ease!important;
}

#page #content.hotel-detail-html-page .hotel-gallery-nav:hover{
    transform:translateY(-50%) scale(1.04)!important;
    box-shadow:0 10px 26px rgba(23,55,99,.28)!important;
}

/* corecteaza transformul la hover fara sa rupa pozitionarea */
#page #content.hotel-detail-html-page .hotel-gallery-nav{
    transform:none!important;
}

#page #content.hotel-detail-html-page .hotel-gallery-main .hotel-gallery-prev:hover,
#page #content.hotel-detail-html-page .hotel-gallery-main .hotel-gallery-next:hover{
    transform:scale(1.04)!important;
}

/* muta galeria sa nu para centrata gresit in coloana */
#page #content.hotel-detail-html-page .hotel-modern-main .hotel-gallery-grid{
    margin-left:0!important;
    padding-left:0!important;
}

/* Magnific popup peste tot */
.mfp-wrap,
.mfp-bg{
    z-index:999999!important;
}



/* PATCH 44 - facility uploaded icons + review form */

/* Top small facilities: use uploaded images, not generic checks */
#page #content.hotel-detail-html-page .hotel-info-facilities{
    align-items:center!important;
}

#page #content.hotel-detail-html-page .hotel-info-facility{
    width:34px!important;
    height:34px!important;
    padding:0!important;
    border:1px solid rgba(23,55,99,.16)!important;
    border-radius:7px!important;
    background:#fff!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    box-shadow:0 4px 10px rgba(23,55,99,.04)!important;
}

#page #content.hotel-detail-html-page .hotel-info-facility img{
    max-width:22px!important;
    max-height:22px!important;
    object-fit:contain!important;
    display:block!important;
    filter:grayscale(1) contrast(.95)!important;
    opacity:.82!important;
}

#page #content.hotel-detail-html-page .hotel-info-facility i{
    color:#526179!important;
    font-size:16px!important;
}

/* Full facilities block hidden by PHP when empty */
#page #content.hotel-detail-html-page .hotel-facility-icon{
    width:48px!important;
    height:48px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:12px!important;
    background:#f4f7fc!important;
    border:1px solid rgba(23,55,99,.10)!important;
}

#page #content.hotel-detail-html-page .hotel-facility-icon img{
    max-width:28px!important;
    max-height:28px!important;
    object-fit:contain!important;
    filter:grayscale(1) contrast(.95)!important;
    opacity:.84!important;
}

#page #content.hotel-detail-html-page .hotel-facility-icon i{
    color:#173763!important;
    font-size:22px!important;
}

/* Review form */
#page #content.hotel-detail-html-page .hotel-review-section{
    margin:30px 0 40px!important;
}

#page #content.hotel-detail-html-page .hotel-review-hero{
    position:relative!important;
    min-height:150px!important;
    display:flex!important;
    align-items:flex-start!important;
    justify-content:space-between!important;
    padding:0 0 20px!important;
    overflow:hidden!important;
}

#page #content.hotel-detail-html-page .hotel-review-hero h2{
    position:relative!important;
    margin:0 0 26px!important;
    color:#12284c!important;
    font-size:40px!important;
    line-height:1.1!important;
    font-weight:900!important;
}

#page #content.hotel-detail-html-page .hotel-review-hero h2:after{
    content:"";
    display:block;
    width:70px;
    height:5px;
    margin-top:24px;
    border-radius:999px;
    background:#2f75ff;
}

#page #content.hotel-detail-html-page .hotel-review-hero p{
    margin:0!important;
    color:#526179!important;
    font-size:17px!important;
    line-height:1.6!important;
}

#page #content.hotel-detail-html-page .hotel-review-illustration{
    position:absolute!important;
    right:20px!important;
    top:0!important;
    width:310px!important;
    height:150px!important;
    opacity:.45!important;
    pointer-events:none!important;
}

#page #content.hotel-detail-html-page .review-bubble{
    position:absolute!important;
    right:120px!important;
    top:0!important;
    width:92px!important;
    height:78px!important;
    border-radius:22px!important;
    background:linear-gradient(135deg,#cfe0ff,#76a7ff)!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    color:#fff!important;
    font-size:34px!important;
}

#page #content.hotel-detail-html-page .review-stars{
    position:absolute!important;
    right:70px!important;
    top:24px!important;
    color:#76a7ff!important;
    font-size:26px!important;
    letter-spacing:12px!important;
}

#page #content.hotel-detail-html-page .hotel-review-card{
    background:#fff!important;
    border:1px solid rgba(23,55,99,.10)!important;
    border-radius:12px!important;
    box-shadow:0 16px 42px rgba(23,55,99,.12)!important;
    overflow:hidden!important;
}

#page #content.hotel-detail-html-page .hotel-review-main{
    display:grid!important;
    grid-template-columns:1.1fr .95fr!important;
    gap:52px!important;
    padding:42px!important;
}

#page #content.hotel-detail-html-page .hotel-review-field{
    margin-bottom:28px!important;
}

#page #content.hotel-detail-html-page .hotel-review-label{
    display:flex!important;
    align-items:center!important;
    gap:18px!important;
    margin-bottom:18px!important;
}

#page #content.hotel-detail-html-page .hotel-review-label > span{
    width:64px!important;
    height:64px!important;
    border-radius:50%!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    color:#2f75ff!important;
    background:#eef5ff!important;
    font-size:24px!important;
}

#page #content.hotel-detail-html-page .hotel-review-label strong{
    display:block!important;
    color:#12284c!important;
    font-size:17px!important;
    line-height:1.2!important;
}

#page #content.hotel-detail-html-page .hotel-review-label small{
    display:block!important;
    margin-top:8px!important;
    color:#526179!important;
    font-size:14px!important;
}

#page #content.hotel-detail-html-page .hotel-review-card .form-control{
    width:100%!important;
    border:1px solid rgba(23,55,99,.18)!important;
    border-radius:8px!important;
    background:#fff!important;
    color:#12284c!important;
    box-shadow:none!important;
    font-size:15px!important;
}

#page #content.hotel-detail-html-page .hotel-review-card input.form-control{
    height:56px!important;
    padding:0 22px!important;
}

#page #content.hotel-detail-html-page .hotel-review-card textarea.form-control{
    min-height:360px!important;
    padding:22px!important;
    resize:vertical!important;
}

#page #content.hotel-detail-html-page .hotel-review-counter{
    margin-top:8px!important;
    text-align:right!important;
    color:#6b7688!important;
    font-size:14px!important;
}

#page #content.hotel-detail-html-page .hotel-review-captcha{
    margin:22px 0!important;
    min-height:96px!important;
    display:flex!important;
    align-items:center!important;
}

#page #content.hotel-detail-html-page .hotel-review-rating{
    padding:28px!important;
    border-radius:10px!important;
    background:#f3f8ff!important;
}

#page #content.hotel-detail-html-page .hotel-review-rating strong{
    display:block!important;
    color:#12284c!important;
    font-size:17px!important;
    margin-bottom:8px!important;
}

#page #content.hotel-detail-html-page .hotel-review-rating small{
    display:block!important;
    color:#526179!important;
    margin-bottom:18px!important;
}

#page #content.hotel-detail-html-page .hotel-review-footer{
    display:grid!important;
    grid-template-columns:1fr 250px auto!important;
    gap:26px!important;
    align-items:center!important;
    padding:28px 42px!important;
    border-top:1px solid rgba(23,55,99,.10)!important;
    background:#fff!important;
}

#page #content.hotel-detail-html-page .hotel-review-privacy{
    display:flex!important;
    align-items:center!important;
    gap:16px!important;
    padding:18px 22px!important;
    border-radius:10px!important;
    background:#f3f8ff!important;
}

#page #content.hotel-detail-html-page .hotel-review-privacy i{
    color:#2f75ff!important;
    font-size:22px!important;
}

#page #content.hotel-detail-html-page .hotel-review-privacy strong{
    display:block!important;
    color:#12284c!important;
    font-size:14px!important;
}

#page #content.hotel-detail-html-page .hotel-review-privacy small{
    display:block!important;
    color:#526179!important;
    font-size:13px!important;
    margin-top:4px!important;
}

#page #content.hotel-detail-html-page .hotel-review-submit{
    height:64px!important;
    border:0!important;
    border-radius:8px!important;
    background:#2f75ff!important;
    color:#fff!important;
    font-size:16px!important;
    font-weight:900!important;
    text-transform:uppercase!important;
    box-shadow:0 14px 28px rgba(47,117,255,.22)!important;
}

#page #content.hotel-detail-html-page .hotel-review-footer em{
    color:#526179!important;
    font-size:14px!important;
}

#page #content.hotel-detail-html-page .hotel-comments-list{
    margin-top:28px!important;
    background:#fff!important;
    border-radius:12px!important;
    padding:24px!important;
    box-shadow:0 10px 28px rgba(23,55,99,.08)!important;
}

@media(max-width:991px){
    #page #content.hotel-detail-html-page .hotel-review-main{
        grid-template-columns:1fr!important;
        gap:20px!important;
        padding:28px!important;
    }

    #page #content.hotel-detail-html-page .hotel-review-footer{
        grid-template-columns:1fr!important;
        padding:24px 28px!important;
    }

    #page #content.hotel-detail-html-page .hotel-review-card textarea.form-control{
        min-height:240px!important;
    }
}

@media(max-width:767px){
    #page #content.hotel-detail-html-page .hotel-review-hero h2{
        font-size:30px!important;
    }

    #page #content.hotel-detail-html-page .hotel-review-illustration{
        display:none!important;
    }

    #page #content.hotel-detail-html-page .hotel-facilities-grid{
        grid-template-columns:repeat(2,1fr)!important;
    }
}



/* PATCH 45 - hotel share dropdown */
#page #content.hotel-detail-html-page .hotel-share{
    position:relative!important;
    display:inline-flex!important;
}

#page #content.hotel-detail-html-page .hotel-share .hotel-action-btn{
    position:relative!important;
    z-index:12!important;
}

#page #content.hotel-detail-html-page .hotel-share.is-open .hotel-action-btn{
    color:#0062d8!important;
    border-color:rgba(0,98,216,.35)!important;
    background:#f6f9ff!important;
}

#page #content.hotel-detail-html-page .hotel-share-dropdown{
    position:absolute!important;
    right:0!important;
    top:calc(100% + 12px)!important;
    z-index:9999!important;
    width:300px!important;
    padding:10px 0!important;
    background:#fff!important;
    border:1px solid rgba(23,55,99,.10)!important;
    border-radius:14px!important;
    box-shadow:0 18px 46px rgba(23,55,99,.18)!important;
    opacity:0!important;
    visibility:hidden!important;
    transform:translateY(-8px)!important;
    transition:opacity .18s ease, transform .18s ease, visibility .18s ease!important;
}

#page #content.hotel-detail-html-page .hotel-share.is-open .hotel-share-dropdown{
    opacity:1!important;
    visibility:visible!important;
    transform:translateY(0)!important;
}

#page #content.hotel-detail-html-page .hotel-share-dropdown:before{
    content:"";
    position:absolute;
    top:-8px;
    right:36px;
    width:16px;
    height:16px;
    background:#fff;
    border-left:1px solid rgba(23,55,99,.10);
    border-top:1px solid rgba(23,55,99,.10);
    transform:rotate(45deg);
}

#page #content.hotel-detail-html-page .hotel-share-title{
    position:relative!important;
    z-index:2!important;
    padding:12px 18px 14px!important;
    color:#12284c!important;
    font-size:15px!important;
    line-height:1.3!important;
    font-weight:900!important;
    border-bottom:1px solid rgba(23,55,99,.08)!important;
}

#page #content.hotel-detail-html-page .hotel-share-dropdown button,
#page #content.hotel-detail-html-page .hotel-share-dropdown a{
    position:relative!important;
    z-index:2!important;
    width:100%!important;
    min-height:46px!important;
    display:flex!important;
    align-items:center!important;
    gap:13px!important;
    padding:0 18px!important;
    border:0!important;
    background:#fff!important;
    color:#26364f!important;
    font-size:15px!important;
    line-height:1!important;
    font-weight:500!important;
    text-align:left!important;
    text-decoration:none!important;
    cursor:pointer!important;
    transition:background .16s ease, color .16s ease!important;
}

#page #content.hotel-detail-html-page .hotel-share-dropdown button:hover,
#page #content.hotel-detail-html-page .hotel-share-dropdown a:hover{
    background:#f4f7fb!important;
    color:#0062d8!important;
}

#page #content.hotel-detail-html-page .hotel-share-dropdown i{
    width:20px!important;
    text-align:center!important;
    color:currentColor!important;
    font-size:16px!important;
}

#page #content.hotel-detail-html-page .hotel-share-copy.is-copied{
    color:#1c9d45!important;
    background:#f1fbf4!important;
}

@media(max-width:767px){
    #page #content.hotel-detail-html-page .hotel-share-dropdown{
        right:auto!important;
        left:0!important;
        width:280px!important;
    }

    #page #content.hotel-detail-html-page .hotel-share-dropdown:before{
        right:auto!important;
        left:34px!important;
    }
}



/* PATCH 47 - share dropdown inline SVG icons */
/* Nu mai depinde de Font Awesome pentru iconurile din dropdown */
#page #content.hotel-detail-html-page .hotel-share-dropdown .hotel-share-svg{
    flex:0 0 20px!important;
    width:20px!important;
    height:20px!important;
    display:block!important;
    fill:currentColor!important;
    color:currentColor!important;
}

#page #content.hotel-detail-html-page .hotel-share-dropdown i{
    display:none!important;
}



/* PATCH 48 - hotel detail width/alignment */
/* Foloseste arhiva modificata de client ca baza. Doar latimi/aliniere pe pagina hotelului. */

#page #content.hotel-detail-html-page .hotel-modern-detail,
#page #content.hotel-detail-html-page .hotel-detail-redesign-wrap,
#page #content.hotel-detail-html-page article.container{
    width:100%!important;
    max-width:1240px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding-left:24px!important;
    padding-right:24px!important;
}

/* Layoutul principal sa ocupe corect latimea, nu sa ramana inghesuit */
#page #content.hotel-detail-html-page .hotel-modern-layout{
    width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
    display:flex!important;
    align-items:flex-start!important;
    gap:32px!important;
}

#page #content.hotel-detail-html-page .hotel-modern-main{
    flex:1 1 auto!important;
    width:auto!important;
    max-width:none!important;
    padding-left:0!important;
    padding-right:0!important;
}

#page #content.hotel-detail-html-page .hotel-modern-sidebar{
    flex:0 0 340px!important;
    width:340px!important;
    max-width:340px!important;
    padding-left:0!important;
    padding-right:0!important;
}

/* Galeria sa fie aliniata la stanga in coloana ei si sa ocupe toata coloana */
#page #content.hotel-detail-html-page .hotel-gallery-grid{
    width:100%!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
    grid-template-columns:minmax(0,1fr) 210px!important;
}

/* Cardurile de sub galerie sa se alinieze cu galeria */
#page #content.hotel-detail-html-page .hotel-info-card,
#page #content.hotel-detail-html-page .hotel-modern-box{
    width:100%!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
}

/* Sidebarul sa aiba aceeasi latime peste tot */
#page #content.hotel-detail-html-page .hotel-contact-card,
#page #content.hotel-detail-html-page .hotel-rooms-card{
    width:100%!important;
    max-width:100%!important;
}

/* Ajustare container search pe detaliu hotel ca sa pice pe aceeasi axa vizuala */
#page #content.hotel-detail-html-page #search-page > .container{
    max-width:1120px!important;
}

/* Nu forta overflow pe body din cauza headerului */
html, body{
    overflow-x:hidden!important;
}

@media(max-width:1199px){
    #page #content.hotel-detail-html-page .hotel-modern-detail,
    #page #content.hotel-detail-html-page article.container{
        max-width:1120px!important;
    }

    #page #content.hotel-detail-html-page .hotel-modern-layout{
        gap:24px!important;
    }

    #page #content.hotel-detail-html-page .hotel-modern-sidebar{
        flex-basis:320px!important;
        width:320px!important;
        max-width:320px!important;
    }
}

@media(max-width:991px){
    #page #content.hotel-detail-html-page .hotel-modern-layout{
        display:block!important;
    }

    #page #content.hotel-detail-html-page .hotel-modern-main,
    #page #content.hotel-detail-html-page .hotel-modern-sidebar{
        width:100%!important;
        max-width:100%!important;
        padding-left:0!important;
        padding-right:0!important;
    }

    #page #content.hotel-detail-html-page .hotel-modern-sidebar{
        margin-top:24px!important;
    }
}

@media(max-width:767px){
    #page #content.hotel-detail-html-page .hotel-modern-detail,
    #page #content.hotel-detail-html-page article.container{
        padding-left:15px!important;
        padding-right:15px!important;
    }
}