/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* ===============================
   POPUP OVERLAY
================================ */
.oslobukta-popup {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.85);
    opacity: 0;
    visibility: hidden;
    align-items: center;
    justify-content: center;
    z-index: 99999;
    padding: 20px;
    display: flex;
}

.oslobukta-popup.active {
    opacity: 1;
    visibility: visible;
}

/* ===============================
   POPUP BOX
================================ */
.oslobukta-popup-inner {
    position: relative;
    width: 100%;
    max-width: 900px;
    transform: translateY(-100%);
    transition: all 0.65s ease 0.3s;
    opacity: 0;
    background: #fff;
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0 20px 60px rgba(0,0,0,0.6);
}

.oslobukta-popup.active .oslobukta-popup-inner{
    transform: translateY(0%);
    opacity: 1;
}


/* ===============================
   CLOSE BUTTON
================================ */
.oslobukta-popup .popup-close {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 42px;
    height: 42px;
    border-radius: 100%;
    background: transparent;
    border: 1px solid #005587;
    color: #005587;
    font-size: 26px;
    cursor: pointer;
    z-index: 20;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .2s ease;
}

.oslobukta-popup .popup-close:hover {
    background: #005587;
    color: #fff;
}

/* ===============================
   CONTENT
================================ */
.popup-content {
    max-height: calc(90vh - 130px);
    overflow-y: auto;
    overflow-x: hidden;
}

.popup-content img {
    max-width: 100%;
    height: auto;
    display: block;
    border-radius: 4px;
}

/* ===============================
   REMOVE ELEMENTOR SVG
================================ */
.oslobukta-popup .popup-content svg {
    display: none !important;
}