/*
Plugin: Curralzinho Social Links Manager
Estilos para os Ícones Sociais
*/

/* --- Estilos Gerais (Aplicados a ambos) --- */

.header-socials,
.footer-social {
    display: flex; 
    align-items: center;
    gap: 10px; 
}

.header-socials a,
.footer-social a {
    text-decoration: none;
    line-height: 1;
}

/* Define a cor padrão e tamanho para o header */
.header-socials .social-icon {
    width: 32px; 
    height: 32px;
    fill: #333; /* Cor escura para o header */
    transition: fill 0.3s;
}

.header-socials a:hover .social-icon {
    fill: #0073aa; /* Cor de hover do header */
}

/* --- Estilos Específicos para o Rodapé --- */

/* Sobrescreve a cor e o tamanho para os links no footer */
.footer-social .social-icon {
    width: 36px; 
    height: 36px;
    fill: #FFFFFF; /* Cor clara para o footer (fundo escuro) */
}

.footer-social a:hover .social-icon {
    fill: #CCCCCC; /* Cor de hover do footer */
}




/* --- Estilos do Admin Repeater (Colapsável) --- */

/* Esconde a barra de rolagem horizontal se o item for muito arrastado */
.cslm-link-item {
    overflow: hidden; 
}

.cslm-link-header {
    /* Garante que o cursor "move" se aplique apenas ao contêiner arrastável */
    cursor: grab !important;
}

.cslm-link-header span:not(.cslm-toggle-icon) {
    /* Mantém o texto de arrastar mais discreto */
    font-weight: normal; 
}

/* Estilo para quando o item estiver aberto */
.cslm-link-item.open .cslm-link-header {
    background: #f1f1f1; /* Cor de fundo um pouco mais clara quando expandido */
}

/* Ícone de toggle: usa a mesma cor do header */
.cslm-toggle-icon {
    display: inline-block;
    color: #555;
    font-size: 14px;
    margin-top: -2px; /* Ajuste fino */
}



/*
Bloqueia a exibição de avisos de terceiros na tela de administração do plugin.
O uso de !important garante que sobrescreva qualquer estilo inline ou de prioridade menor.
*/
.notice-warning,
.notice,
.error {
    display: none !important;
}