//
// Form Control
//


// Form control
.form-control {
	// Dropdown shown state
	.dropdown.show > & {
		color: var(--bs-input-focus-color);
		background-color: var(--bs-input-focus-bg);
  	    border-color: var(--bs-input-focus-border-color);
	}

	// Readonly state
	&[readonly] {
		background-color: var(--bs-input-readonly-bg);
	}

	// Solid style
	&.form-control-solid {
		background-color: var(--bs-input-solid-bg);
		border-color: var(--bs-input-solid-bg);
		color: var(--bs-input-solid-color);
		@include placeholder(var(--bs-input-solid-placeholder-color));
		transition: $transition-input;

		.dropdown.show > &,
		&:active,
		&.active,
		&:focus,
		&.focus {
			background-color: var(--bs-input-solid-bg-focus);
			border-color: var(--bs-input-solid-bg-focus);
			color: var(--bs-input-solid-color);
			transition: $transition-input;
		}
	}

	// Transparent style
	&.form-control-transparent {
		background-color: transparent;
		border-color: transparent;

		.dropdown.show > &,
		&:active,
		&.active,
		&:focus,
		&.focus {
			background-color: transparent;
			border-color: transparent;
		}
	}

	// Flush
	&.form-control-flush {
		@include input-reset();
	}
}

// Placeholder colors
.placeholder-gray-500 {
	@include placeholder(var(--bs-gray-500));
}

.placeholder-white {
	@include placeholder($white);
}

// Textarea reset resize
.resize-none {
	resize: none;
}

// Form control solid bg
.form-control-solid-bg {
	background-color: var(--bs-input-solid-bg);
}
