/* Polnozem Inzercia - formulár Chcem predať pôdu. Základ (.pz-form, .pz-field) je z Core, tu len doplnky. */

/* polia s dvoma prvkami sú <div class="pz-field"> s <label> - popis ako v Core pri <label class="pz-field"> */
.pzi-form .pz-field > label > span { display: block; margin-bottom: 6px; font-size: 12px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: var(--pz-muted, #8A8581); }
.pzi-form .pz-field > label > span em { color: var(--pz-brick, #A95D42); font-style: normal; }

/* zástupný text nesmie vyzerať ako vyplnená hodnota */
.pzi-form .pz-field input::placeholder,
.pzi-form .pz-field textarea::placeholder { color: #A9A39E !important; font-weight: 400 !important; opacity: 1; }

/* výber bez hodnoty vyzerá ako zástupný text (nepovinné) */
.pzi-form .pz-field select.pzi-prazdny { color: #A9A39E !important; font-weight: 400 !important; }
.pzi-form .pz-field select.pzi-prazdny option { color: #23201E; }

/* telefón: predvoľba + číslo v jednom riadku */
.pzi-tel { display: flex; gap: 8px; }
.pzi-form .pzi-tel select { flex: 0 0 auto; width: 150px !important; }
.pzi-form .pzi-tel input { flex: 1 1 auto; min-width: 0; }

/* našepkávač k. ú. a ponuka ceny */
.pzi-ku, .pzi-cena { position: relative; }
.pzi-ponuka,
.pzi-cena__ponuka {
	position: absolute; left: 0; right: 0; top: 100%; z-index: 60;
	margin-top: 4px; max-height: 260px; overflow: auto;
	background: #fff; border: 1px solid #E3E0DC; border-radius: 8px;
	box-shadow: 0 12px 30px rgba(35, 32, 30, .14);
}
.pzi-ponuka[hidden], .pzi-cena__ponuka[hidden] { display: none; }
.pzi-polozka { padding: 9px 14px; cursor: pointer; font-size: 15px; }
.pzi-polozka span { color: #8A8581; font-size: 12px; margin-left: 6px; }
.pzi-polozka:hover, .pzi-polozka.aktivna { background: #F6EEE9; }
.pzi-cena__ponuka button {
	display: block; width: 100%; padding: 11px 14px; border: 0; background: none;
	text-align: left; font: inherit; font-size: 15px; color: #23201E; cursor: pointer;
}
.pzi-cena__ponuka button + button { border-top: 1px solid #F0EDEA; }
.pzi-cena__ponuka button:hover, .pzi-cena__ponuka button:focus-visible, .pzi-cena__ponuka button.aktivna { background: #F6EEE9; outline: 0; }
.pzi-cena__pole { position: relative; }
.pzi-form .pzi-cena__pole input { padding-right: 96px !important; }
.pzi-form .pzi-cena__pole input[readonly] { cursor: pointer; }
.pzi-cena__jednotka {
	position: absolute; right: 14px; top: 50%; transform: translateY(-50%);
	color: #8A8581; font-size: 14px; pointer-events: none;
}

/* infoblok: rovnaká medzera nad ním ako pod ním, bez ľavého okraja */
.pzi-form .pz-form__hint.pzi-hint {
	margin: 1.1rem 0 !important;
	border-left: 0 !important;
	border-radius: 8px !important;
}

/* odkaz na ochranu údajov pod súhlasom - oddelený, obyčajné písmo */
.pzi-form p.pzi-suhlas-odkaz { margin: 6px 0 0 17px !important; font-size: 14px; font-weight: 400; }
.pzi-suhlas-odkaz a { color: #A95D42; font-weight: 400; }

.pzi-limit-info { margin: 14px 0 18px; font-size: 14px; color: #8A8581; }
.pzi-limit-info a { color: #A95D42; }

.pzi-ok, .pzi-chyba, .pzi-limit {
	padding: 16px 18px; border-radius: 8px; margin: 0 0 24px; font-size: 15px; line-height: 1.55;
}
.pzi-ok { background: #E9F3EC; color: #1F5130; }
.pzi-chyba { background: #FBE9E4; color: #8A2E17; }
.pzi-limit { background: #F1DDD4; color: #23201E; }
.pzi-limit p { margin: 12px 0 0; }

.pzi-form .pzi-zle { border-color: #C0533A !important; }

@media (max-width: 640px) {
	.pzi-form .pzi-tel select { width: 118px !important; }
}
