/*
Theme Name: Astra Child
Template: astra
Version: 1.0.0
Description: Child theme of Astra, generated by EMCP Tools.
*/

.lumetra-brand-picker {
	margin: 1.5rem 0 2.25rem;
	padding: 1.5rem;
	border: 1px solid #d9e1e5;
	border-left: 4px solid #304956;
	border-radius: 10px;
	background: #f5f7f8;
	box-shadow: 0 4px 14px rgba(27, 48, 58, .08);
}

.lumetra-brand-picker__label {
	display: block;
	margin-bottom: 1rem;
	color: #243842;
	font-size: 1.05rem;
	font-weight: 700;
	letter-spacing: .01em;
}

.lumetra-brand-picker__buttons {
	display: flex;
	flex-wrap: wrap;
	gap: .625rem;
}

.lumetra-brand-picker__button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 42px;
	padding: .6rem 1rem;
	border: 1px solid #304956;
	border-radius: 6px;
	background: #304956;
	color: #fff !important;
	font-size: .9375rem;
	font-weight: 700;
	line-height: 1.2;
	text-decoration: none;
	transition: transform .18s ease, background-color .18s ease, box-shadow .18s ease;
}

.lumetra-brand-picker__button:hover,
.lumetra-brand-picker__button:focus {
	background: #7a8e98;
	border-color: #7a8e98;
	color: #fff !important;
	box-shadow: 0 4px 10px rgba(122, 142, 152, .28);
	transform: translateY(-1px);
}

.lumetra-brand-picker__button:focus-visible {
	outline: 3px solid rgba(122, 142, 152, .45);
	outline-offset: 2px;
}

@media (max-width: 544px) {
	.lumetra-brand-picker {
		padding: 1.125rem;
	}

	.lumetra-brand-picker__buttons {
		gap: .5rem;
	}

	.lumetra-brand-picker__button {
		flex: 1 1 calc(50% - .25rem);
		padding-inline: .75rem;
	}
}