/* 2026-09-15 v1.2
 * - Added the shared small-button and button-small aliases for compact theme actions.
 *
 * 2026-08-27 v1.1
 * - Inherited form-control text and border colours from their parent content.
 */
.button-small, .small-button {
	white-space:nowrap;
	display:inline-flex;
	align-items:center;
	min-height:0!important;
	min-width:0!important;
	height:auto!important;
	padding:2px 7px!important;
	border-width:1px;
	border-radius:2px;
	font-size:12px!important;
	gap:3px;
}
.button-small, .button-small > *, .small-button, .small-button > * {
	line-height:18px!important;
}
.button-small > *, .small-button > * {
	margin-top:auto;
	margin-bottom:auto;
	display:inline-block;
}
.button-small .fa, .small-button .fa {
	padding:0!important;
	transform:scale(1,1)!important;
	margin:0!important;
}
.button-small .fa + .text, .small-button .fa + .text {
	margin-left:0;
}

input, input[type="text"], input[type="password"], textarea, select {
    color:currentColor;
    border-color:currentColor;
}
input:focus, textarea:focus, select:focus {
    color:currentColor;
    border-color:currentColor;
}
input::placeholder, textarea::placeholder, select::placeholder, .form-field-label {
    color:currentColor;
    opacity: 1;
}
input:not(:empty) + .form-field-label {
    
}
input:focus + .form-field-label {
   color:currentColor;
}
.form-field-group-inner {
	display: flex;
	justify-content:space-between;

	align-items:center;
	vertical-align: baseline;
}
.form-field-group-inner > * {
	
	margin-top: auto;
	margin-bottom: auto;
	
}
.form-field-group-inner label:first-child {
	display: none;
}
.form-field-group-inner > input {
	width: 100%;
	/*flex-grow: 4;*/
/*	margin-left: 10px;*/
	box-shadow: inset 0px -2px 0px 0px currentColor;
}
.form-field-group-inner textarea {
	width: 100%;
	
	box-shadow: inset 0px 0px 0px 2px currentColor;
}

label, input, textarea {
	
	padding: 0px;
	border: none;
	transition: 0.2s ease all;
	transform-origin: left bottom;
	background: none!important;
}
textarea {
	padding: 5px 10px;
	
}
input {
	padding-left: 0px;
	padding-right: 0px;
}
input + .form-field-label {
	margin-top: 0px;
}
input:focus  {
	box-shadow: inset 0px -2px 0px 0px currentColor;
}
.form-field-group-inner textarea:focus {
	box-shadow: inset 0px 0px 0px 2px currentColor;
}
input:focus + .form-field-label, input:not(:placeholder-shown) + .form-field-label, textarea + .form-field-label {
	margin-top: -22px;
	font-size:10px;
	line-height: 10px;
	
}
input:focus + .form-field-label::after, input:not(:placeholder-shown) + .form-field-label::after {
	content: ':';
}

button[type="submit"] {
	float: right;
}

textarea + .form-field-label {
   
}
div[fieldtype] {
    padding-top: 15px!important;
}
div[fieldtype="textarea"] { 
    padding-top: 20px!important;
}
select {
    min-width: 150px;
    border: 2px solid currentColor;
    background: none!important; 
        
}
textarea[id*="message"] {
	min-height: 200px!important;
}