/* Image Zoom Modal — overrides поверх PhotoSwipe v5.
   PhotoSwipe сам выдаёт всю базовую разметку; здесь только мелкие визуальные правки
   под нашу тёмную тему и тонкая стилизация кастомных кнопок download/share. */

.pswp {
    --pswp-bg: rgba(0, 0, 0, 0.92);
    --pswp-placeholder-bg: #1a1330;
    --pswp-icon-color: #ffffff;
    --pswp-icon-color-secondary: #1a1330;
    --pswp-icon-stroke-color: rgba(0, 0, 0, 0.45);
    --pswp-root-z-index: 10200;
}

/* Кнопки нашего UI — белый фон с прозрачностью, круглые, как раньше на order-detail */
.pswp__button--izm-download,
.pswp__button--izm-share {
    background: rgba(255, 255, 255, 0.15) !important;
    border-radius: 50% !important;
    width: 40px !important;
    height: 40px !important;
    margin: 6px 4px !important;
    transition: background 0.2s ease, transform 0.2s ease, color 0.2s ease;
    color: #fff !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.pswp__button--izm-download:hover,
.pswp__button--izm-share:hover {
    background: rgba(255, 255, 255, 0.25) !important;
    transform: scale(1.05);
}
.pswp__button--izm-share:hover {
    color: #ec4899 !important;
}

/* Скрываем верхние навбары и mobile-bottom-nav, пока открыт PhotoSwipe,
   чтобы они не перекрывали свои элементы поверх модалки. */
body.izm-pswp-open .main-navbar,
body.izm-pswp-open .submenu-navbar,
body.izm-pswp-open #mobileBottomNav {
    display: none !important;
}