/* ============================================================
   Kreski — Komunikat / Pop-up informacyjny
   Plik: /wp-content/themes/flatsome-child/css/popup.css
   ============================================================ */

.kr-popup[hidden] { display: none; }

.kr-popup {
	font-family: var(--font, 'Inter', system-ui, sans-serif);
}

/* Blokada scrolla przy oknie modalnym */
body.kr-popup-lock { overflow: hidden; }

/* ------------------------------------------------------------
   WARIANT 1 — OKNO NA ŚRODKU EKRANU
   ------------------------------------------------------------ */

.kr-popup--modal {
	position: fixed;
	inset: 0;
	z-index: 99999;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 20px;
}

.kr-popup--modal .kr-popup__overlay {
	position: absolute;
	inset: 0;
	background: rgba(10, 10, 10, .6);
	opacity: 0;
	transition: opacity .25s ease;
}

.kr-popup--modal.is-open .kr-popup__overlay { opacity: 1; }

.kr-popup--modal .kr-popup__box {
	position: relative;
	z-index: 1;
	width: 100%;
	max-width: 520px;
	max-height: 85vh;
	overflow-y: auto;
	background: var(--white, #fff);
	border-top: 4px solid var(--red, #e30613);
	border-radius: 4px;
	box-shadow: 0 20px 60px rgba(0, 0, 0, .28);
	padding: 34px 34px 30px;
	opacity: 0;
	transform: translateY(16px);
	transition: opacity .25s ease, transform .25s ease;
}

.kr-popup--modal.is-open .kr-popup__box {
	opacity: 1;
	transform: translateY(0);
}

/* ------------------------------------------------------------
   WARIANT 2 — PASEK NA GÓRZE STRONY
   ------------------------------------------------------------ */

.kr-popup--bar {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 99999;
	background: var(--red, #e30613);
	color: var(--white, #fff);
	transform: translateY(-100%);
	transition: transform .3s ease;
}

.kr-popup--bar.is-open { transform: translateY(0); }

.kr-popup--bar .kr-popup__box {
	position: relative;
	max-width: 1200px;
	margin: 0 auto;
	padding: 14px 56px 14px 24px;
}

.kr-popup--bar .kr-popup__body {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px 16px;
}

.kr-popup--bar .kr-popup__title {
	margin: 0;
	font-size: 15px;
	font-weight: 700;
	color: var(--white, #fff);
	text-transform: uppercase;
	letter-spacing: .4px;
}

.kr-popup--bar .kr-popup__text,
.kr-popup--bar .kr-popup__text p {
	margin: 0;
	font-size: 15px;
	line-height: 1.5;
	color: var(--white, #fff);
}

.kr-popup--bar .kr-popup__text a { color: var(--white, #fff); text-decoration: underline; }

.kr-popup--bar .kr-popup__btn {
	background: var(--white, #fff);
	color: var(--red, #e30613);
	margin: 0;
	padding: 8px 18px;
	font-size: 13px;
}

.kr-popup--bar .kr-popup__btn:hover { background: var(--black, #0a0a0a); color: var(--white, #fff); }

.kr-popup--bar .kr-popup__close {
	color: var(--white, #fff);
	top: 50%;
	right: 16px;
	transform: translateY(-50%);
}

.kr-popup--bar .kr-popup__close:hover { color: var(--white, #fff); opacity: .7; }

/* ------------------------------------------------------------
   TREŚĆ — wspólne
   ------------------------------------------------------------ */

.kr-popup__title {
	margin: 0 0 12px;
	font-size: 24px;
	line-height: 1.25;
	font-weight: 700;
	color: var(--black, #0a0a0a);
}

.kr-popup__text {
	font-size: 16px;
	line-height: 1.65;
	color: #333;
}

.kr-popup__text p { margin: 0 0 10px; }
.kr-popup__text p:last-child { margin-bottom: 0; }
.kr-popup__text ul { margin: 0 0 10px 18px; }
.kr-popup__text a { color: var(--red, #e30613); }

.kr-popup__btn {
	display: inline-block;
	margin-top: 20px;
	padding: 12px 26px;
	background: var(--red, #e30613);
	color: var(--white, #fff);
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .5px;
	text-decoration: none;
	border-radius: 2px;
	transition: background .2s ease;
}

.kr-popup__btn:hover { background: var(--black, #0a0a0a); color: var(--white, #fff); }

/* Przycisk zamknięcia */
.kr-popup__close {
	position: absolute;
	top: 10px;
	right: 14px;
	width: 34px;
	height: 34px;
	padding: 0;
	background: none;
	border: 0;
	font-size: 30px;
	line-height: 1;
	color: var(--gray-m, #888);
	cursor: pointer;
	transition: color .2s ease;
}

.kr-popup__close:hover { color: var(--red, #e30613); }

/* ------------------------------------------------------------
   RWD
   ------------------------------------------------------------ */

@media (max-width: 600px) {

	.kr-popup--modal .kr-popup__box { padding: 28px 22px 24px; }
	.kr-popup__title { font-size: 20px; }
	.kr-popup__text  { font-size: 15px; }
	.kr-popup__btn   { display: block; text-align: center; }

	.kr-popup--bar .kr-popup__box { padding: 12px 48px 12px 16px; }
	.kr-popup--bar .kr-popup__body { gap: 4px 10px; }
	.kr-popup--bar .kr-popup__title,
	.kr-popup--bar .kr-popup__text,
	.kr-popup--bar .kr-popup__text p { font-size: 14px; }
	.kr-popup--bar .kr-popup__btn { margin-top: 6px; }
}

/* Użytkownicy z ograniczonymi animacjami */
@media (prefers-reduced-motion: reduce) {
	.kr-popup--modal .kr-popup__box,
	.kr-popup--modal .kr-popup__overlay,
	.kr-popup--bar { transition: none; }
}