/**
 * Página YITH Request a Quote.
 *
 * Botões, tabela de ações e formulário do pedido de orçamento.
 */

.yith-ywraq-before-table > .button,
.yith-ywraq-before-table > a.button,
.yith-ywraq-before-table > a.button.wc-backward,
.yith-ywraq-before-table > a.yith-ywraq-before-table-wc-backward,
.ywraq-before-form .return-to-shop > a.button,
.ywraq-before-form .return-to-shop > a.button.wc-backward,
#yith-ywraq-form .update-list-wrapper .button,
#yith-ywraq-form .update-list-wrapper a.button,
#yith-ywraq-form .update-list-wrapper button.button,
#yith-ywraq-form .update-list-wrapper input.button,
#yith-ywraq-form .update-list-wrapper button.ywraq_clean_list,
#yith-ywraq-form .update-list-wrapper input[name="update_raq"],
#yith-ywraq-form .actions > .button,
#yith-ywraq-form .actions > a.button,
#yith-ywraq-form .actions > input.button,
#yith-ywraq-form .actions > button.button,
#yith-ywraq-form .actions .actions-buttons > a,
#yith-ywraq-form .actions .actions-buttons > a.button {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	gap: 8px;
	box-sizing: border-box;
	min-height: 40px;
	padding: 10px 20px !important;
	border: none !important;
	border-radius: 6px !important;
	background: linear-gradient(180deg, #4aa6c7 0%, #3c94b6 100%) !important;
	color: #ffffff !important;
	text-decoration: none !important;
	font-size: 13px !important;
	font-weight: 500 !important;
	line-height: 1.2 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.4px !important;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08) !important;
	transition: background 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
	cursor: pointer;
}

.yith-ywraq-before-table > .button:hover,
.yith-ywraq-before-table > a.button:hover,
.yith-ywraq-before-table > a.button.wc-backward:hover,
.yith-ywraq-before-table > a.yith-ywraq-before-table-wc-backward:hover,
.ywraq-before-form .return-to-shop > a.button:hover,
.ywraq-before-form .return-to-shop > a.button.wc-backward:hover,
#yith-ywraq-form .update-list-wrapper .button:hover,
#yith-ywraq-form .update-list-wrapper a.button:hover,
#yith-ywraq-form .update-list-wrapper button.button:hover,
#yith-ywraq-form .update-list-wrapper input.button:hover,
#yith-ywraq-form .update-list-wrapper button.ywraq_clean_list:hover,
#yith-ywraq-form .update-list-wrapper input[name="update_raq"]:hover,
#yith-ywraq-form .actions > .button:hover,
#yith-ywraq-form .actions > a.button:hover,
#yith-ywraq-form .actions > input.button:hover,
#yith-ywraq-form .actions > button.button:hover,
#yith-ywraq-form .actions .actions-buttons > a:hover,
#yith-ywraq-form .actions .actions-buttons > a.button:hover {
	background: linear-gradient(180deg, #3c94b6 0%, #317f9e 100%) !important;
	box-shadow: 0 6px 14px rgba(0, 0, 0, 0.12) !important;
	color: #ffffff !important;
	transform: translateY(-1px);
}

.yith-ywraq-before-table > .button:active,
.yith-ywraq-before-table > a.button:active,
.yith-ywraq-before-table > a.button.wc-backward:active,
.yith-ywraq-before-table > a.yith-ywraq-before-table-wc-backward:active,
.ywraq-before-form .return-to-shop > a.button:active,
.ywraq-before-form .return-to-shop > a.button.wc-backward:active,
#yith-ywraq-form .update-list-wrapper .button:active,
#yith-ywraq-form .update-list-wrapper a.button:active,
#yith-ywraq-form .update-list-wrapper button.button:active,
#yith-ywraq-form .update-list-wrapper input.button:active,
#yith-ywraq-form .update-list-wrapper button.ywraq_clean_list:active,
#yith-ywraq-form .update-list-wrapper input[name="update_raq"]:active,
#yith-ywraq-form .actions > .button:active,
#yith-ywraq-form .actions > a.button:active,
#yith-ywraq-form .actions > input.button:active,
#yith-ywraq-form .actions > button.button:active,
#yith-ywraq-form .actions .actions-buttons > a:active,
#yith-ywraq-form .actions .actions-buttons > a.button:active {
	background: linear-gradient(180deg, #317f9e 0%, #296d88 100%) !important;
	box-shadow: 0 3px 8px rgba(0, 0, 0, 0.08) !important;
	transform: translateY(0);
}

.yith-ywraq-mail-form-wrapper {
	background: linear-gradient(180deg, #fbfdff 0%, #f4f8fc 100%);
	border: 1px solid #e2ebf2;
	border-radius: 18px;
	box-shadow: 0 18px 40px rgba(25, 48, 72, 0.08);
	padding: 28px 30px 30px;
}

.yith-ywraq-mail-form-wrapper #yith-ywraq-default-form {
	margin: 0;
}

.yith-ywraq-mail-form-wrapper #yith-ywraq-default-form > p {
	margin: 0;
}

.yith-ywraq-mail-form-wrapper #yith-ywraq-default-form .form-row {
	width: 100% !important;
	float: none !important;
	clear: both !important;
	margin: 0 0 12px !important;
	padding: 0 !important;
}

.yith-ywraq-mail-form-wrapper #yith-ywraq-default-form .form-row label {
	display: block;
	margin: 0 0 5px;
	color: #33475b;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.35;
	letter-spacing: 0.01em;
}

.yith-ywraq-mail-form-wrapper #yith-ywraq-default-form .form-row input.input-text,
.yith-ywraq-mail-form-wrapper #yith-ywraq-default-form .form-row textarea,
.yith-ywraq-mail-form-wrapper #yith-ywraq-default-form .form-row select {
	width: 100% !important;
	min-height: 48px;
	padding: 13px 16px !important;
	border: 1px solid #d7e2eb !important;
	border-radius: 14px !important;
	background: #ffffff !important;
	color: #243545 !important;
	font-size: 14px !important;
	line-height: 1.4 !important;
	box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.03);
	transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}

.yith-ywraq-mail-form-wrapper #yith-ywraq-default-form .form-row textarea {
	min-height: 124px;
	resize: vertical;
}

.yith-ywraq-mail-form-wrapper #yith-ywraq-default-form .form-row input::placeholder,
.yith-ywraq-mail-form-wrapper #yith-ywraq-default-form .form-row textarea::placeholder {
	color: #8a98a8;
}

.yith-ywraq-mail-form-wrapper #yith-ywraq-default-form .form-row input.input-text:hover,
.yith-ywraq-mail-form-wrapper #yith-ywraq-default-form .form-row textarea:hover,
.yith-ywraq-mail-form-wrapper #yith-ywraq-default-form .form-row select:hover {
	border-color: #c3d3e0 !important;
	background: #ffffff !important;
}

.yith-ywraq-mail-form-wrapper #yith-ywraq-default-form .form-row input.input-text:focus,
.yith-ywraq-mail-form-wrapper #yith-ywraq-default-form .form-row textarea:focus,
.yith-ywraq-mail-form-wrapper #yith-ywraq-default-form .form-row select:focus {
	border-color: #3c94b6 !important;
	outline: none !important;
	background: #ffffff !important;
	box-shadow: 0 0 0 4px rgba(74, 166, 199, 0.16) !important;
}

.yith-ywraq-mail-form-wrapper #yith-ywraq-default-form .raq-send-request-row {
	margin-top: 14px !important;
	padding-top: 0 !important;
}

.yith-ywraq-mail-form-wrapper #yith-ywraq-default-form .raq-send-request-row input[type="submit"],
.yith-ywraq-mail-form-wrapper #yith-ywraq-default-form .raq-send-request-row button[type="submit"],
.yith-ywraq-mail-form-wrapper #yith-ywraq-default-form .raq-send-request-row .button {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 46px;
	padding: 12px 22px !important;
	border: none !important;
	border-radius: 10px !important;
	background: linear-gradient(180deg, #33475b 0%, #2a3b4d 100%) !important;
	color: #ffffff !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	line-height: 1.1 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.04em !important;
	box-shadow: 0 12px 24px rgba(36, 53, 69, 0.18) !important;
	transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
	cursor: pointer;
}

.yith-ywraq-mail-form-wrapper #yith-ywraq-default-form .raq-send-request-row input[type="submit"]:hover,
.yith-ywraq-mail-form-wrapper #yith-ywraq-default-form .raq-send-request-row button[type="submit"]:hover,
.yith-ywraq-mail-form-wrapper #yith-ywraq-default-form .raq-send-request-row .button:hover {
	background: linear-gradient(180deg, #2a3b4d 0%, #243545 100%) !important;
	color: #ffffff !important;
	transform: translateY(-1px);
	box-shadow: 0 16px 28px rgba(36, 53, 69, 0.22) !important;
}

.yith-ywraq-mail-form-wrapper #yith-ywraq-default-form .raq-send-request-row input[type="submit"]:active,
.yith-ywraq-mail-form-wrapper #yith-ywraq-default-form .raq-send-request-row button[type="submit"]:active,
.yith-ywraq-mail-form-wrapper #yith-ywraq-default-form .raq-send-request-row .button:active {
	transform: translateY(0);
	box-shadow: 0 8px 18px rgba(36, 53, 69, 0.18) !important;
}

@media (max-width: 767px) {
	.yith-ywraq-mail-form-wrapper {
		padding: 22px 18px 24px;
		border-radius: 16px;
	}

	.yith-ywraq-mail-form-wrapper #yith-ywraq-default-form .form-row {
		margin-bottom: 12px !important;
	}
}