/**
 * ProPlayerFC - Estilos específicos para botões do header
 *
 * 1) sign-ppfc - Botão "Criar Conta"
 * 2) ppfc-dashboard - Item "Painel do Jogador" no dropdown
 * 3) ppfc-logout - Botão "Sair" no dropdown
 */

/* ============================================
   1) Botão Criar Conta - .sign-ppfc
   ============================================ */
/* Mesmo estilo dos outros links do painel (ver proplayerfc-theme.css: li:not(...) a) */
.panel.header .header.links a.sign-ppfc,
.panel.header .header.links a.create-account-ppfc,
.header.links a.sign-ppfc,
.header.links a.create-account-ppfc,
a.sign-ppfc {
    background: #27ae60 !important;
    color: #ffffff !important;
    border: 1px solid #27ae60 !important;
    border-color: #27ae60 !important;
    border-radius: 6px !important;
    padding: 8px 16px !important;
    transition: all 0.3s ease !important;
}

.panel.header .header.links a.sign-ppfc:hover,
.panel.header .header.links a.create-account-ppfc:hover,
.header.links a.sign-ppfc:hover,
.header.links a.create-account-ppfc:hover,
a.sign-ppfc:hover {
    background: #2ecc71 !important;
    border-color: #2ecc71 !important;
    color: #ffffff !important;
}

/* ============================================
   2) Itens do dropdown - fundo branco, label e ícones pretos
   ============================================ */
.user-dropdown-menu a.user-dropdown-item,
.user-dropdown-item.ppfc-dashboard,
a.user-dropdown-item.ppfc-dashboard,
.user-dropdown-item.ppfc-tournaments,
a.user-dropdown-item.ppfc-tournaments,
.user-dropdown-item.ppfc-profile,
a.user-dropdown-item.ppfc-profile,
.user-dropdown-item.ppfc-account-edit,
a.user-dropdown-item.ppfc-account-edit,
.user-dropdown-menu a.user-dropdown-item.ppfc-dashboard,
.user-dropdown-menu a.user-dropdown-item.ppfc-tournaments,
.user-dropdown-menu a.user-dropdown-item.ppfc-profile,
.user-dropdown-menu a.user-dropdown-item.ppfc-account-edit,
li.user-menu-wrapper .user-dropdown .user-dropdown-menu a.user-dropdown-item {
    background: #ffffff !important;
    background-color: #ffffff !important;
    color: #000000 !important;
    border: none !important;
    border-bottom: 1px solid #e5e7eb !important;
    border-radius: 0 !important;
}

.user-dropdown-menu a.user-dropdown-item .user-dropdown-item-icon i,
.user-dropdown-menu a.user-dropdown-item .user-dropdown-item-text {
    color: #000000 !important;
}

/* Hover: cinza claro em toda área */
.user-dropdown-menu a.user-dropdown-item:hover,
.user-dropdown-item.ppfc-dashboard:hover,
a.user-dropdown-item.ppfc-dashboard:hover,
.user-dropdown-item.ppfc-tournaments:hover,
a.user-dropdown-item.ppfc-tournaments:hover,
.user-dropdown-item.ppfc-profile:hover,
a.user-dropdown-item.ppfc-profile:hover,
.user-dropdown-item.ppfc-account-edit:hover,
a.user-dropdown-item.ppfc-account-edit:hover {
    background: #e5e7eb !important;
    background-color: #e5e7eb !important;
    color: #000000 !important;
}

/* ============================================
   3) Botão Sair - fundo branco, borda vermelha, label vermelha negrito
   ============================================ */
.user-dropdown-logout.ppfc-logout,
a.user-dropdown-logout.ppfc-logout,
.user-dropdown-footer a.user-dropdown-logout.ppfc-logout,
li.user-menu-wrapper .user-dropdown .user-dropdown-footer a.user-dropdown-logout.ppfc-logout {
    background: #ffffff !important;
    background-color: #ffffff !important;
    color: #c0392b !important;
    font-weight: 700 !important;
    border: 2px solid #c0392b !important;
}

/* Hover: vermelho claro */
.user-dropdown-logout.ppfc-logout:hover,
a.user-dropdown-logout.ppfc-logout:hover,
.user-dropdown-footer a.user-dropdown-logout.ppfc-logout:hover {
    background: #fadbd8 !important;
    background-color: #fadbd8 !important;
    color: #a93226 !important;
    border: 2px solid #e74c3c !important;
}