/*
Theme Name: AHI Carrier
Author: GoodFellas Studio
Author URI: https://www.goodfellas.gr/
Version: 1.0
Text Domain: ahic
*/

.wpcf7-spinner {
	display: none;
}

body.admin-bar header#site-header {
	margin-top: 32px;
}

code.alert {
	border-color: red;
	color: red;
}

input.input-error {
	border-color: #cf2e2e;
}

input.input-error+label {
	color: #cf2e2e;
}

aside[data-type="notification"].error {
	background-color: #ff4c4cd6;
}

section[data-component="steps-navigation"] a[data-visibility="hidden"] {
	visibility: hidden;
}

form .item textarea:placeholder-shown+label,
form .item input:placeholder-shown[type="text"]+label,
form .item input:placeholder-shown[type="password"]+label,
form .item input:placeholder-shown[type="date"]+label,
form .item input:placeholder-shown[type="tel"]+label,
form .item input:placeholder-shown[type="email"]+label {
	pointer-events: none;
}

button[data-action="tooltip-info"] .tooltip-info {
	display: none;
}

[data-widget="contact-card"] .item {
	padding-block: var(--gutter-700);
	padding-inline: var(--gap-700);
	align-items: center;
	background-color: var(--init-background-alt);
	text-align: center;
}

[data-widget="contact-card"] .item__label {
	font-family: var(--ff-text);
	font-size: var(--fs-text);
	text-transform: none;
}

[data-widget="contact-card"] .item__title {
	font-size: var(--fs-h3);
}

[data-widget="request-response"] [data-widget="content"]+[data-widget="contact-card"] {
	margin-top: var(--gap-800);
}

form fieldset section[data-widget="fields"] .row[data-direction="horizontal"] {
	display: grid;
	grid-template-columns: 1fr 1fr;
}

pre {
	background-color: #333333;
	color: #ffffff;
	padding: 20px;
}

section[data-widget="device-confirmation"] {
	display: flex;
	flex-direction: column;
	gap: var(--gap-600);
}

section[data-widget="device-confirmation"] [data-widget="device-card"] .item {
	padding-block: var(--gutter-400);
}

section[data-widget="device-confirmation"] div.actions {
	gap: var(--gap);
}

div[data-form-item="device"]:has(input.pending) {
	opacity: .6;
}

form .devices-results .item.radio-card label {
	cursor: default;
}

form input.error-duplicate {
	border-color: #df0909;
}

.ui-autocomplete {
	max-height: 200px;
	overflow-y: auto;
	overflow-x: hidden;
}

.char-counter {
	font-size: var(--fs-200);
	color: var(--color-text-grey-500, var(--color-text-grey));
	width: 100%;
	padding-inline: var(--gap-600);
	padding-top: var(--gap-200);
}

.uploaded-files-list{
	display: flex;
	width: 100%;
	max-width: var(--col-4);
	margin: 0px auto;
	gap: var(--gap-100);
	flex-direction: column;
}
.uploaded-files-list .file-item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--gap);
}
.uploaded-files-list .file-item div{
	display: inline-flex;
	gap: var(--gap);
	color: var(--color-accent);
}
.uploaded-files-list .file-item div .file-success{
	padding-inline: 5px;
}
.uploaded-files-list .file-item div .file-success svg{
	width: 12px;
}
.uploaded-files-list .file-item .file-name{
	margin-left:5px;
	text-decoration: underline;
}
.uploaded-files-list .file-item .btn-remove-file{
	min-width: unset;
	border: none !important;
	background-color: transparent;
}
.uploaded-files-list .file-item .btn-remove-file:hover{
	background-color: #e71e1e;
}
.uploaded-files-list .file-item .btn-remove-file svg{
	width: 12px;
}
.uploaded-files-list .file-item .btn-remove-file path{
	fill: #e71e1e;
}