/* ==========================================================================
   Contact
   ========================================================================== */

.contact {
	padding: 0 1.6rem;
}

.contact .section-box {
	background-color: var(--bg-2);
	border-radius: var(--radius-6);
}

/* ==========================================================================
   Contact Info
   ========================================================================== */

.contact__info {
	padding-right: 4rem;
}

.contact__info .accent {
	margin-bottom: 2.4rem;
}

.contact__info .title-2 {
	margin-bottom: 2.4rem;
}

.contact__info .color-1 {
	color: var(--color-1);
}

.contact__info .text {
	color: var(--font-color-2);
	margin-bottom: 4rem;
}

.contact__list {
	list-style: none;
	padding: 0;
	margin: 0;
}

.contact__list li {
	display: flex;
	align-items: flex-start;
	gap: 1.6rem;
	margin-bottom: 1.6rem;
	color: var(--font-color-1);
}

.contact__list li:last-child {
	margin-bottom: 0;
}

.contact__list .icon {
	margin-top: 0.5rem;
}

.contact__list .icon svg {
	height: 2rem;
	fill: transparent;
}

.contact__list .icon svg path {
	stroke: var(--color-1);
}

.contact__info .button {
	margin-top: 4rem;
}

@media (max-width: 1199.98px) {
	.contact__info {
		padding-right: 0;
		margin-bottom: 4.8rem;
	}
}

/* ==========================================================================
   Contact Form 7
   ========================================================================== */

.contact__form .wpcf7-form .flex {
	display: flex;
	flex-wrap: wrap;
	gap: .8rem;
	margin-bottom: .8rem;
}

.contact__form .wpcf7-form .box {
	flex: 1;
}

.contact__form .wpcf7-form .box-full {
	margin-bottom: .8rem;
}

.contact__form .wpcf7-form .contact-input,
.contact__form .wpcf7-form .contact-textarea {
	width: 100%;
	font-family: inherit;
	font-weight: 400;
	font-size: 1.6rem;
	padding: 1.2rem 2.4rem;
	border-radius: var(--radius-3);
	color: var(--font-color-1);
	background-color: var(--white-1);
	border: 1px solid rgba(0,0,0, 0);
	outline: unset;
	transition: all 0.3s ease;
}

.contact__form .wpcf7-form select.contact-input {
	appearance: none;
	-webkit-appearance: none;
	cursor: pointer;
	background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 9L12 15L18 9' stroke='%2309131D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 2.4rem center;
	padding-right: 5.6rem;
}

.contact__form .wpcf7-form .contact-textarea {
	height: 14rem;
	resize: vertical;
}

.contact__form .wpcf7-form .contact-input::placeholder,
.contact__form .wpcf7-form .contact-textarea::placeholder {
	color: var(--font-color-3);
}

.contact__form .wpcf7-form .contact-input:focus-visible,
.contact__form .wpcf7-form .contact-textarea:focus-visible {
	border: 1px solid var(--color-1);
}

.contact__form .wpcf7-form .box-end {
	margin: 2.4rem 0;
}

.contact__form .wpcf7-form .box-end span.wpcf7-list-item {
	margin: 0;
}

.contact__form .wpcf7-form .box-end label {
	display: flex;
	align-items: center;
	gap: 1.2rem;
	color: var(--font-color-2);
	font-size: 1.6rem;
	cursor: pointer;
}

.contact__form .wpcf7-form .box-end input[type="checkbox"] {
	width: 2rem;
	height: 2rem;
	accent-color: var(--color-1);
	cursor: pointer;
	flex-shrink: 0;
}

.contact__form .wpcf7-form .box-submit {
	margin-bottom: 2.4rem;
}

.contact__form .wpcf7-form .box-submit button br {
	display: none;
}

.contact__form .wpcf7-form .box-submit button:disabled {
	opacity: 0.5;
	cursor: not-allowed;
}

.contact__form .wpcf7-form .info-text {
	color: var(--font-color-2);
	line-height: 1.6;
}

/* --- Pole Uploadu Pliku --- */
.contact__form .wpcf7-form input[type="file"].contact-input {
	padding: 0.8rem 2.4rem;
	cursor: pointer;
	color: var(--font-color-2);
}

.contact__form .wpcf7-form input[type="file"]::file-selector-button {
	appearance: none;
	-webkit-appearance: none;
	background-color: var(--bg-1);
	border: 1px solid var(--bg-2-border);
	color: var(--font-color-1);
	border-radius: var(--radius-2);
	padding: 0.8rem 2.4rem;
	margin-right: 1.6rem;
	cursor: pointer;
	font-family: inherit;
	font-size: 1.4rem;
	font-weight: 500;
	transition: all 0.3s ease;
}

.contact__form .wpcf7-form input[type="file"]::file-selector-button:hover {
	background-color: var(--color-1);
	color: var(--white-1);
	border-color: var(--color-1);
}

.contact__form .wpcf7-form .box-full p.text-s {
	margin-top: 0.8rem;
	color: var(--font-color-3);
}

/*Alerts*/
.wpcf7 form .wpcf7-response-output {
	display: inline-block;
	padding: 1.2rem 2.4rem;
	border-radius: var(--radius-3);
	margin-top: 2.4rem;
}

.wpcf7 form.invalid .wpcf7-response-output, 
.wpcf7 form.unaccepted .wpcf7-response-output, 
.wpcf7 form.payment-required .wpcf7-response-output {
	border-color: var(--alert-warning-border);
	background: var(--alert-warning-bg);
	color: var(--alert-warning);
}
            
@media screen and (max-width: 575.98px) {
	.contact__form .wpcf7-form .box {
		flex: auto;
		width: 100%;
	}
}