/* ── GWC Email Capture – Front-end Styles ────────────────────────────────── */

.gwc-ec-wrap {
	display:        flex;
	flex-direction: column;
	gap:            10px;
	max-width:      480px;
	width:          100%;
}

/* Row 1: input + button side by side */
.gwc-ec-form-row {
	display:   flex;
	flex-wrap: nowrap;
	gap:       0;
	width:     100%;
}

.gwc-ec-input {
	flex:             1 1 auto;
	padding:          12px 16px;
	font-size:        15px;
	font-family:      inherit;
	border:           2px solid #ffffff;
	border-right:     none;
	border-radius:    4px 0 0 4px;
	background:       #ffffff;
	color:            #032a3b;
	outline:          none;
	transition:       border-color 0.2s;
}

.gwc-ec-input::placeholder {
	color: #7a9aaa;
}

.gwc-ec-input:focus {
	border-color: #032a3b;
}

.gwc-ec-btn {
	flex-shrink:      0;
	padding:          12px 22px;
	font-size:        14px;
	font-weight:      700;
	font-family:      inherit;
	letter-spacing:   0.05em;
	text-transform:   uppercase;
	background:       #032a3b;
	color:            #ffffff;
	border:           2px solid #032a3b;
	border-radius:    0 4px 4px 0;
	cursor:           pointer;
	white-space:      nowrap;
	transition:       background 0.2s, color 0.2s;
}

.gwc-ec-btn:hover,
.gwc-ec-btn:focus {
	background: #ffffff;
	color:      #032a3b;
}

.gwc-ec-btn:disabled {
	opacity: 0.6;
	cursor:  not-allowed;
}

/* Row 2: GDPR consent checkbox */
.gwc-ec-consent-row {
	display: flex;
	align-items: flex-start;
}

.gwc-ec-consent-label {
	display:     flex;
	align-items: flex-start;
	gap:         8px;
	font-size:   12px;
	color:       #032a3b;
	cursor:      pointer;
	line-height: 1.4;
}

.gwc-ec-consent-label input[type="checkbox"] {
	margin-top:  2px;
	flex-shrink: 0;
	accent-color: #032a3b;
	width:        15px;
	height:       15px;
}

.gwc-ec-consent-label a {
	color:           #032a3b;
	font-weight:     700;
	text-decoration: underline;
}

/* Row 3: success / error message */
.gwc-ec-message {
	font-size:   13px;
	font-weight: 600;
	display:     none;
}

.gwc-ec-message.success,
.gwc-ec-message.error {
	display: block;
}

.gwc-ec-message.success {
	color: #032a3b;
}

.gwc-ec-message.error {
	color: #8b0000;
}

/* ── Responsive ──────────────────────────────────────────────────────────── */
@media ( max-width: 480px ) {
	.gwc-ec-form-row {
		flex-wrap: wrap;
	}

	.gwc-ec-input {
		border-right:  2px solid #ffffff;
		border-bottom: none;
		border-radius: 4px 4px 0 0;
		width:         100%;
	}

	.gwc-ec-btn {
		border-radius: 0 0 4px 4px;
		width:         100%;
		text-align:    center;
	}
}