/*
Theme Name:   Twenty Twenty-Five Child
Theme URI:    https://example.com/twentytwentyfive-child/
Description:  Child theme do Twenty Twenty-Five
Author:       Activemedia
Author URI:   https://activemedia.pt
Template:     twentytwentyfive
Version:      1.0.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  twentytwentyfive-child
*/

/*
 * Estilos personalizados do child theme.
 * O CSS do tema pai é carregado automaticamente via functions.php.
 */

/* 
 * Shared
 */

/* 
 * Gutenberg Blocks 
 */

/* Button Block */

.wp-block-button.is-style-fill-secondary .wp-block-button__link {
	background-color: var(--wp--preset--color--secondary);
}

.wp-block-button.is-style-outline .wp-block-button__link {
	padding: 8px 20px;
}

.wp-block-button.is-style-fill-square .wp-block-button__link {
	border-radius: unset;
}

.wp-block-button.is-style-outline-square .wp-block-button__link {
	background-color: var(--wp--preset--color--white);
	border-radius: unset;
}

.wp-block-button.is-style-outline-square .wp-block-button__link {
	border-radius: unset;
	background-color: var(--wp--preset--color--white);
	border: solid 1px var(--wp--preset--color--primary);
	color: var(--wp--preset--color--primary);
}

& blockquote {
	&.wp-block-quote {
		border-left: solid 5px var(--wp--preset--color--secondary);
		width: calc(100% - 5rem);

		& * {
			&:not(.antetitulo) {
				font-family: var(--wp--preset--font-family--gotham);
				font-style: italic !important;
			}
		}

		& .antetitulo {
			border-top: none;
			padding-top: 0;
		}
	}
}

.wp-block-heading {
	font-family: var(--wp--preset--font-family--gotham);
}

/**
 * WP Classes
 */

.eag-main-nav {
	@media (min-width: 600px) {
		& .wp-block-navigation-item {
			&.has-child {
				&:hover {
					& > .wp-block-navigation-item__content {
						text-decoration: none;
					}
				}

				& .wp-block-navigation-submenu {
					& .wp-block-navigation-item__content {
						text-underline-offset: 0.3rem;
					}
				}
			}
			&:not(.has-child) {
				& .wp-block-navigation-item__content {
					text-underline-offset: 0.6rem;
					text-decoration-color: var(--wp--preset--color--secondary);
					text-decoration-thickness: 3px !important;
				}
			}
		}

		& .current-menu-ancestor,
		& .current-menu-item {
			& > .wp-block-navigation-item__content {
				text-decoration: underline;
				text-underline-offset: 0.6rem;
				text-decoration-color: var(--wp--preset--color--secondary);
				text-decoration-thickness: 3px !important;
			}
		}

		& .wp-block-navigation__submenu-container {
			border-left: none !important;
			border-right: none !important;
			border-top: none !important;
			padding: 0;
			padding-top: 1.6rem !important;

			& > li {
				border-left: 1px solid rgba(0, 0, 0, 0.15);
				border-right: 1px solid rgba(0, 0, 0, 0.15);
				margin-bottom: 0 !important;
				padding: 0 0.5rem 0.5rem 0.5rem;
			}
		}
	}
}

/* 
 * Custom Classes 
 */

.footer-nav {
	list-style: none;
	display: flex;
	justify-content: space-between;
	padding: 0;
	gap: 2rem;

	& ul {
		list-style: none;
		padding: 0;
	}

	@media (max-width: 768px) {
		flex-direction: column;
	}
}

.antetitulo {
	border-top: solid 4px var(--wp--preset--color--secondary);
	color: var(--wp--preset--color--gray-500);
	font-family: var(--wp--preset--font-family--inclusive-sans);
	font-size: var(--wp--preset--font-size--sm);
	font-weight: 500;
	display: inline-block;
	letter-spacing: 1px;
	padding-top: var(--wp--preset--spacing--xs);
	text-transform: uppercase;
	width: fit-content;
}

.banner-cta {
	overflow: hidden;

	& figure {
		width: 100%;
		height: 12rem;
		overflow: hidden;

		& img {
			object-fit: cover;
			width: 100%;
			height: 100%;
		}
	}
}

header {
	&.wp-block-template-part {
		&:has(.is-position-sticky) {
			background-color: var(--wp--preset--color--white);
			position: sticky;
			top: 0;
			z-index: 100;
			.admin-bar & {
				top: 32px;
				@media (max-width: 768px) {
					top: 0;
				}
			}
		}
	}
}