/* Ice Transport – Breyting á afhendingu */
.ice-transport-form {
	max-width: 600px;
	margin: 0 auto;
	padding: 20px;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}

.ice-transport-form [hidden] { display: none !important; }

/* Honeypot: off-screen, never display:none (some bots skip those). */
.ice-transport-form .itf-hp {
	position: absolute !important;
	left: -9999px !important;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.ice-transport-form .itf-field { margin-bottom: 20px; }
.ice-transport-form fieldset.itf-field { border: 0; padding: 0; margin: 0 0 20px; min-width: 0; }
.ice-transport-form fieldset.itf-field legend { padding: 0; margin: 0 0 5px; font-weight: 500; font-size: inherit; }

.ice-transport-form label {
	display: block;
	margin-bottom: 5px;
	font-weight: 500;
}
.ice-transport-form .itf-optional { font-weight: 400; color: #777; font-size: 0.9em; }

.ice-transport-form select,
.ice-transport-form input[type="text"],
.ice-transport-form input[type="email"],
.ice-transport-form input[type="tel"],
.ice-transport-form input[type="date"],
.ice-transport-form textarea {
	display: block;
	width: 100%;
	box-sizing: border-box;
	padding: 8px 12px;
	border: 1px solid #ddd;
	border-radius: 4px;
	font-size: 16px; /* ≥16px prevents iOS zoom-on-focus */
	line-height: 1.4;
	background: #fff;
	color: #222;
	min-height: 40px;
	-webkit-appearance: none;
	appearance: none;
}
.ice-transport-form select { height: 40px; }
.ice-transport-form input[type="date"] { min-height: 40px; }

.ice-transport-form .itf-radio {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	margin: 0 0 8px;
	font-weight: 400;
	line-height: 1.4;
	cursor: pointer;
}
.ice-transport-form .itf-radio input { margin: 4px 0 0; flex: none; }

.ice-transport-form .itf-help { margin: 6px 0 0; font-size: 13px; color: #666; }

.ice-transport-form .itf-submit {
	background-color: #0073aa;
	color: #fff;
	padding: 10px 24px;
	border: 0;
	border-radius: 4px;
	font-size: 16px;
	cursor: pointer;
	transition: background-color 0.2s ease;
}
.ice-transport-form .itf-submit:hover,
.ice-transport-form .itf-submit:focus { background-color: #005177; }
.ice-transport-form .itf-submit:disabled { background-color: #999; cursor: not-allowed; }

.ice-transport-form .itf-response {
	margin-top: 20px;
	padding: 12px 15px;
	border-radius: 4px;
	font-weight: 500;
	border: 1px solid transparent;
}
.ice-transport-form .itf-response.is-success { background: #dff0d8; color: #3c763d; border-color: #d6e9c6; }
.ice-transport-form .itf-response.is-error { background: #f2dede; color: #a94442; border-color: #ebccd1; }

.ice-transport-form .itf-error {
	display: none;
	margin: 5px 0 0;
	color: #c0392b;
	font-size: 13px;
}
.ice-transport-form .has-error .itf-error { display: block; }
.ice-transport-form .has-error input,
.ice-transport-form .has-error select,
.ice-transport-form .has-error textarea,
.ice-transport-form .has-error .select2-container .select2-selection,
.ice-transport-form .has-error .nice-select {
	border-color: #c0392b !important;
	box-shadow: 0 0 0 2px rgba(192, 57, 43, 0.15);
}

/* Theme select widgets (Salient fancy select / Select2) should span the field. */
.ice-transport-form .fancy-select-wrap,
.ice-transport-form .select2-container { width: 100% !important; }

.ice-transport-form.is-busy { opacity: 0.85; }

@media (max-width: 480px) {
	.ice-transport-form { padding: 15px; }
	.ice-transport-form .itf-submit { width: 100%; }
}

/*
 * Salient "boxed" column hover: the theme lifts the whole panel 4px and jumps the shadow to
 * 0 17px 25px, which moves the inputs under the cursor. Replace it for the column holding this
 * form only: no movement, a quiet shadow deepening, and hold it while a field has focus.
 */
.wpb_column.boxed:has(#iceTransportForm) > .vc_column-inner {
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.04);
	transition: box-shadow 0.35s cubic-bezier(0.2, 0.6, 0.2, 1);
}
.wpb_column.boxed:has(#iceTransportForm):hover > .vc_column-inner,
.wpb_column.boxed:has(#iceTransportForm):focus-within > .vc_column-inner {
	transform: none;
	box-shadow: 0 8px 24px -8px rgba(0, 0, 0, 0.14), 0 0 0 1px rgba(0, 0, 0, 0.05);
}
@media (prefers-reduced-motion: reduce) {
	.wpb_column.boxed:has(#iceTransportForm) > .vc_column-inner { transition: none; }
}