/**
 * URL Field Styles
 */

.giraforms-field-url input[type="url"] {
	width: 100%;
	padding: 8px 12px;
	border: 1px solid #8c8f94;
	border-radius: 4px;
	font-size: 16px;
	line-height: 1.5;
	background-color: #fff;
	transition: border-color 0.2s ease;
}

.giraforms-field-url input[type="url"]:focus {
	outline: none;
	border-color: #2271b1;
	box-shadow: 0 0 0 1px #2271b1;
}

.giraforms-field-url input[type="url"]:invalid {
	border-color: #d63638;
}

.giraforms-field-url input[type="url"]::placeholder {
	color: #757575;
	opacity: 1;
}