/**
 * Estilos para ícones personalizados do tema Ancord
 *
 * @package WordPress
 * @subpackage Twenty_Twenty_Five
 * @since 1.0.0
 */

/* Classe base para ícones */
.ancord-icon {
	display: inline-block;
	vertical-align: middle;
	flex-shrink: 0;
}

/* Classe específica para ícones de menu */
.ancord-menu-icon {
	width: 18px;
	height: 18px;
	min-width: 18px;
	min-height: 18px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 8px;
	flex-shrink: 0;
}

/* Ajuste para alinhamento vertical com texto */
.ancord-menu-icon {
	position: relative;
	top: -1px; /* Ajuste fino para alinhamento visual */
}

/* Variante maior para ícones de menu (opcional) */
.ancord-menu-icon--large {
	width: 20px;
	height: 20px;
	min-width: 20px;
	min-height: 20px;
}

/* Variante menor para ícones de menu (opcional) */
.ancord-menu-icon--small {
	width: 16px;
	height: 16px;
	min-width: 16px;
	min-height: 16px;
	margin-right: 6px;
}

/* Garante que o SVG dentro do ícone preencha o espaço */
.ancord-icon svg,
.ancord-menu-icon svg {
	width: 100%;
	height: 100%;
	display: block;
}

/* Remove espaçamento extra quando o ícone está dentro de um link */
a .ancord-menu-icon {
	margin-right: 8px;
}

/* Ajuste para ícones em listas */
li .ancord-menu-icon,
.menu-item .ancord-menu-icon {
	margin-right: 8px;
}

/* Rotação da seta dropdown */
.portal-sidebar-menu-item-arrow {
	transition: transform 0.2s ease;
}

/* Seta dropdown apontando para a direita quando fechado */
/* O SVG original aponta para baixo, então rotacionamos -90 graus (anti-horário) para apontar para a direita */
.portal-sidebar-menu-item.has-submenu .portal-sidebar-menu-item-arrow svg {
	transform: rotate(-90deg);
}

/* Seta dropdown apontando para baixo quando expandido */
/* Volta para a posição original do SVG (0 graus = para baixo) */
.portal-sidebar-menu-item.has-submenu.expanded .portal-sidebar-menu-item-arrow svg {
	transform: rotate(0deg) !important;
}

/* Estilos para ícones de submenu */
.portal-sidebar-submenu-icon {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin-right: 8px;
	flex-shrink: 0;
	vertical-align: middle;
}

.portal-sidebar-submenu-icon svg {
	width: 100%;
	height: 100%;
	display: block;
}

/* Estilos para ícone de busca em searchbox */
/* Garante que o ícone fique branco quando dentro de um container escuro */
div[style*="background: #474747"] .ancord-menu-icon svg,
div[style*="background:#474747"] .ancord-menu-icon svg {
	fill: white;
	stroke: white;
}

div[style*="background: #474747"] .ancord-menu-icon svg path,
div[style*="background:#474747"] .ancord-menu-icon svg path {
	fill: white;
	stroke: white;
}