/*
 * Subpages — bespoke pieces for the content pages (Kontakt form, address/map
 * helpers, guide/news cards) that the block editor can't fully express.
 * Matches the design tokens.
 */

/* ---------- Contact form (Kontakt) ---------- */
.sisa-form { display: grid; gap: 14px; }
.sisa-form__row { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.sisa-form label { display: block; font-size: 13px; font-weight: 500; color: var(--sisa-text-1); margin-bottom: 6px; }
.sisa-form__field,
.sisa-form input,
.sisa-form select,
.sisa-form textarea {
	width: 100%; box-sizing: border-box; min-height: 48px; padding: 0 14px;
	border: 1px solid var(--sisa-hairline); border-radius: 0; background: var(--sisa-bg-input);
	font-family: var(--sisa-body); font-size: 14px; color: var(--sisa-ink);
}
.sisa-form textarea { min-height: 130px; padding: 12px 14px; resize: vertical; }
.sisa-form__field:focus,
.sisa-form input:focus, .sisa-form select:focus, .sisa-form textarea:focus { outline: 0; border-color: var(--sisa-ink); }
.sisa-form__submit,
.sisa-form button[type="submit"] {
	justify-self: start; height: 52px; padding: 0 28px; border: 0; border-radius: 0; cursor: pointer;
	background: var(--sisa-yellow); color: var(--sisa-yellow-ink);
	font-family: var(--sisa-body); font-weight: 600; font-size: 13px; letter-spacing: 1.4px; text-transform: uppercase;
}
.sisa-form__submit:hover { opacity: .9; }
.sisa-form__note { font-family: var(--sisa-mono); font-size: 11px; color: var(--sisa-text-2); }

/* ---------- Address / contact rows ---------- */
.sisa-contact-row { display: flex; align-items: center; gap: 12px; }
.sisa-contact-row__ico {
	width: 28px; height: 28px; flex: none; display: inline-flex; align-items: center; justify-content: center;
	background: var(--sisa-yellow); color: var(--sisa-yellow-ink);
}

/* ---------- Map placeholder (LocationBlock) ---------- */
.sisa-map-ph {
	position: relative; aspect-ratio: 16 / 10; background:
		repeating-linear-gradient(0deg, var(--sisa-hairline) 0 1px, transparent 1px 40px),
		repeating-linear-gradient(90deg, var(--sisa-hairline) 0 1px, transparent 1px 40px),
		var(--sisa-bg-card);
	display: grid; place-items: center;
}
.sisa-map-ph__pin {
	font-family: var(--sisa-mono); font-size: 11px; letter-spacing: 1px; text-transform: uppercase;
	background: var(--sisa-emphasis); color: var(--sisa-on-emphasis); padding: 8px 12px;
}

/* ---------- Guide / news card hover ---------- */
.sisa-link-underline { color: var(--sisa-ink); text-decoration: none; border-bottom: 2px solid var(--sisa-yellow); padding-bottom: 3px; }
.sisa-link-underline:hover { border-bottom-color: var(--sisa-ink); }

@media (max-width: 781px) {
	.sisa-form__row { grid-template-columns: 1fr; }
}