/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

:root {
	--content-box: 800px;
	--transition-default: all 0.3s ease;
}

/* FLUENT FORM */
.fluentform .ff-el-form-check-label .ff-el-form-check-input {
	width: 21px;
	height: 21px;
	flex-shrink: 0;
}
.fluentform .ff_tc_checkbox .ff_gdpr_field {
	margin-right: 16px;
}
.fluentform label,
.fluentform  .ff_t_c {
	color: #1C4B42;
}
.fluentform .ff-el-form-check-label .ff-el-form-check-input {
    margin-right: 6px;
}
.fluentform input[type="text"],
.fluentform input[type="email"],
.fluentform input[type="tel"],
.fluentform textarea {
	color: #1C4B42;
	border: none !important;
	border-bottom: 1px solid rgba(0, 0, 0, 0.15) !important;
	border-radius: 0 !important;
	padding: 4px 7px 4px;
}
.fluentform button[type="submit"] {
	display: flex;
    align-items: center;
    gap: 8px;
	padding: 8px 20px 8px 8px;
	position: relative;
	transition: var(--transition-default);
}
.fluentform button[type="submit"]::before {
	content: "";
	display: inline-block;
	background: url("/wp-content/uploads/2025/09/icon-form-arrow.svg");
	width: 36px;
	height: 36px;
}
/* Fluent Forms – barva checkboxu (zaškrtnutý i fokus) */
.fluentform .ff-el-form-check-input[type="checkbox"]{
  	accent-color:#2ECC71 !important;
	color: #ffffff;
}


.fluentform .vk_gdpr-block .ff-el-form-check label {
    display: flex !important;
    gap: 16px;
    justify-content: center;
}
.fluentform .ff_submit_btn_wrapper {
    text-align: center;
    display: flex;
    justify-content: center;
}
.fluentform .ff_t_c {
    margin-top: 8px !important;
}
.fluentform .ff-el-group {
    margin-bottom: 32px;
}

.fluentform .vk_form-check-container .ff-el-input--content {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    justify-content: center;
    gap: 16px;
    max-width: 390px;
    margin: 0 auto;
}
.fluentform .vk_form-check-container .ff-el-form-check {
	display: flex;
    justify-content: end;
    width: 190px;
}
.fluentform .vk_form-check-container .ff-el-group {
    display: flex;
    justify-content: center;
}
.fluentform .vk_form-check-container .ff-el-form-check label.ff-el-form-check-label {
    width: max-content;
}
.fluentform .vk_form-check-container .ff-el-form-check label.ff-el-form-check-label span {
	display: inline-block;
    width: 120px !important;
}



@media screen and (max-width: 992px) {
	.fluentform .vk_form-check-container .ff-el-form-check {
		display: flex;
		justify-content: center;
		width: 300px;
	}
}
@media screen and (max-width: 767px) {
	.fluentform .vk_form-check-container .ff-el-form-check {
		width: 230px;
	}
}
@media screen and (max-width: 550px) {
	.fluentform .vk_form-check-container .ff-el-form-check {
		width: 170px;
	}
}
@media screen and (max-width: 480px) {
	.fluentform .vk_form-check-container .ff-el-input--content {
		max-width: 100%;
	}
	.fluentform .vk_form-check-container .ff-el-form-check {
		width: 100%;
		justify-content: start;
	}
}