/*pokeblack novo*/
body {
    /* Define a imagem de fundo */
    background-image: url(../images/background_pokeballs.png);

    /* Faz a imagem cobrir toda a tela, sem distorcer */
    background-size: cover;

    /* Evita que a imagem se repita */
    background-repeat: no-repeat;

    /* Centraliza a imagem na tela */
    background-position: center center;

    /* Deixa a imagem fixa enquanto a página rola (efeito parallax) */
    background-attachment: fixed;
}

.btn-outline-purple {
    --bs-btn-color: #6f42c1;
    --bs-btn-border-color: #6f42c1;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #6f42c1;
    --bs-btn-hover-border-color: #6f42c1;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #6f42c1;
    --bs-btn-active-border-color: #6f42c1;
}

/* --- Início do Código da Fonte Personalizada --- */

@font-face {
    font-family: "Pokemon Hollow";

    src: url(../util/Pokemon\ Hollow.ttf) format("truetype");
    /* Caminho para o arquivo */
}

/* Crie uma classe para usar a nova fonte */
.titulo-pokemon {
    font-family: "Pokemon Hollow", sans-serif;
    /* Use o nome que você definiu acima */
    color: #00000000;
    /* Cor amarela do Pokémon */
    -webkit-text-stroke: 1.5px #ffffff;
    font-size: 3rem;
    /* Ajuste o tamanho conforme necessário */
}

/* --- Fim do Código da Fonte Personalizada --- */

/* Print da galera */
/* --- Estilo Personalizado para Paginação Escura --- */

.pagination .page-link {
    background-color: #212529;
    /* Cor de fundo escura */
    border-color: #495057;
    /* Cor da borda */
    color: #f8f9fa;
    /* Cor do texto */
}

.pagination .page-link:hover {
    background-color: #495057;
    /* Fundo mais claro ao passar o mouse */
    color: #fff;
}

/* Estilo para a página ativa, usando as cores do seu tema Pokémon */
.pagination .page-item.active .page-link {
    background-color: #ffcb05;
    /* Amarelo Pokémon */
    border-color: #ffcb05;
    color: #3d7dca;
    /* Azul Pokémon */
    font-weight: bold;
}

.pagination .page-item.disabled .page-link {
    background-color: #1a1d20;
    border-color: #343a40;
    color: #6c757d;
}

/* paginação */

.pagination .page-link {
    background-color: #212529;
    border-color: #495057;
    color: #f8f9fa;
}

.pagination .page-link:hover {
    background-color: #495057;
    color: #fff;
}

.pagination .page-item.active .page-link {
    background-color: #ffcb05;
    border-color: #ffcb05;
    color: #3d7dca;
    font-weight: bold;
}

.pagination .page-item.disabled .page-link {
    background-color: #1a1d20;
    border-color: #343a40;
    color: #6c757d;
}

/* adiquirir Black Coin */
/* --- Estilo para o Botão Primário (Metamask) --- */
.btn-primary {
    background-color: #3d7dca; /* Azul Pokémon */
    border-color: #3d7dca;
    color: #ffcb05; /* Amarelo Pokémon */
    font-weight: bold;
}

.btn-primary:hover {
    background-color: #2a6ab8; /* Azul um pouco mais escuro */
    border-color: #2a6ab8;
    color: #ffdd44; /* Amarelo um pouco mais claro */
}

/* loja PokeBlack */
/* --- Efeito Hover para Cards da Loja --- */
.item-card {
    transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}

.item-card:hover {
    transform: translateY(-5px); /* Levanta o card um pouco */
    box-shadow: 0 8px 16px rgba(255, 203, 5, 0.2); /* Adiciona um brilho amarelo */
    border-color: #ffcb05 !important;
}

/* .carousel-item img {
    display: block !important;
    width: 60% !important;
    min-height: 200px !important;
    background: none !important;
} */

.carousel{
    padding: 20px 110px 0 110px ;
}

@media (max-width: 768px) {
    .carousel{
        padding: 20px;
    }
}