/* GC Waitlist Style — formulário "Avise-me quando chegar" no estilo dos cartões da Green Computer.
   Os !important são necessários porque o plugin de waitlist usa estilos inline e cores definidas nas definições. */

.cwginstock-subscribe-form {
	--gcw-green-dark: #13261b;
	--gcw-green: #1e8e3e;
	--gcw-border: #e3e6e8;
	--gcw-text: #1d2327;
	--gcw-muted: #5f6b73;
	margin: 0 0 20px !important;
	padding: 0 !important;
	font-family: inherit !important;
}

.cwginstock-subscribe-form .cwginstock-panel-primary,
.cwginstock-subscribe-form .panel {
	background: #fff !important;
	border: 1px solid var(--gcw-border) !important;
	border-left: 4px solid var(--gcw-green-dark) !important;
	border-radius: 8px !important;
	box-shadow: none !important;
	margin: 0 !important;
	overflow: hidden;
}

/* Cabeçalho: deixa de ser a faixa azul, passa a título normal do cartão */
.cwginstock-subscribe-form .cwginstock-panel-heading,
.cwginstock-subscribe-form .panel-heading {
	background: transparent !important;
	border: 0 !important;
	padding: 20px 20px 0 !important;
	color: var(--gcw-text) !important;
}
.cwginstock-subscribe-form .cwginstock-panel-heading h4,
.cwginstock-subscribe-form .panel-heading h4 {
	margin: 0 !important;
	padding: 0 !important;
	font-size: 18px !important;
	font-weight: 700 !important;
	line-height: 1.3 !important;
	text-align: left !important;
	color: var(--gcw-text) !important;
}
.cwginstock-subscribe-form .gcw-subtitle {
	margin: 6px 0 0 !important;
	font-size: 14px;
	line-height: 1.45;
	color: var(--gcw-muted);
}

.cwginstock-subscribe-form .cwginstock-panel-body,
.cwginstock-subscribe-form .panel-body {
	padding: 14px 20px 20px !important;
	border: 0 !important;
}
.cwginstock-subscribe-form .row,
.cwginstock-subscribe-form [class*="col-md"] {
	margin: 0 !important;
	padding: 0 !important;
	width: 100% !important;
	float: none !important;
}

/* Campos lado a lado com o botão, como o "Serve no meu equipamento?" */
.cwginstock-subscribe-form .gcw-fields {
	display: grid;
	grid-template-columns: 1fr 1.4fr auto;
	gap: 10px;
	align-items: stretch;
}
.cwginstock-subscribe-form input.cwgstock_name,
.cwginstock-subscribe-form input.cwgstock_email,
.cwginstock-subscribe-form input[type="text"],
.cwginstock-subscribe-form input[type="email"],
.cwginstock-subscribe-form input[type="tel"] {
	width: 100% !important;
	height: 48px !important;
	margin: 0 !important;
	padding: 0 14px !important;
	border: 1px solid #cfd5da !important;
	border-radius: 6px !important;
	background: #fff !important;
	font-size: 15px !important;
	text-align: left !important;
	color: var(--gcw-text) !important;
	box-shadow: none !important;
	box-sizing: border-box !important;
}
.cwginstock-subscribe-form input:focus {
	border-color: var(--gcw-green) !important;
	outline: 2px solid rgba(30, 142, 62, .18) !important;
	outline-offset: 0 !important;
}

.cwginstock-subscribe-form .form-group,
.cwginstock-subscribe-form .center-block {
	margin: 0 !important;
	text-align: left !important;
}
.cwginstock-subscribe-form .cwgstock_button,
.cwginstock-subscribe-form input[type="submit"],
.cwginstock-subscribe-form button[type="submit"] {
	width: auto !important;
	min-width: 130px;
	height: 48px !important;
	margin: 0 !important;
	padding: 0 22px !important;
	border: 0 !important;
	border-radius: 6px !important;
	background: var(--gcw-green-dark) !important;
	color: #fff !important;
	font-size: 15px !important;
	font-weight: 700 !important;
	line-height: 48px !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
	cursor: pointer;
	box-shadow: none !important;
	transition: background .15s ease;
}
.cwginstock-subscribe-form .cwgstock_button:hover,
.cwginstock-subscribe-form input[type="submit"]:hover {
	background: #234a33 !important;
}
.cwginstock-subscribe-form .cwgstock_button[disabled] {
	opacity: .6;
	cursor: wait;
}

/* Mensagens de sucesso / erro */
.cwginstock-subscribe-form .cwgstock_output:not(:empty) {
	margin-top: 12px !important;
}
.cwginstock-subscribe-form .cwgstock_output > div,
.cwginstock-subscribe-form .cwginstocksuccess,
.cwginstock-subscribe-form .cwginstockerror {
	padding: 10px 12px !important;
	border-radius: 6px !important;
	font-size: 14px !important;
	text-align: left !important;
	background: #eaf6ee;
	color: #155d2b !important;
}
.cwginstock-subscribe-form .cwginstockerror {
	background: #fbe9ea;
	color: #a1181a !important;
}

/* Textos legais / reCAPTCHA / termos que o plugin possa acrescentar */
.cwginstock-subscribe-form p,
.cwginstock-subscribe-form label {
	text-align: left !important;
}

@media (max-width: 600px) {
	.cwginstock-subscribe-form .gcw-fields {
		grid-template-columns: 1fr;
	}
	.cwginstock-subscribe-form .cwgstock_button,
	.cwginstock-subscribe-form input[type="submit"] {
		width: 100% !important;
	}
}