@charset "utf-8";

/* ==========================================================================
   Fancybox popup Ορων Χρησης (.fancybox_oroi -> mainClass: oroiFancy)
   Στηλιζει μονο το "κουτι" - το περιεχομενο στυλιζεται μεσα στο eshop_oroi.php
   ========================================================================== */

.fancybox__container.oroiFancy {
    --fancybox-backdrop-bg: rgba(36, 40, 51, 0.72);
    --f-carousel-slide-padding: 0;
    --f-close-button-width: 44px;
    --f-close-button-height: 44px;
    --f-close-border-radius: 50%;
    --f-close-button-bg: rgba(255, 255, 255, 0.9);
    --f-close-button-hover-bg: #8C3CFA;
    --f-close-button-color: #242833;
    --f-close-button-hover-color: #fff;
    --f-close-button-svg-width: 20px;
    --f-close-button-svg-height: 20px;
}

.oroiFancy .fancybox__backdrop {
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
}

.oroiFancy .fancybox__slide {
    padding: 26px 18px;
}

.oroiFancy .fancybox__slide.has-close-btn {
    padding-top: 62px;
}

/* το iframe "κουτι" */
.oroiFancy .fancybox__slide .f-html {
    width: 100%;
    max-width: 960px;
    height: 100%;
    max-height: 860px;
    border-radius: 26px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 30px 70px rgba(0, 0, 0, 0.35);
}

.oroiFancy .f-iframe {
    border-radius: 26px;
}

.oroiFancy .fancybox__slide .f-button[data-fancybox-close] {
    top: calc(var(--f-button-height) * -1 - 12px);
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.2);
}

@media (max-width: 767px) {
    .oroiFancy .fancybox__slide {
        padding: 10px 8px;
    }

    .oroiFancy .fancybox__slide.has-close-btn {
        padding-top: 56px;
    }

    .oroiFancy .fancybox__slide .f-html,
    .oroiFancy .f-iframe {
        border-radius: 20px;
    }
}