/* Content Gate – form styles (the blur rules are injected inline from settings) */

/* ---- Lock label – typography follows Elementor global "Text" style ---- */
.kituvinner {
	font-family: var(--e-global-typography-text-font-family), Sans-serif;
	font-size: var(--e-global-typography-text-font-size);
	font-weight: var(--e-global-typography-text-font-weight);
	line-height: var(--e-global-typography-text-line-height);
}

/* ---- Inline code panel (replaces the label on click; positioning is injected inline) ---- */
.cgate-panel {
	padding: 22px 20px;
	background: rgba(255, 255, 255, .96);
	border-radius: 14px;
	box-shadow: 0 6px 28px rgba(0, 0, 0, .16);
	box-sizing: border-box;
}

.cgate-panel .cgate-form { max-width: none; }

.cgate-help {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 2vw;
	margin-top: 16px;
	padding-top: 14px;
	border-top: 1px solid rgba(0, 0, 0, .08);
	font-family: var(--e-global-typography-text-font-family), Sans-serif;
	font-size: var(--e-global-typography-text-font-size);
	color: #000000;
}

.cgate-contact { cursor: pointer; }

/* standalone look for the contact button when Elementor styling is off */
.cgate-contact:not(.elementor-button) {
	padding: 8px 16px;
	font-family: var(--e-global-typography-text-font-family), Sans-serif;
	font-size: var(--e-global-typography-text-font-size);
	font-weight: 600;
	border: 1px solid #1f2937;
	border-radius: 0!important;
	background: transparent;
	color: #1f2937;
}

/* ---- Layout (both modes) ---- */
.cgate-form {
	max-width: 420px;
	margin: 0 auto;
	text-align: center;
	font-family: var(--e-global-typography-text-font-family), Sans-serif;
}

.cgate-row {
	display: flex;
	align-items: stretch;
	gap: 8px;
}

.cgate-input {
	flex: 1 1 auto;
	min-width: 0;
	text-align: center;
	letter-spacing: .08em;
	border-radius: 0 !important;
	font-family: var(--e-global-typography-text-font-family), Sans-serif;
}

.cgate-button,.cgate-contact{
	flex: 0 0 auto;
	cursor: pointer;
	border-radius: 0 !important;
	font-family: var(--e-global-typography-text-font-family), Sans-serif!important;
}
.cgate-button:not(:hover),.cgate-contact:not(:hover){
	background-color: #000000!important;
}

.cgate-button:disabled { opacity: .55; cursor: wait; }

.cgate-message {
	min-height: 1.4em;
	margin-top: 10px;
	font-size: .95rem;
}

.cgate-message.is-error   { color: #b91c1c; }
.cgate-message.is-success { color: #15803d; }

.cgate-form.is-loading .cgate-input { opacity: .6; }

.cgate-fallback {
	padding: 16px;
	border: 1px dashed #cfd4dc;
	border-radius: 8px;
	text-align: center;
	color: #6b7280;
}

/* ---- Elementor mode: inherit Site Settings, only neutralise form-widget layout rules ---- */
.cgate-elementor .elementor-field-group {
	padding: 0;
	margin: 0;
	width: auto;
	flex-wrap: nowrap;
}

.cgate-elementor .cgate-input { width: auto; }

/* ---- Standalone mode: plugin's own basic look ---- */
.cgate-styled .cgate-input {
	padding: 12px 14px;
	font-size: 1rem;
	border: 1px solid #cfd4dc;
	border-radius: 8px;
	background: #fff;
	color: #1f2937;
}

.cgate-styled .cgate-input:focus {
	outline: none;
	border-color: #6b7280;
	box-shadow: 0 0 0 3px rgba(107, 114, 128, .18);
}

.cgate-styled .cgate-button {
	padding: 12px 22px;
	font-size: 1rem;
	font-weight: 600;
	border: 0;
	border-radius: 8px;
	background: #1f2937;
	color: #fff;
	transition: opacity .2s ease;
}

.cgate-styled .cgate-button:hover { opacity: .88; }