/* Прозрачный слой, который перекрывает изображение */
.image-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.0001); /* Почти прозрачный */
    z-index: 2147483647; /* Максимальный z-index */
    pointer-events: none; /* Отключаем взаимодействие с этим слоем */
}

/* Блокируем взаимодействие с изображением */
.woocommerce-product-gallery__image img,
.product-category img,
.project-gallery img,
.portfolio-archive-image,
.protected-image {
    pointer-events: none; /* Запрещаем взаимодействие с изображением */
    display: block; /* Убедимся, что изображение является блочным элементом */
}

/* Контейнер для изображений */
.woocommerce-product-gallery__image,
.product-category a,
.project-gallery,
.portfolio-archive-image,
.protected-image {
    position: relative;
    display: inline-block;
}

/* Стили для кастомного модального окна */
.wpip-modal {
    display: none; /* Скрыто по умолчанию */
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: inherit;
    padding: 1.25rem;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    z-index: 2147483647; /* Максимальный z-index */
    max-width: 540px;
    width: 90%;
    /* text-align: center; */
}

.wpip-modal .wpip-modal__heading {
    font-size: 1.5rem;
    font-weight: bold;
    color: inherit;
    margin-bottom: 1rem;
	height: 40px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.wpip-modal p {
    font-size: 1rem;
    color: inherit;
    margin-bottom: 20px;
}

/* Затемнение фона */
.wpip-modal-overlay {
    display: none; /* Скрыто по умолчанию */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 2147483646; /* На уровень ниже модального окна */
}