.lg-contact-popup__modal {
	display: none;
	position: fixed;
	z-index: 100;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: var(--wp--preset--color--primary-100-opacity);
}

.lg-button--contact-popup {
	margin: 0;
}

.lg-contact-popup__modal .modal-content {
	background-color: var(--wp--preset--color--primary-20);
	margin: 5% auto 0 auto;
	padding: var(--wp--preset--spacing--s) var(--wp--preset--spacing--m);
	border-radius: var(--lg-radius--s);
	width: 95%;
}

.lg-contact-popup__modal .close {
	float: right;
	font-size: 21px;
	font-weight: 700;
	margin-top: -10px;
	cursor: pointer;
}

.lg-contact-popup__modal-header {
	text-align: center;
	border-bottom: 1px solid var(--wp--preset--color--neutral-80);
	margin: var(--wp--preset--spacing--s) 0;
	padding-bottom: var(--wp--preset--spacing--xs);
}

.lg-contact-popup__modal-title {
	margin-bottom: var(--wp--preset--spacing--xs);
}

.lg-contact-popup__modal .lg-button.lg-hero__cta-link {
	margin: 0 0 var(--wp--preset--spacing--xs) 0;
}

.lg-contact-popup__modal-subtitle {
	margin: var(--wp--preset--spacing--xs) 0 var(--wp--preset--spacing--xxs) 0;
}

/* General form styles */
form.wpcf7-form br {
	display: none; /* Remove line breaks */
}

/* Input and textarea fields */
form.wpcf7-form input[type="text"],
form.wpcf7-form input[type="email"],
form.wpcf7-form input[type="tel"],
form.wpcf7-form textarea {
    width: 100%;
    padding: var(--wp--preset--spacing--xxs) var(--wp--preset--spacing--xs);
    margin-bottom: var(--wp--preset--spacing--xs);
    border: 1px solid var(--wp--preset--color--neutral-100);
    border-radius: var(--lg-radius--m);
    box-sizing: border-box;
    transition: border-color 0.3s ease;
}

/* Change border color on focus */
form.wpcf7-form input[type="text"]:focus,
form.wpcf7-form input[type="email"]:focus,
form.wpcf7-form input[type="tel"]:focus,
form.wpcf7-form textarea:focus {
    border-color: var(--wp--preset--color--primary-60);
    outline: none;
}

/* Label styles */
.nf-form-content .label-above .nf-field-label,
.nf-form-content .label-below .nf-field-label,
.nf-form-content .label-hidden .nf-field-label
{
	margin: 0 !important;
	padding: 0 !important;
}

.nf-field-label .nf-label-span,
.nf-field-label label,
form.wpcf7-form label {
	font-weight: 400 !important;
    display: block;
    margin-bottom: var(--wp--preset--spacing--xxs) !important;
}

form.wpcf7-form input[type="submit"] {
	margin-top: var(--wp--preset--spacing--xs);
    width: 100%;
	cursor: pointer;
}

.site-header__container-popup {
	display: block;
}

.nf-form-fields-required {
	display: none;
}

.nf-form-content .list-select-wrap .nf-field-element>div,
.nf-form-content input:not([type=button]),
.nf-form-content textarea {
	width: 100%;
	padding: var(--wp--preset--spacing--xxs) var(--wp--preset--spacing--xs);
	margin-bottom: var(--wp--preset--spacing--xs);
	border: 1px solid var(--wp--preset--color--neutral-100) !important;
	border-radius: var(--lg-radius--m) !important;
	box-sizing: border-box;
	transition: border-color 0.3s ease;
}

#ninja_forms_required_items,
.nf-field-container {
	margin-bottom: 0 !important;
}

.nf-form-content button,
.nf-form-content input[type=button],
.nf-form-content input[type=submit] {
	margin-top: var(--wp--preset--spacing--xs);
	width: 100%;
	cursor: pointer;
}

.nf-form-content button,
.nf-form-content input[type=button],
.nf-form-content input[type=submit] {
	--_background: var(--wp--preset--color--primary-100);
	--_color: var(--wp--preset--color--neutral-0);
	--_border-color: var(--wp--preset--color--primary-100);
	--_hover-background: var(--wp--preset--color--primary-60);
	--_hover-color: var(--wp--preset--color--neutral-0);
	--_hover-border-color: var(--_hover-background);

    display: inline-block;
    text-decoration: none;
    transition: color var(--lg-transition--default), border-color var(--lg-transition--default), background-color var(--lg-transition--default);
    background-color: var(--_background) !important;
    color: var(--_color) !important;
    padding: calc(var(--wp--preset--spacing--xs) - 5px) var(--wp--preset--spacing--m);
    margin: 0 var(--wp--preset--spacing--xs) var(--wp--preset--spacing--xs) 0;
    border: 1px solid var(--_border-color);
    border-radius: var(--lg-radius--l);
    font-weight: 700;
}

.nf-form-content button:hover,
.nf-form-content input[type=button]:hover,
.nf-form-content input[type=submit]:hover {
	background-color: var(--_hover-background) !important;
	color: var(--_hover-color) !important;
	border-color: var(--_hover-border-color) !important;
}

.label-above .nf-field-element,
.label-below .nf-field-element {
	text-align: center;
}


@media (min-width: 1100px) {

	.site-header__container-popup {
		display: none;
	}

	.lg-contact-popup__modal .modal-content {
		max-width: 600px;
	}

}