/*
* 2013-2022 Froggy Commerce
*
* NOTICE OF LICENSE
*
* You should have received a licence with this module.
* If you didn't buy this module on Froggy-Commerce.com, ThemeForest.net
* or Addons.PrestaShop.com, please contact us immediately : contact@froggy-commerce.com
*
* DISCLAIMER
*
* Do not edit or add to this file if you wish to benefit the updates
* for newer PrestaShop versions in the future. If you wish to customize PrestaShop for your
* needs please refer to http://www.prestashop.com for more information.
*
* @author    Froggy Commerce <contact@froggy-commerce.com>
* @copyright 2013-2022 Froggy Commerce
* @license   Unauthorized copying of this file, via any medium is strictly prohibited
*/

.henriot-customizable-message-popin {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999999;
    width: 100vw;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
}

.henriot-customizable-message-popin .henriot-customizable-message {
    max-height: 70vh;
    width: 600px;
    max-width: 90%;
    padding: 40px;
    color: #000;
    background-color: #fff;
    border-radius: 0;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    position: fixed;
    overflow: auto;
    font-family: 'Cormorant Garamond', sans-serif;
}

.henriot-customizable-message-popin .henriot-customizable-message h1,
.henriot-customizable-message-popin .henriot-customizable-message h2,
.henriot-customizable-message-popin .henriot-customizable-message h3 {
    font-family: 'Cormorant Garamond', sans-serif;
    color: #9E4936;
    margin-bottom: 20px;
}

.henriot-customizable-message-popin .henriot-customizable-message p {
    min-width: 0;
    line-height: 1.6;
}

.henriot-customizable-message-popin .henriot-customizable-message p img {
    max-height: 50vh;
    max-width: 100%;
    object-fit: contain;
    cursor: pointer;
}

.henriot-customizable-message-popin .henriot-customizable-message a {
    color: #9E4936;
    text-decoration: underline;
}

.henriot-customizable-message-popin .henriot-customizable-message a:hover {
    color: #000;
}

.close-henriot-customizable-message-popin {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 20px;
    height: 20px;
    cursor: pointer;
    text-decoration: none;
}

.close-henriot-customizable-message-popin:before {
    content: '\e902';
    font-family: 'icomoon';
    color: #9E4936;
    font-size: 10px;
}

.close-henriot-customizable-message-popin img {
    display: none;
}

@media screen and (max-width: 1023px) {
    .henriot-customizable-message-popin .henriot-customizable-message {
        width: 80%;
        padding: 30px;
    }
}

@media screen and (max-width: 767px) {
    .henriot-customizable-message-popin .henriot-customizable-message {
        max-height: 80vh;
        width: 90%;
        padding: 25px;
    }

    .henriot-customizable-message-popin .henriot-customizable-message p img {
        max-height: 30vh;
    }
}