
/* HOTEL DETAIL PAGE REDESIGN - PATCH 38 */
#page #content.hotel-detail-redesign-page{background:#f7f8fb!important;color:#12284c!important;}
#page #content.hotel-detail-redesign-page #search-page{margin-bottom:34px!important;}
#page #content.hotel-detail-redesign-page .hotel-detail-redesign-wrap{max-width:1180px!important;padding-left:15px!important;padding-right:15px!important;}
#page #content.hotel-detail-redesign-page .hotel-detail-redesign-wrap>.row{display:flex!important;align-items:flex-start!important;}
#page #content.hotel-detail-redesign-page .hotel-detail-redesign-wrap .col-md-8.mb20{padding-right:18px!important;}
#page #content.hotel-detail-redesign-page .hotel-detail-sidebar{padding-left:18px!important;}
#page #content.hotel-detail-redesign-page .col-md-8>.row.mb10:first-child{position:relative!important;background:#fff!important;border:1px solid rgba(23,55,99,.10)!important;border-radius:14px!important;box-shadow:0 10px 26px rgba(23,55,99,.07)!important;margin:0 0 18px!important;padding:22px!important;}
#page #content.hotel-detail-redesign-page .col-md-8>.row.mb10:first-child>[class*="col-"]{padding-left:0!important;padding-right:0!important;}
#page #content.hotel-detail-redesign-page h1{margin:0!important;color:#073763!important;font-size:28px!important;line-height:1.18!important;font-weight:800!important;}
#page #content.hotel-detail-redesign-page h1 small{color:#526179!important;font-size:15px!important;font-weight:500!important;line-height:1.4!important;}
#page #content.hotel-detail-redesign-page h1 .fa-star,#page #content.hotel-detail-redesign-page h1 small .fa-star{color:#ffb000!important;}
#page #content.hotel-detail-redesign-page .price.text-primary{color:#173763!important;font-size:15px!important;line-height:1.25!important;}
#page #content.hotel-detail-redesign-page .price.text-primary span{display:inline-block!important;color:#1f5aa6!important;font-size:28px!important;font-weight:800!important;margin:0 4px!important;}
#page #content.hotel-detail-redesign-page .btn-success{background:#29a84a!important;border-color:#29a84a!important;color:#fff!important;border-radius:8px!important;padding:13px 26px!important;font-weight:800!important;text-transform:uppercase!important;box-shadow:0 8px 18px rgba(41,168,74,.22)!important;}
#page #content.hotel-detail-redesign-page .col-md-8>.row.mb10:nth-child(2){background:#fff!important;border:1px solid rgba(23,55,99,.10)!important;border-radius:14px!important;box-shadow:0 10px 26px rgba(23,55,99,.06)!important;margin:0 0 18px!important;padding:18px 22px!important;}
#page #content.hotel-detail-redesign-page .facility-icon{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:38px!important;height:38px!important;margin:0 12px 8px 0!important;border-radius:10px!important;background:#f3f7fd!important;border:1px solid rgba(23,55,99,.08)!important;}
#page #content.hotel-detail-redesign-page .facility-icon img{max-width:22px!important;max-height:22px!important;}
#page #content.hotel-detail-redesign-page .owlWrapper{overflow:hidden!important;border-radius:14px!important;background:#fff!important;box-shadow:0 12px 30px rgba(23,55,99,.12)!important;}
#page #content.hotel-detail-redesign-page .owlWrapper .owl-stage-outer,#page #content.hotel-detail-redesign-page .owlWrapper .owl-item{border-radius:14px!important;overflow:hidden!important;}
#page #content.hotel-detail-redesign-page .owlWrapper img{width:100%!important;height:440px!important;max-height:none!important;object-fit:cover!important;display:block!important;}
#page #content.hotel-detail-redesign-page .owlWrapper .owl-dots{position:absolute!important;left:0!important;right:0!important;bottom:14px!important;}
#page #content.hotel-detail-redesign-page [itemprop="description"]{background:#fff!important;border:1px solid rgba(23,55,99,.10)!important;border-radius:14px!important;box-shadow:0 10px 26px rgba(23,55,99,.06)!important;padding:24px!important;color:#34435e!important;line-height:1.65!important;}
#page #content.hotel-detail-redesign-page h2,#page #content.hotel-detail-redesign-page h3{color:#073763!important;}
#page #content.hotel-detail-redesign-page .hotel-detail-sidebar>.boxed{background:#fff!important;border:1px solid rgba(23,55,99,.10)!important;border-radius:16px!important;box-shadow:0 16px 36px rgba(23,55,99,.10)!important;padding:0!important;overflow:hidden!important;}
#page #content.hotel-detail-redesign-page .hotel-detail-sidebar [itemscope][itemtype="http://schema.org/Corporation"]{padding:24px 24px 18px!important;}
#page #content.hotel-detail-redesign-page .hotel-detail-sidebar h3{margin:0 0 14px!important;color:#073763!important;font-size:20px!important;line-height:1.25!important;font-weight:800!important;}
#page #content.hotel-detail-redesign-page .hotel-detail-sidebar address{margin:0!important;color:#526179!important;font-size:14px!important;line-height:1.55!important;}
#page #content.hotel-detail-redesign-page .hotel-detail-sidebar address .fa,#page #content.hotel-detail-redesign-page .hotel-detail-sidebar address .fas{color:#173763!important;margin-right:6px!important;}
#page #content.hotel-detail-redesign-page .hotel-detail-sidebar address a{color:#1f5aa6!important;}
#page #content.hotel-detail-redesign-page #leafletMapHotel{height:250px!important;margin:0!important;border-top:1px solid rgba(23,55,99,.10)!important;border-bottom:1px solid rgba(23,55,99,.10)!important;}
#page #content.hotel-detail-redesign-page .hotel-detail-sidebar .widget-title{margin:0!important;padding:20px 24px 10px!important;color:#073763!important;font-size:18px!important;line-height:1.2!important;font-weight:800!important;}
#page #content.hotel-detail-redesign-page .hotel-detail-sidebar .popup-modal{display:block!important;padding:14px 24px!important;color:inherit!important;text-decoration:none!important;border-top:1px solid rgba(23,55,99,.08)!important;transition:background .2s ease!important;}
#page #content.hotel-detail-redesign-page .hotel-detail-sidebar .popup-modal:hover{background:#f6f9fd!important;}
#page #content.hotel-detail-redesign-page .hotel-detail-sidebar .popup-modal .row{display:flex!important;align-items:center!important;margin-left:-8px!important;margin-right:-8px!important;}
#page #content.hotel-detail-redesign-page .hotel-detail-sidebar .popup-modal [class*="col-"]{padding-left:8px!important;padding-right:8px!important;}
#page #content.hotel-detail-redesign-page .hotel-detail-sidebar .img-container.sm{width:76px!important;height:58px!important;border-radius:8px!important;overflow:hidden!important;margin:0!important;}
#page #content.hotel-detail-redesign-page .hotel-detail-sidebar .img-container.sm img{width:100%!important;height:100%!important;object-fit:cover!important;}
#page #content.hotel-detail-redesign-page .hotel-detail-sidebar .popup-modal h3{margin:0 0 4px!important;color:#073763!important;font-size:15px!important;line-height:1.25!important;font-weight:800!important;}
#page #content.hotel-detail-redesign-page .hotel-detail-sidebar .popup-modal h4{margin:0 0 5px!important;color:#526179!important;font-size:13px!important;line-height:1.25!important;font-weight:400!important;}
#page #content.hotel-detail-redesign-page .hotel-detail-sidebar .popup-modal .price{color:#1f5aa6!important;font-size:12px!important;}
#page #content.hotel-detail-redesign-page .hotel-detail-sidebar .popup-modal .price span{color:#1f5aa6!important;font-size:14px!important;font-weight:800!important;}
@media(max-width:991px){#page #content.hotel-detail-redesign-page .hotel-detail-redesign-wrap>.row{display:block!important;}#page #content.hotel-detail-redesign-page .hotel-detail-redesign-wrap .col-md-8.mb20,#page #content.hotel-detail-redesign-page .hotel-detail-sidebar{padding-left:15px!important;padding-right:15px!important;}#page #content.hotel-detail-redesign-page .owlWrapper img{height:340px!important;}}
@media(max-width:767px){#page #content.hotel-detail-redesign-page h1{font-size:24px!important;}#page #content.hotel-detail-redesign-page .owlWrapper img{height:260px!important;}#page #content.hotel-detail-redesign-page .col-md-8>.row.mb10:first-child{padding:18px!important;}#page #content.hotel-detail-redesign-page .col-md-8>.row.mb10:first-child .text-right{text-align:left!important;margin-top:16px!important;}}



/* PATCH 39 - Hotel gallery like mockup */
/* Doar galeria principala de pe pagina hotelului */

#page #content.hotel-detail-redesign-page .hotel-main-gallery-row{
    margin:0 0 18px !important;
}

#page #content.hotel-detail-redesign-page .hotel-main-gallery-row > .col-md-12{
    padding-left:0 !important;
    padding-right:0 !important;
}

/* Card galerie */
#page #content.hotel-detail-redesign-page .hotel-main-gallery{
    position:relative !important;
    height:420px !important;
    border-radius:14px !important;
    overflow:hidden !important;
    background:#fff !important;
    box-shadow:0 14px 34px rgba(23,55,99,.14) !important;
}

/* Owl intern */
#page #content.hotel-detail-redesign-page .hotel-main-gallery .owl-stage-outer,
#page #content.hotel-detail-redesign-page .hotel-main-gallery .owl-stage,
#page #content.hotel-detail-redesign-page .hotel-main-gallery .owl-item{
    height:100% !important;
}

#page #content.hotel-detail-redesign-page .hotel-main-gallery .owl-item > img,
#page #content.hotel-detail-redesign-page .hotel-main-gallery img{
    width:100% !important;
    height:420px !important;
    max-height:none !important;
    object-fit:cover !important;
    display:block !important;
}

/* Gradient fin jos, ca sa ascunda imperfecțiunile imaginilor */
#page #content.hotel-detail-redesign-page .hotel-main-gallery:after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:38%;
    z-index:2;
    pointer-events:none;
    background:linear-gradient(to top, rgba(5,23,48,.38), rgba(5,23,48,0));
}

/* Butoane next/prev ca in mockup */
#page #content.hotel-detail-redesign-page .hotel-main-gallery .owl-nav{
    position:absolute !important;
    inset:0 !important;
    z-index:4 !important;
    pointer-events:none !important;
}

#page #content.hotel-detail-redesign-page .hotel-main-gallery .owl-prev,
#page #content.hotel-detail-redesign-page .hotel-main-gallery .owl-next{
    position:absolute !important;
    top:50% !important;
    width:52px !important;
    height:52px !important;
    margin-top:-26px !important;
    border-radius:50% !important;
    background:#fff !important;
    color:#173763 !important;
    box-shadow:0 8px 24px rgba(23,55,99,.18) !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    font-size:0 !important;
    opacity:1 !important;
    pointer-events:auto !important;
}

#page #content.hotel-detail-redesign-page .hotel-main-gallery .owl-prev{
    left:22px !important;
}

#page #content.hotel-detail-redesign-page .hotel-main-gallery .owl-next{
    right:22px !important;
}

#page #content.hotel-detail-redesign-page .hotel-main-gallery .owl-prev:before,
#page #content.hotel-detail-redesign-page .hotel-main-gallery .owl-next:before{
    font-family:"Font Awesome 5 Free", "FontAwesome" !important;
    font-weight:900 !important;
    font-size:20px !important;
    line-height:1 !important;
}

#page #content.hotel-detail-redesign-page .hotel-main-gallery .owl-prev:before{
    content:"\f104";
}

#page #content.hotel-detail-redesign-page .hotel-main-gallery .owl-next:before{
    content:"\f105";
}

/* Dots ascunse, folosim numar foto ca mockup */
#page #content.hotel-detail-redesign-page .hotel-main-gallery .owl-dots{
    display:none !important;
}

/* Badge foto jos stanga */
#page #content.hotel-detail-redesign-page .hotel-main-gallery:before{
    content:"\f03e  1 / 18";
    font-family:"Font Awesome 5 Free", "FontAwesome", Arial, sans-serif !important;
    font-weight:400 !important;
    position:absolute;
    left:22px;
    bottom:18px;
    z-index:5;
    min-width:78px;
    height:36px;
    padding:0 12px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:8px;
    color:#fff;
    font-size:14px;
    line-height:1;
    background:rgba(0,0,0,.55);
    backdrop-filter:blur(4px);
}

/* Pe pagina hotel vrem galeria mare, nu carousel vechi generic */
#page #content.hotel-detail-redesign-page .owlWrapper:not(.hotel-main-gallery){
    border-radius:14px !important;
}

/* Responsive */
@media(max-width:991px){
    #page #content.hotel-detail-redesign-page .hotel-main-gallery,
    #page #content.hotel-detail-redesign-page .hotel-main-gallery img{
        height:340px !important;
    }
}

@media(max-width:767px){
    #page #content.hotel-detail-redesign-page .hotel-main-gallery,
    #page #content.hotel-detail-redesign-page .hotel-main-gallery img{
        height:260px !important;
    }

    #page #content.hotel-detail-redesign-page .hotel-main-gallery .owl-prev,
    #page #content.hotel-detail-redesign-page .hotel-main-gallery .owl-next{
        width:44px !important;
        height:44px !important;
        margin-top:-22px !important;
    }

    #page #content.hotel-detail-redesign-page .hotel-main-gallery .owl-prev{
        left:14px !important;
    }

    #page #content.hotel-detail-redesign-page .hotel-main-gallery .owl-next{
        right:14px !important;
    }
}
