/* ===== CUSTOMIZAÇÃO DOS BOTÕES ===== */

/* Transições suaves para ambos os botões */
#comprar-nft-btn, #acessar-land-btn {
    transition: all 0.3s ease !important;
}

/* ===== BOTÃO COMPRAR NFT ===== */
/* Estilo padrão - com degradê */
#comprar-nft-btn.tf-button.style-1 {
    background: linear-gradient(90deg, #ff6b9d 0%, #8b5cf6 100%) !important;
    color: #ffffff !important;
    border: 2px solid transparent !important;
}

/* Hover - fica branco com texto preto */
.flat-pages-title .pages-title .content .flat-button a.tf-button.style-1#comprar-nft-btn:hover {
    background: #ffffff !important;
    background-color: #ffffff !important;
    background-image: none !important;
    color: #161616 !important;
    border: 2px solid #161616 !important;
    transform: none !important;
}

.flat-pages-title .pages-title .content .flat-button a.tf-button.style-1#comprar-nft-btn:hover i {
    color: #161616 !important;
}

/* ===== BOTÃO ACESSAR LAND ===== */
/* Estilo padrão - branco */
#acessar-land-btn.tf-button.style-1 {
    background: #ffffff !important;
    background-color: #ffffff !important;
    background-image: none !important;
    color: #161616 !important;
    border: 2px solid #161616 !important;
}

#acessar-land-btn.tf-button.style-1 i {
    color: #161616 !important;
}

/* Hover - fica com degradê */
.flat-pages-title .pages-title .content .flat-button a.tf-button.style-1#acessar-land-btn:hover {
    background: linear-gradient(90deg, #ff6b9d 0%, #8b5cf6 100%) !important;
    background-color: transparent !important;
    color: #ffffff !important;
    border: 2px solid transparent !important;
}

.flat-pages-title .pages-title .content .flat-button a.tf-button.style-1#acessar-land-btn:hover i {
    color: #ffffff !important;
}

/* Garantir que não há conflito com outras pseudo-classes */
.flat-pages-title .pages-title .content .flat-button a.tf-button.style-1#comprar-nft-btn:hover:focus,
.flat-pages-title .pages-title .content .flat-button a.tf-button.style-1#comprar-nft-btn:hover:active {
    background: #ffffff !important;
    background-color: #ffffff !important;
    background-image: none !important;
    color: #161616 !important;
    border: 2px solid #161616 !important;
}

.flat-pages-title .pages-title .content .flat-button a.tf-button.style-1#acessar-land-btn:hover:focus,
.flat-pages-title .pages-title .content .flat-button a.tf-button.style-1#acessar-land-btn:hover:active {
    background: linear-gradient(90deg, #ff6b9d 0%, #8b5cf6 100%) !important;
    color: #ffffff !important;
    border: 2px solid transparent !important;
}

/* Customização específica para o botão COMPRAR NFT */
#comprar-nft-btn {
    transition: all 0.3s ease !important;
}

#comprar-nft-btn:hover {
    background-color: #ffffff !important;
    color: #161616 !important;
    border: 2px solid #161616 !important;
    transform: none !important;
}

#comprar-nft-btn:hover i {
    color: #161616 !important;
}

/* Sobrescrever qualquer regra existente */
.flat-pages-title .pages-title .content .tf-button.style-1#comprar-nft-btn:hover {
    background-color: #ffffff !important;
    color: #161616 !important;
    border: 2px solid #161616 !important;
}

.flat-pages-title .pages-title .content .tf-button.style-1#comprar-nft-btn:hover i {
    color: #161616 !important;
}

/* Regra mais específica usando ID para garantir que funcione */
#comprar-nft-btn:hover {
    background-color: #ffffff !important;
    color: #161616 !important;
    border: 2px solid #161616 !important;
}

#comprar-nft-btn:hover i {
    color: #161616 !important;
}

/* ===== CUSTOMIZAÇÃO DOS LOGOS ===== */

/* Logo do Header - Tamanho ajustado */
#logo_header {
    max-height: 70px !important;
    width: auto !important;
    height: auto !important;
}

/* Logo do Footer - Tamanho ajustado */
#logo_footer {
    max-height: 65px !important;
    width: auto !important;
    height: auto !important;
}

/* Logo do Menu Mobile - Tamanho ajustado */
#mobile-logo_header {
    max-height: 60px !important;
    width: auto !important;
    height: auto !important;
}

/* Container do logo do header */
#site-logo-inner {
    max-height: 70px !important;
}

/* Container do logo do footer */
.logogo-footer {
    max-height: 65px !important;
}

/* ===== CUSTOMIZAÇÃO DO MENU ===== */

/* Menu ativo - trocar amarelo pelo degradê */
#main-nav>ul>li.current-menu-item>a {
    background: linear-gradient(90deg, #ff6b9d 0%, #8b5cf6 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}

#main-nav>.menu>li.current-menu-item>a::after {
    background: linear-gradient(90deg, #ff6b9d 0%, #8b5cf6 100%) !important;
}

/* Menu hover - usar degradê em vez do amarelo */
#main-nav>ul>li:hover>a {
    background: linear-gradient(90deg, #ff6b9d 0%, #8b5cf6 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}

#main-nav>.menu>li:hover>a::after {
    background: linear-gradient(90deg, #ff6b9d 0%, #8b5cf6 100%) !important;
}

/* Menu mobile ativo */
#menu-mobile-menu li.current-menu-item > a {
    background: linear-gradient(90deg, #ff6b9d 0%, #8b5cf6 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}

/* Menu mobile hover */
#menu-mobile-menu li:hover > a {
    background: linear-gradient(90deg, #ff6b9d 0%, #8b5cf6 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}

/* ===== MENU LATERAL VISÍVEL ===== */
/* Menu lateral deve continuar funcionando normalmente */

/* ===== OCULTAR SEÇÃO DE PARCEIROS ===== */
#secao-parceiros {
    display: none !important;
}

/* ===== BACKGROUND PERSONALIZADO ===== */
/* Aplicar cor de fundo #22012c em todo o site */
body {
    background-color: #22012c !important;
}

/* Aplicar a cor também nas seções principais */
.tf-section:not(#footer),
.flat-pages-title,
#header_main,
#page,
#wrapper {
    background-color: #22012c !important;
}

/* Aplicar apenas nos containers que NÃO são do rodapé */
.themesflat-container:not(#footer .themesflat-container) {
    background-color: #22012c !important;
}

/* FORÇAR o rodapé a manter sua cor original */
#footer,
#footer *,
.footer-bottom,
#footer .themesflat-container {
    background-color: #111 !important;
}

/* ===== ESTILO DO USERNAME ===== */
#username {
    color: #ffffff !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    font-family: 'Azeret Mono', monospace !important;
    transition: all 0.3s ease !important;
}

/* Username hover com degradê */
#username:hover {
    background: linear-gradient(90deg, #ff6b9d 0%, #8b5cf6 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    cursor: pointer !important;
}