/* Tarabuso Newsletter Modal — wygląd wg makiety z Wix */

.tara-nlm{
	position: fixed;
	inset: 0;
	z-index: 999999;
	display: none;
}
.tara-nlm.is-open{ display: block; }

.tara-nlm__overlay{
	position: absolute;
	inset: 0;
	background: rgba(0,0,0,.55);
}

.tara-nlm__box{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: min(780px, 92vw);
	max-height: 92vh;
	background: #fff;
	padding: 5px;               /* biała ramka ~5px dookoła modala (jak Wix) */
	display: flex;
	overflow: hidden;
	box-shadow: 0 20px 60px rgba(0,0,0,.30);
}

/* Przycisk X — góra po LEWEJ, jak w makiecie */
.tara-nlm__close{
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 3;
	width: 40px;
	height: 40px;
	padding: 0;
	margin: 0;
	border: 0;
	background: transparent;
	color: #141414;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
}
.tara-nlm__close svg{ display: block; }
.tara-nlm__close:hover{ opacity: .6; }

/* Lewa kolumna — tekst */
.tara-nlm__text{
	flex: 1 1 50%;
	min-width: 0;
	padding: 110px 40px 30px;   /* nagłówek startuje niżej – bliżej środka w pionie (jak Wix) */
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	font-family: "CenturyGothic", "Century Gothic", "Questrial", "Segoe UI", sans-serif;
	color: #161616;
}

.tara-nlm__head{ padding-top: 0; }

.tara-nlm__l1,
.tara-nlm__l2,
.tara-nlm__l3,
.tara-nlm__l4{
	margin: 0;
	font-weight: 700;
	letter-spacing: -.01em;
}
.tara-nlm__l1{ font-size: 28px; line-height: 1.12; font-weight: 400; } /* „Dołącz do" – nie bold */
.tara-nlm__l2{ font-size: 42px; line-height: .98; }
.tara-nlm__l3{
	display: flex;
	align-items: baseline;
	gap: 8px;
	font-size: 44px;
	line-height: 1.02;
}
.tara-nlm__l3 span{ font-size: 25px; font-weight: 700; }
.tara-nlm__l4{ font-size: 42px; line-height: 1.0; }
.tara-nlm__star{ font-size: .5em; vertical-align: super; }

/* Formularz WPForms – niżej, bliżej dołu (jak Wix) */
.tara-nlm__form{ margin: 130px 0 0; }

.tara-nlm .wpforms-container{ margin: 0 !important; padding: 0 !important; }
.tara-nlm .wpforms-container-full .wpforms-form{
	display: flex !important;
	flex-wrap: nowrap !important;
	align-items: stretch !important;
	max-width: 340px;
	margin: 0 !important;
}
.tara-nlm .wpforms-container-full .wpforms-form .wpforms-field-container{
	flex: 1 1 auto !important;
	min-width: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
}
.tara-nlm .wpforms-container-full .wpforms-form .wpforms-field{ padding: 0 !important; margin: 0 !important; border: 0 !important; }
.tara-nlm .wpforms-form .wpforms-field-label,
.tara-nlm .wpforms-form .wpforms-field-sublabel{ display: none !important; }

.tara-nlm .wpforms-container-full .wpforms-form input[type="email"]{
	width: 100% !important;
	max-width: none !important;
	height: 46px !important;
	margin: 0 !important;
	padding: 0 12px !important;
	border: 1px solid #141414 !important;
	border-right: 0 !important;
	border-radius: 0 !important;
	background: #fff !important;
	color: #141414 !important;
	font-size: 15px;
	font-family: inherit;
	box-shadow: none !important;
	line-height: 46px;
}
.tara-nlm .wpforms-form input[type="email"]::placeholder{ color: #6a6a6a; opacity: 1; }

.tara-nlm .wpforms-container-full .wpforms-form .wpforms-submit-container{
	flex: 0 0 auto !important;
	padding: 0 !important;
	margin: 0 !important;
}
.tara-nlm .wpforms-container-full .wpforms-form button.wpforms-submit{
	height: 46px !important;
	margin: 0 !important;
	padding: 0 22px !important;
	border: 1px solid #141414 !important;
	border-radius: 0 !important;
	background: #141414 !important;
	color: #fff !important;
	font-size: 15px;
	font-family: inherit;
	font-weight: 400;
	cursor: pointer;
	box-shadow: none !important;
	text-transform: none;
}
.tara-nlm .wpforms-form button.wpforms-submit:hover{ background: #000 !important; }

/* Komunikaty WPForms (błędy / potwierdzenie) */
.tara-nlm .wpforms-form .wpforms-error{ font-size: 12px; margin-top: 6px; }
.tara-nlm .wpforms-confirmation-container-full{
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
	color: #161616;
	font-size: 14px;
	line-height: 1.5;
}

/* Stopka lewej kolumny – dociśnięta do dołu */
.tara-nlm__foot{ margin-top: auto; }
.tara-nlm__note{
	margin: 0;
	font-size: 12.5px;
	line-height: 1.3;
	color: #161616;
}
.tara-nlm__never{
	display: inline-flex;
	align-items: center;
	gap: 7px;
	margin-top: 12px;
	font-size: 12.5px;
	color: #444;
	cursor: pointer;
	user-select: none;
}
.tara-nlm__never-cb{
	width: 14px;
	height: 14px;
	margin: 0;
	accent-color: #141414;
	cursor: pointer;
}

/* Prawa kolumna — zdjęcie */
.tara-nlm__image{
	flex: 1 1 50%;
	min-width: 0;
	background: #dfe6ea;
}
.tara-nlm__image img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* Mobile */
@media (max-width: 768px){
	.tara-nlm__box{
		flex-direction: column;
		width: 92vw;
		max-height: 90vh;
		overflow: auto;
	}
	.tara-nlm__image{ order: -1; height: 190px; flex: 0 0 auto; }
	.tara-nlm__text{ padding: 30px 26px 26px; }
	.tara-nlm__l1{ font-size: 22px; }
	.tara-nlm__l2,
	.tara-nlm__l3{ font-size: 34px; }
	.tara-nlm__l3 span{ font-size: 20px; }
	.tara-nlm__l4{ font-size: 34px; }
	.tara-nlm__form{ margin: 22px 0; }
	.tara-nlm__foot{ margin-top: 20px; }
	.tara-nlm__close{ color: #141414; }
}

@media (max-width: 430px){
	.tara-nlm__image{ height: 140px; }
	.tara-nlm__l2,
	.tara-nlm__l3{ font-size: 30px; }
	.tara-nlm__l4{ font-size: 30px; }
	.tara-nlm .wpforms-container .wpforms-form{ max-width: none; }
}