/* Custom HTML element: responsive image modal. */
.yith-wapo-image-modal-element { margin: 12px 0; }
.yith-wapo-image-modal-label { font-weight: 600; margin-bottom: 4px; }
.yith-wapo-image-modal-description { margin-bottom: 10px; }
.yith-wapo-image-modal-trigger { cursor: pointer; }
.yith-wapo-image-modal {
    position: fixed; inset: 0; z-index: 999999; display: none;
    align-items: center; justify-content: center; padding: 24px;
}
.yith-wapo-image-modal.is-open { display: flex; }
.yith-wapo-image-modal-backdrop { position: absolute; inset: 0; background: rgba(0,0,0,.72); }
.yith-wapo-image-modal-dialog {
    position: relative; z-index: 1;
    width: min(100%, var(--yith-wapo-modal-max-width, 900px));
    max-height: 92vh; background: #fff; border-radius: 8px;
    box-shadow: 0 18px 60px rgba(0,0,0,.28); overflow: hidden;
}
.yith-wapo-image-modal-scroll { max-height: 92vh; overflow: auto; -webkit-overflow-scrolling: touch; }
.yith-wapo-image-modal img { display: block; width: 100%; height: auto; max-width: 100%; margin: 0 auto; }
.yith-wapo-image-modal-close {
    position: absolute; z-index: 2; top: 10px; right: 10px;
    width: 42px; height: 42px; padding: 0; border: 0; border-radius: 50%;
    background: rgba(255,255,255,.94); color: #111; font-size: 30px;
    line-height: 38px; text-align: center; cursor: pointer;
    box-shadow: 0 2px 10px rgba(0,0,0,.18);
}
html.yith-wapo-modal-open, body.yith-wapo-modal-open { overflow: hidden !important; }
@media (max-width: 767px) {
    .yith-wapo-image-modal { padding: 10px; }
    .yith-wapo-image-modal-dialog, .yith-wapo-image-modal-scroll { max-height: 94vh; }
    .yith-wapo-image-modal-close { top: 6px; right: 6px; }
}

/* Poder Delas v3: spacing between Image Modal and the next YITH option/block.
 * Keeps the current spacing when the modal is the last option before totals/cart.
 */
.yith-wapo-addon-type-html_image_modal + .yith-wapo-addon {
    margin-top: 24px !important;
}

.yith-wapo-block:has(.yith-wapo-addon-type-html_image_modal) + .yith-wapo-block {
    margin-top: 24px !important;
}

@media (max-width: 767px) {
    .yith-wapo-addon-type-html_image_modal + .yith-wapo-addon,
    .yith-wapo-block:has(.yith-wapo-addon-type-html_image_modal) + .yith-wapo-block {
        margin-top: 20px !important;
    }
}