/*
Theme Name: MDGA Blocks
Text Domain: mdga-blocks
Description: Tema de blocos Gutenberg para MDGA.
Version: 1.0
*/

/*
 * Variantes de opacidade dos tokens de cor "Dark"/"Light" (definidos em
 * Aparência → Cores do tema, inc/theme-options.php). Evita repetir hex +
 * alpha manualmente pelo CSS — se a cor mudar no painel, estas variantes
 * acompanham.
 */
:root {
	--dark-15: color-mix(in srgb, var(--wp--preset--color--dark) 15%, transparent);
	--dark-45: color-mix(in srgb, var(--wp--preset--color--dark) 45%, transparent);
	--dark-55: color-mix(in srgb, var(--wp--preset--color--dark) 55%, transparent);
	--dark-60: color-mix(in srgb, var(--wp--preset--color--dark) 60%, transparent);
	--dark-75: color-mix(in srgb, var(--wp--preset--color--dark) 75%, transparent);
	--dark-80: color-mix(in srgb, var(--wp--preset--color--dark) 80%, transparent);
	--light-30: color-mix(in srgb, var(--wp--preset--color--light) 30%, transparent);
	--light-75: color-mix(in srgb, var(--wp--preset--color--light) 75%, transparent);
}

* {
	box-sizing:border-box;
}

html {
	  scroll-behavior: smooth;
    scroll-padding-top: 168px;
}

body.the-blocks-theme {
	overflow-x: hidden;
}

header {
	position:sticky;
	top:0;
	z-index:99;
	overflow: hidden;
}
#header > .wp-block-group > .wp-block-group {
	transition:all ease .4s;
}
#header.iamsticky > .wp-block-group > .wp-block-group {
	transition:all ease .4s;
}

#header.iamsticky .hide-in-sticky {
	display: none;
}

.container {
	max-width: 1232px;
	margin: 0 auto;
	padding-left:24px;
	padding-right:24px;
}

.search-overlay {
	display:none;
}

nav button.always-shown {
	border:1px solid var(--light-30);
	padding:9px 32px 9px 12px!important;
	border-radius:50px;
	display: flex;
	align-items: center;
	position:relative;
}

nav button.always-shown:hover {
	background-color:var(--light-30);
}

nav button.always-shown:after{
	width:16px;
	height:9px;
	content:"";
	position:absolute;
	right:10px;
	border-top:1px solid var(--wp--preset--color--light);
	border-bottom:1px solid var(--wp--preset--color--light);
}

nav button.always-shown:before {
	width:16px;
	height:1px;
	content:"";
	position:absolute;
	right:10px;
	background-color:var(--wp--preset--color--light);
}

/*
* wp-block-search__button-only wp-block-search__icon-button wp-block-search wp-block-search__searchfield-hidden
*/

.wp-block-search__button {
	width:32px;
	height: 32px;
	display: flex;
	justify-content: center;
	align-items: center;
	padding:2px!important;
}

.wp-block-search__inside-wrapper {
	border:1px solid transparent;
	padding:4px;
	border-radius: 50px;
	background: transparent!important;
}

.wp-block-search__button-only:not(.wp-block-search__searchfield-hidden) .wp-block-search__inside-wrapper {
	border:1px solid #ffffff;
}

.wp-block-search__input {
	border:none!important;;
	background-color:transparent;
	color:#ffffff;
	margin-right: 8px;
	padding:0 0 0 8px;
}

@media (max-width:911px) {
	.form-item {
		order:4;
		width:100%;
	}
}

.wp-block-safe-svg-svg-icon.safe-svg-cover {
    display: flex;
    align-items: center;
    justify-content: center;
}

.home .mc4wp-form-fields {
    padding-top: 0px;
}