/* ===== POPUP #info-popup-knyga (Divi Areas Pro) ===== */

/* 1. Overlay – rodomas kol modalas atidarytas, bet be blur.
   Rodymą/slėpimą tvarko pats DAP (body.da-overlay-visible) */
.da-overlay,
.da-overlay.evr_fb_popup_modal {
    background: rgba(0, 0, 0, .45) !important;
    background-image: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    -webkit-filter: none !important;
    filter: none !important;
}

/* 2. DAP uždarymo mygtukas – slepiam, X dedam į pačią kortelę */
.popup_outer_wrap .da-close-wrap,
.popup_outer_wrap .da-close,
.da-close-wrap,
.da-close-wrap.evr-close_wrap,
a.da-close,
a.evr-close {
    display: none !important;
}

/* 3. Wrap'as nepagauna paspaudimų – fonas lieka paspaudžiamas.
   Pozicionavimo NELIEČIAM: DAP pats centruoja (data-da-position="center-center") */
.area-outer-wrap.popup_outer_wrap {
    pointer-events: none !important;
}

/* 4. Turinys neblurinamas, scroll'as neužrakinamas */
#page-container,
#et-main-area,
body.da-overlay-visible #page-container,
body.da-popup-visible #page-container {
    -webkit-filter: none !important;
    filter: none !important;
}

body.da-popup-visible,
body.da-overlay-visible {
    overflow: auto !important;
}

/* 5. Kortelė – tik išvaizda, jokio position/top/left */
#info-popup-knyga.popup {
    position: relative !important;
    width: 380px !important;
    max-width: calc(100vw - 32px) !important;
    background: #fff !important;
    border-radius: 14px !important;
    box-shadow: 0 12px 40px rgba(0,0,0,.28) !important;
    padding: 0 !important;
    pointer-events: auto !important;
}

/* Apvalūs kampai kerpa nuotrauką */
#info-popup-knyga.popup > .et_pb_row_11 {
    border-radius: 14px !important;
    overflow: hidden !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

#info-popup-knyga .et_pb_column_20 {
    margin: 0 !important;
    padding: 0 !important;
}

/* Paveikslėlis – pilnas plotis viršuje */
#info-popup-knyga .et_pb_image_5 {
    margin: 0 !important;
}
#info-popup-knyga .et_pb_image_5 .et_pb_image_wrap,
#info-popup-knyga .et_pb_image_5 img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
}

/* Tekstas */
#info-popup-knyga .et_pb_text_5 {
    padding: 16px 18px 4px !important;
    margin: 0 !important;
}
#info-popup-knyga .et_pb_text_5 p {
    font-size: 14px !important;
    line-height: 1.35 !important;
    margin: 0 !important;
}

/* Mygtukas */
#info-popup-knyga .et_pb_button_0_wrapper {
    padding: 12px 18px 20px !important;
    margin: 0 !important;
}

/* 6. Mūsų X – kortelės viduje, dešiniame viršutiniame kampe */
#info-popup-knyga .lsp-x {
    position: absolute !important;
    top: 8px !important;
    right: 8px !important;
    left: auto !important;
    bottom: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 30px !important;
    height: 30px !important;
    line-height: 28px !important;
    text-align: center !important;
    font-size: 20px !important;
    font-weight: 400 !important;
    border: 0 !important;
    border-radius: 50% !important;
    background: rgba(0,0,0,.55) !important;
    color: #fff !important;
    cursor: pointer !important;
    pointer-events: auto !important;
    z-index: 10 !important;
}

#info-popup-knyga .lsp-x:hover {
    background: #ef3f49 !important;
}

/* ===== MOBILE (≤600px): kortelė apačioje per visą plotį ===== */
@media (max-width: 600px) {
    /* Čia jau perrašom DAP inline pozicionavimą */
    .area-outer-wrap.popup_outer_wrap {
        position: fixed !important;
        left: 8px !important;
        right: 8px !important;
        top: auto !important;
        bottom: 8px !important;
        width: auto !important;
        max-width: none !important;
        transform: none !important;
    }
    #info-popup-knyga.popup {
        width: 100% !important;
        max-width: none !important;
        max-height: 70vh !important;
        overflow-y: auto !important;
    }
    #info-popup-knyga .et_pb_image_5 img {
        max-height: 160px !important;
        object-fit: cover !important;
    }
    #info-popup-knyga .et_pb_text_5 {
        padding: 12px 14px 2px !important;
    }
    #info-popup-knyga .et_pb_text_5 p {
        font-size: 12px !important;
    }
    #info-popup-knyga .et_pb_button_0_wrapper {
        padding: 8px 14px 14px !important;
    }
}