/* Pošli tip — štýly stránky (.p-posli-tip-*) */

/* Chybová hláška po presmerovaní s ?tip=error */
.p-posli-tip-error {
	background: #fdecea;
	color: #8c2b21;
	border: 1.5px solid rgba(140, 43, 33, 0.25);
	border-radius: 14px;
	padding: 14px 18px;
	margin-bottom: 24px;
	font-weight: 600;
}

/* Kroky pod sebou (ako vo wireframe), roztiahnuté cez výšku stĺpca
   vedľa vysokého formulára. */
.p-posli-tip-how {
	display: flex;
	flex-direction: column;
}

.p-posli-tip-how .steps {
	flex: 1;
	grid-template-columns: minmax(0, 1fr);
	align-content: space-evenly;
}

/* Ikony krokov — jeden riadok ako vo wireframe: limetkové číslo (::before
   z theme.css) + zelená ikona vľavo, text vedľa nich. */
.p-posli-tip-how .step {
	display: flex;
	align-items: center;
	column-gap: 14px;
}
.p-posli-tip-how .step::before {
	margin-bottom: 0;
	flex-shrink: 0;
}
.p-posli-tip-step-icon {
	width: 26px;
	height: 26px;
	flex-shrink: 0;
	color: var(--wp--preset--color--green);
}
.p-posli-tip-how .step p {
	flex: 1;
	margin: 0;
}

/* Honeypot — vizuálne skrytý aj bez inline štýlu */
.form-hp {
	position: absolute !important;
	left: -9999px !important;
	width: 1px;
	height: 1px;
	overflow: hidden;
}