/* Elementor Pro Toolkit — Theme Builder (frontend) */

/*
 * Supresión CSS del header/footer del tema cuando EPT tiene plantilla propia.
 * Se aplica via body class añadida por PHP (más fiable que interceptar bloques en WP 6.4+).
 */

/* Header del tema: wp-block-template-part con tagName=header o class que contenga "header" */
.ept-has-custom-header header.wp-block-template-part,
.ept-has-custom-header .wp-block-template-part[class*="header"],
.ept-has-custom-header .wp-site-blocks > header:not( #ept-tb-header ),
/* Domi/Ancora: el header clásico se renderiza como .top_panel dentro de body_wrap. */
.ept-has-custom-header .body_wrap > .top_panel,
.ept-has-custom-header .top_panel_wrap,
.ept-has-custom-header .top_panel_custom {
	display: none !important;
}

/* Footer del tema */
.ept-has-custom-footer footer.wp-block-template-part,
.ept-has-custom-footer .wp-block-template-part[class*="footer"],
.ept-has-custom-footer .wp-site-blocks > footer:not( #ept-tb-footer ) {
	display: none !important;
}

/* Nuestro header/footer siempre visible aunque el tema lo quisiera ocultar */
#ept-tb-header,
#ept-tb-footer {
	display: block !important;
}

.ept-tb-content {
	display: block;
}

.ept-tb-nav-menu {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 24px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.ept-tb-nav-menu li {
	position: relative;
}

.ept-tb-nav-menu a {
	text-decoration: none;
	color: inherit;
}

.ept-tb-nav-menu .sub-menu {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	min-width: 200px;
	background: #fff;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
	padding: 8px 0;
	flex-direction: column;
	gap: 0;
	z-index: 100;
}

.ept-tb-nav-menu li:hover > .sub-menu {
	display: flex;
}

.ept-tb-nav-menu .sub-menu a {
	display: block;
	padding: 8px 16px;
}

.ept-tb-nav-menu--align-left { justify-content: flex-start; }
.ept-tb-nav-menu--align-center { justify-content: center; }
.ept-tb-nav-menu--align-right { justify-content: flex-end; }
