/*
 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
*/

body.bricks-is-frontend :focus-visible{
	outline: none;
}
@media (max-width: 991px){
	body:has(.search-results.results-map.active) header .header-scn__l{
		display: none;
	}
}

body:has(.search-results.results-map.active) footer{
	display: none;
}

body{
	overflow-x: hidden;
}

header{
	z-index: 9;
}

/* Hide the actual checkbox input */

/* style label to look like a button */
:where(form.form__hero) .options-wrapper{
	display: flex;
}

/*
form li.options-item{
	padding: var(--space-xs);
	background-color: var(--bg-secondary_subtle);
	border: 1px solid var(--border-tertiary);
	border-radius: var(--radius-xl);
	color: var(--fg-tertiary);
	font-size: var(--text-s);
	line-height: 1.43em;
	height: 100%;
	transition: background-color 0.2s ease-in-out, border 0.2s ease-in-out, color 0.2s ease-in-out;
}

form li.options-item label{
	margin-bottom: 0;
}

form li.options-item .option-content{
    display: flex;
	flex-direction: row;
    align-items: center;
    border-radius: 8px;
    transition: background-color 0.2s;
	gap: 8px;
}

form li.options-item svg{
	background: var(--bg-secondary);
	padding: 10px;
	border-radius: 8px;
}

form li.options-item:has(input:checked){
	background-color: var(--bg-brand-primary);
	border: 1px solid var(--border-brand);
	color: var(--text-brand-primary);
}

form li.options-item:has(input:checked) .option-content{
	padding: var(--space-xs);
	background: var(bg-brand-primary);
}

form li.options-item:has(input:checked) svg{
	background: linear-gradient(180deg, #C583FF 0%, #A064D5 100%);
}

form li.options-item:has(input:checked) path{
	fill: var(--fg-white);
}
*/

form.form__hero select{
	padding: var(--space-xl);
	background-color: var(--bg-secondary_subtle);
	border: 1px solid var(--border-tertiary);
	border-radius: var(--radius-l);
	color: var(--button-tertiary-fg);
	font-size: var(--text-s);
	line-height: 1.43em;
}

/*++++++++++ Submit Buttom Primary ++++++++++*/
button[type=submit].btn-primary{
	display: flex;
	padding: 10px;
	border-radius: var(--radius-l);
	color: var(--fg-white);
	background: linear-gradient(180deg, var(--brand-500) 0%, var(--brand-700) 100%);
	box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
}

button[type=submit].btn-primary:hover{
	background: linear-gradient(180deg, var(--brand-500) 0%, var(--brand-800) 100%);
}

button[type=submit].btn-secondary{
	display: flex;
	padding: 10px;
	border-radius: var(--radius-l);
	color: var(--fg-white);
	background: var(--bg-secondary);
}

button[type=submit].btn-secondary:hover{
	background: var(--bg-secondary_hover);
}

/*++++++++++ Submit Buttom Secondary ++++++++++*/
.btn-black-gradient{
	display: flex;
	padding: 12px 14px;
	border-radius: var(--radius-l);
	color: var(--fg-white);
	line-height: 1em;
	background: linear-gradient(45deg, var(--gray-950) 0%, var(--gray-700) 100%);
	box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
}

.btn-black-gradient:hover{
	background: linear-gradient(45deg, var(--gray-950) 0%, var(--gray-800) 100%);
}

/*++++++++++ Normal Input Text ++++++++++*/
input[type="text"], input[type="tel"]{
    padding: var(--space-xl) var(--space-md) var(--space-xl) var(--space-xl);
    border-radius: var(--radius-xl);
    border: 1px solid var(--border-primary);
    background-color: var(--transparent);
    font-size: var(--text-m);
	line-height: normal;
    color: var(--text-primary);
}
input[type="text"]::placeholder, input[type="tel"]::placeholder{
	color: var(--text-placeholder);
}

input[type="text"]:focus, input[type="tel"]:focus{
	border-color: var(--border-brand-solid);
}