/**
 * Fältet "Önskat objekt": ser låst ut och har en Rensa-knapp.
 * Selektorerna börjar med body för att vinna över formulärtemats fältstilar.
 */

body .gform_wrapper .gfield.svanen-objekt-falt .ginput_container {
	position: relative;
}

/*
 * !important behövs här: PowerPacks Gravity Forms-modul sätter fältens färger med
 * `.fl-node-XXX .pp-gf-content .gform_wrapper .gfield input:not(...):not(...)…`,
 * vars många :not() ger högre specificitet än vad som är rimligt att matcha.
 * Gäller bara det här fältet.
 */
body .gform_wrapper .gfield.svanen-objekt-falt input[readonly] {
	box-sizing: border-box;
	padding-left: 42px !important;
	padding-right: 96px !important;
	border: 1.5px dashed #8a9bb0 !important;
	background-color: #f3f6f9 !important;
	/* Hänglås till vänster i fältet */
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%234f6378' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='11' width='14' height='10' rx='2'/%3E%3Cpath d='M8 11V7a4 4 0 0 1 8 0v4'/%3E%3C/svg%3E") !important;
	background-position: 14px 50% !important;
	background-repeat: no-repeat !important;
	background-size: 18px 18px !important;
	box-shadow: none !important;
	color: #1c1b1b !important;
	cursor: default;
}

/* Tomt fält: ingen Rensa-knapp, så platshållartexten får hela bredden. */
body .gform_wrapper .gfield.svanen-objekt-falt input[readonly]:placeholder-shown {
	padding-right: 14px !important;
	text-overflow: ellipsis;
}

body .gform_wrapper .gfield.svanen-objekt-falt input[readonly]:focus {
	outline: 3px solid #4f6378;
	outline-offset: 2px;
}

body .gform_wrapper .gfield.svanen-objekt-falt input[readonly]::placeholder {
	color: #3c4d5f !important;
	font-weight: 500;
	opacity: 1;
}

/* Rensa-knappen inne i fältet, till höger */
body .gform_wrapper .gfield.svanen-objekt-falt button.svanen-objekt-falt__clear {
	position: absolute;
	top: 50%;
	right: 8px;
	transform: translateY(-50%);
	margin: 0;
	padding: 6px 10px;
	border: 0;
	border-radius: 6px;
	background: transparent;
	box-shadow: none;
	color: #4f6378;
	font: inherit;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: normal;
	line-height: 1.2;
	text-decoration: underline;
	text-transform: none;
	cursor: pointer;
}

body .gform_wrapper .gfield.svanen-objekt-falt button.svanen-objekt-falt__clear:hover,
body .gform_wrapper .gfield.svanen-objekt-falt button.svanen-objekt-falt__clear:focus {
	background: #e3eaf2;
	color: #3c4d5f;
}

body .gform_wrapper .gfield.svanen-objekt-falt button.svanen-objekt-falt__clear:focus-visible {
	outline: 3px solid #4f6378;
	outline-offset: 1px;
}

body .gform_wrapper .gfield.svanen-objekt-falt button.svanen-objekt-falt__clear[hidden] {
	display: none;
}