/*
 * nika-popups — front-end content styles.
 * The modal shell (overlay, dialog, centering, close button) is the theme's
 * universal qb-modal; this only styles the popup's own content: image + button.
 */

/* Popup width: desktop/tablet capped at 640px, mobile at 280px. */
.qb-modal--nika-popup .qb-modal__dialog {
	max-width: 640px;
}

@media (max-width: 568px) {
	.qb-modal--nika-popup .qb-modal__dialog {
		max-width: 280px;
	}
}

.qb-modal--nika-popup .qb-modal__content {
	padding: 0;
	overflow: hidden;
	background-color: #fff;
}

.nika-popup__image-link,
.nika-popup__picture,
.nika-popup__picture img {
	display: block;
	width: 100%;
	height: auto;
}

.nika-popup__actions {
	padding: 16px 24px 24px;
	text-align: center;
}

.nika-popup__button {
	display: inline-block;
}

/* Open/close animation is handled globally by the theme's qb-modal.css. */