/**
* NOTICE OF LICENSE
*
* This source file is subject to the Open Software License version 3.0
* that is bundled with this package in the file LICENSE.md
* It is also available through the world-wide-web at this URL:
* https://opensource.org/license/osl-3-0-php
* If you did not receive a copy of the license and are unable to
* obtain it through the world-wide-web, please send an email
* to support@qloapps.com so we can send you a copy immediately.
*
* DISCLAIMER
*
* Do not edit or add to this file if you wish to upgrade this module to a newer
* versions in the future. If you wish to customize this module for your needs
* please refer to https://store.webkul.com/customisation-guidelines for more information.
*
* @author Webkul IN
* @copyright Since 2010 Webkul
* @license https://opensource.org/license/osl-3-0-php Open Software License version 3.0
*/

/* #_desktop_contact_link{float: left;}
.qwp-share #qwp-product {margin-top: 1.5rem;}
.qwp-btn-whatsapp i {color:#09D261;}
.qwp-btn-whatsapp:hover i {color: white;}
.qwp-btn-whatsapp:hover {background-color:#09D261;border-color: white;color: white;}

.btn-qwp-share {float: left;line-height: 19px;font-size: 15px;outline: none;}
.btn-qwp-share a {color: #232323 !important;}
.btn-qwp-share:hover {background-color:#09D261;border-color: white;color: white !important;}
.btn-qwp-share:hover a {color:white !important;}

.qwp-share-order-conf {float: right;}
.qwp-share-order-conf a:hover i {color: white;} */

/* Footer floating button for support */
.qwp-support-fixed {
    position: fixed;
    right: 30px;
    bottom: 115px;
    z-index: 99999;
    width: 0px;
}
@media (max-width: 540px) {
    .qwp-support-popup-panel ,.qwp-support-panel-Singleitem,.qwp-support-panel {
        width:90% !important;
        right: 20px !important;
        left: 20px !important;
    }
    .qwp-share .btn-qwp-share{
        font-size: 14px;
    }
    .qwp-support-panel ul.qwp-support-list li a .qwp-list-text {
        width: 69% !important;
    }
    .qwp-support-panel-Singleitem,.qwp-support-panel{
        width: 90%!important;
    }
}
.qwp-support-fixed-left {
    position: fixed;
    left: 30px;
    bottom: 170px;
    z-index: 99999;
    width: 450px;
}
.qwp-support-fixed-right{
    position: fixed;
    right: 30px;
    bottom: 170px;
    z-index: 99999;
    width: 450px;

}
.qwp-support-fixed-button-left{
    left: 30px;
}
.qwp-support-fixed .qwp-btn {
    float: right;
    border-radius: 10px;
    padding: 10px;
    background: linear-gradient(#57D163, #23B33A); /* Corrected the gradient syntax */
    border-color: #09D261 !important;
    outline: none;
    font-weight: 600;
    font-size: 17px;
    color: white;
}
.qwp-support-fixed .qwp-btn:hover {
    background: none;
    background-color: #1DAF5D;
}


.qwp-support-panel {
    position: fixed;
    right: 40px;
    bottom: 180px;
    z-index: 99999;
    width: 450px;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
    border: 0px !important;
    background: white;
    border-radius: 10px !important;
}
.qwp-panel-heading {
    background-color: rgba(1,94,68,1); /* WhatsApp green */
    border-top-right-radius: 10px !important;
    border-top-left-radius: 10px !important;
    color: #ffffff; /* White text */
    padding: 20px; /* Padding around the heading */
    font-size: 18px; /* Font size */
    display: flex;
    flex-direction: row;
}
.qwp-support-panel ul.qwp-support-list {
    max-height: 300px;
    overflow-y: auto;
  }
  .qwp-support-panel ul.qwp-support-list::-webkit-scrollbar {
    width: 0; /* Removes the scrollbar's width */
    height: 0; /* Removes the scrollbar's height */
  }
  
.qwp-support-panel ul.qwp-support-list li {float: left; width: 100%; padding:16px 20px;  border-top: 1px solid rgba(0, 0, 0, 0.1); overflow: hidden; }
.qwp-support-panel ul.qwp-support-list li:hover {background-color:rgba(0, 0, 0, 0.1); cursor: pointer;}
.qwp-support-panel ul.qwp-support-list li:hover a {color:#777777 !important; }
.qwp-support-panel ul.qwp-support-list li a {display: block; text-shadow: unset !important; text-decoration: none;}
.qwp-support-panel ul.qwp-support-list li img {float: left; width: 60px; height: 60px; border-radius: 50%;background-size: cover;background-position: center;}
.qwp-support-panel ul.qwp-support-list li a .qwp-list-text {
    margin-top: 5px;
    margin-left: 10px;
    float: left;
    width: 80%;
    word-wrap: break-word;
    display: inline-block;
    vertical-align: middle;
}
.qwp-panel-footer-btn a:active {
    text-decoration: none;
}
.qwp-support-panel ul.qwp-support-list li a .qwp-list-text p {
    margin: 0 0 2px !important;
}
.li-address{
    font-weight: 500;
    padding-top:8px;
    font-size:14px;
    font-family:sans-serif
}
.hotel-address{
    font-size: 14px;
    font-family:sans-serif;
    padding-right: 10px;
}
.qwp-list-text{
    /* font-family: sans-serif; */
    width: 80%;
    margin-top: 5px;
    margin-left: 10px;
}
.qwp-list-text p:first-of-type {
    color: #333333; /* Example */
    font-weight: 600;
    font-size: 18px; /* Example */
    white-space: nowrap; /* Prevents text from wrapping */
    overflow: hidden; /* Hides the overflow */
    text-overflow: ellipsis; /* Adds ellipsis (...) for overflowed content */
    -webkit-line-clamp: 1; /* Limits the text to one line */
    -webkit-box-orient: vertical; /* Specifies box orientation for text clamping */
    display: -webkit-box; /* Enables WebKit box model for line clamping */
  }
  
.qwp-whatsapp-icon-lg {
    width: 32px;
    height: 32px;
    vertical-align: middle;
    display: inline-block;
    background: url("../../views/img/whatsapp-close.png") no-repeat;
}
.qwp-close-icon-lg {
    width: 28px;
    height: 28px;
    background-position: -28px 0px;
    vertical-align: middle;
    display: inline-block;
    background: url("../../views/img/whatsapp-close.png") no-repeat;
}

.qwp-support .btn-qwp-support {
    border-radius: 30px;
    overflow: hidden;
    font-weight: 600;
    border-color: #09D261 !important;
    outline: none;
    font-size: 15px;
    color:black;
    padding: 10px 10px;
}


#support-btn{
    border-color: #09D261 !important;
    background-color: #09D261;
    font-size: 15px;
    color:rgb(255, 255, 255);
}
#support-btn:hover{
    background-color: #1DAF5D;
}
.qwp-share .btn-qwp-share{
    padding: 10px 5px;
    border:1px solid #09D261 !important;
    color: #333333;
    border-radius: 25px;
    overflow: hidden;
   font-weight: 600;
}
.qwp-product-share {
    padding: 20px;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
}
.qwp-share-support{
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.3); /* Uniform shadow on all sides */
    margin-bottom: 10px;
}
.qwp-support{
    padding: 15px;
}
#product-whatsapp-icon{
    margin-right: 5px;
}

.product-desc {
    padding-top: 10px;
    text-align: center; /* Centers text horizontally */
}

.qwp-support .qwp-whatsapp-icon, .qwp-share .qwp-whatsapp-icon {
    width: 21px;
    height: 20px;
    vertical-align: middle;
    display: inline-block;
    background: url("../../views/img/whatsapp-close.png") no-repeat;
    background-size: contain;
}
.qwp-whatsapp-icongreen {
    width: 22px;
    height: 22px;
    vertical-align: middle;
    display: inline-block;
    background: url("../../views/img/wpicongreen.png") no-repeat;
    background-size: contain;
}
.qwp-whatsapp-white {
    width: 22px;
    height: 22px;
    vertical-align: middle;
    display: inline-block;
    background: url("../../views/img/wpiconwhite.png") no-repeat;
    background-size: contain;
}

.qwp-share .qwp-share-icon {
    width: 21px;
    height: 20px;
    vertical-align: middle;
    display: inline-block;
    background: url("../../views/img/share-icon-lg.png") no-repeat;
    background-size: contain;
}

.qwp-share .qwp-share-order-conf {
    margin-bottom: 5px;
}

.qwp-share #qwp-product {
    float: right;
}

.qwp-support-popup-panel {
  
    background-color: #ffffff; /* White background */
    border-radius: 10px; /* Rounded corners */
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2); /* Soft shadow */
    overflow: hidden; /* Prevent overflow */
    display: flex;
    flex-direction: column;
    height: 375px;
    margin-bottom: 10px;
    
}
.cross{
    font-size: 30px;
    color: white;
    font-weight: 200;
}

.qwp-pop-panel-heading {
    background-color: #015E44; /* WhatsApp green */
    color: #ffffff; /* White text */
    padding: 20px 20px; /* Padding around the heading */
    font-size: 18px; /* Font size */
    width: 100%;
    display: flex;
    flex-direction: row;
}

.qwp-panel-center {
    flex: 1; /* Allow this section to grow */
    color: #555555; /* Dark grey text */
    font-size: 16px; /* Font size for content */
    /* padding-bottom: 40px; */
    padding-left: 13px;
    text-align: center; /* Center text */
    background-image: url(../img/whatsappchatbck.png);
    background-repeat: no-repeat; /* Prevent the background from repeating */
    background-size: 170%; 
    background-position: center; /* Center the background image */
    display: flex;
    justify-content: center; /* Center horizontally */
    align-items: center; /* Center vertically */
}

.popup-header-text{
    font-family: sans-serif;
    font-size: 22px;
    font-weight: 900;
    display: -webkit-box;         /* Enables WebKit-based box layout */
    -webkit-line-clamp: 1;        /* Number of lines to display */
    -webkit-box-orient: vertical; /* Specifies the box's orientation */
    overflow: hidden;             /* Hides overflowing text */
    text-overflow: ellipsis; 
}
.popup-desc-text {
    font-family: sans-serif;
    padding-top: 10px;
    font-size: 14px;
    display: -webkit-box;         /* Enables WebKit-based box layout */
    -webkit-line-clamp: 1;        /* Number of lines to display */
    -webkit-box-orient: vertical; /* Specifies the box's orientation */
    overflow: hidden;             /* Hides overflowing text */
    text-overflow: ellipsis;      /* Adds "..." to truncated text */
}

.popupMessage {
    margin-bottom: 35px;
    font-family: sans-serif;
    position: relative; /* Ensure the pseudo-element is positioned correctly */
    text-align: left; /* Align text to the left */
    background-color: white;
    color: #333333;
    font-weight: 500;
    line-height: 22px;
    font-size: 17px;
    padding: 20px 15px;
    border-radius: 8px; /* Rounded corners for the message box */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Subtle shadow */
    max-width: 90%; /* Limit width */
}

.popupMessage::before {
    content: "";
    position: absolute;
    bottom: 7px; /* Adjust height alignment with the message box */
    left: -16px; /* Position the tail to the left side */
    width: 20px;
    height: 20px;
    background-color: white; /* Match the message box color */
    border-top-left-radius: 50%; /* Create a curve for the top */
    border-bottom-left-radius: 50%; /* Add smooth curvature at the bottom */
    clip-path: polygon(100% 0, 0 110%, 100% 95%); /* Create a tail-like triangular shape */
    box-shadow: -2px 2px 6px rgba(0, 0, 0, 0.1); /* Add a slight shadow for depth */
    rotate: 12deg;
}

.qwp-panel-footer {
    padding: 15px; 
    text-align: center; 
    background-color: white;
}

.qwp-panel-footer-btn {
    display: block;
    font-weight: 600;
    background-color: #13C656; /* WhatsApp green */
    color: white !important; /* White text */
    border: none; /* Remove default border */
    font-size: 16px;
    padding: 10px; /* Padding for the button */
    border-radius: 25px; /* Rounded corners for the button */
    cursor: pointer; /* Pointer cursor on hover */
    transition: background-color 0.3s; /* Transition effect */
}

.qwp-panel-footer-btn:hover {
    background-color: #1DAF5D; /* Darker green on hover */
}
.qwp-pop-panel-heading-text{
    margin-left: 10px;
    margin-top: 5px;
    width: 80%;

}
.qwp-pop-panel-heading-text-top{
   
    width: 100%;
    display: flex;
    margin-top: 3px;
    flex-direction: row;
    justify-content: space-between;
    
}

.qwp-pop-panel-heading-btn{
    background-color: transparent;
    padding-bottom:30px;
    border:none;
}
#search-result-share-button {
    width: auto; 
    padding: 8px;
    object-fit: cover; /* Ensures the image scales correctly without distortion */
    position: absolute; /* Positioning within the parent container */
    bottom: 20px;  /* Position it at the bottom */
    left: 50%;  
    transform: translateX(-50%);  /* Offset by half of its width to truly center it */
}

/* Media query for smaller screens */
@media (max-width: 766px) {
    #search-result-share-button {
        bottom: 20px;  /* Position it at the bottom */
        left: 140px; 
    }
}

/* Media query for larger screens */
@media (max-width: 300px) {
    #search-result-share-button {
        left: 130px; 
    }
}

.popupimage {
    /* margin-top: 6px; */
    height: 60px;
    width: 60px; /* Ensures the width matches the height for a perfect circle */
    border-radius: 50%;
    overflow: hidden; /* Ensures that the image is clipped within the circle */
    position: relative; /* Makes positioning easier */
}

.popupimage img {
    width: 100%;  /* Make the image fill the container's width */
    height: 100%; /* Make the image fill the container's height */
    object-fit: cover; /* Ensures the image scales correctly without distortion */
    position: absolute; /* Positioning within the circle */
    top: 0;
    left: 0;
}

.qwp-support-panel-singleitem-list li{
    
    background-color: white;
    display: flex;
    flex-direction: row;
}
.qwp-support-pannel-single-hotel-list{
    background-color: white;
    display: flex;
    flex-direction: row;
    padding: 20px;
    border-bottom: 1px solid rgb(232, 232, 232);

}
.qwp-support-panel-Singleitem{
    position: fixed;
    right: 40px;
    bottom: 170px;
    z-index: 99999;
    width: 450px;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
    margin-bottom: 10px;
    border-radius: 10px;
    overflow: hidden;
}