/* --- AJUSTE DE ESPAÇAMENTO ESTILO CHAMPIONS CHURCH --- */

/* FORÇAR NAVBAR PRETA NESTA PÁGINA */
.navbar {
    background-color: #000000 !important;
    background: #000000 !important;
}

.donation-container {
    max-width: 900px; /* Um pouco mais largo como o deles */
    margin: 0 auto;
    padding: 150px 40px 80px; /* Mais respiro nas laterais */
}

/* Títulos mais leves e espalhados */
.bank-details h2, .gift-aid h2 {
    color: #2f332c !important;
    font-size: 2.4rem;
    letter-spacing: 2px; /* Desgruda as letras do título */
    margin-bottom: 30px;
    font-weight: 700;
}

/* Texto do corpo com mais espaço entre linhas */
.donation-container p {
    line-height: 1.8 !important; /* Aumenta o espaço entre as linhas de texto */
    letter-spacing: 0.5px;      /* Pequeno espaço entre as letras para facilitar a leitura */
    margin-bottom: 25px;         /* Mais espaço entre um parágrafo e outro */
    color: #444 !important;
}

/* Ajuste nos dados bancários para não ficarem apertados */
.account-info {
    background: #2f332c !important;
    padding: 40px;               /* Mais espaço interno no quadro */
    border-radius: 4px;
    margin: 40px 0;
    border-left: 6px solid #a2af9b;
}

.account-info p {
    color: #ffffff !important;
    font-size: 1.4rem !important; /* Letras maiores nos dados da conta */
    letter-spacing: 2px !important; /* Números bem legíveis e espalhados */
    margin-bottom: 15px !important;
    font-weight: 500;
}

/* Botão mais largo e elegante */
.btn-giftaid {
    display: inline-block;
    background-color: #f15a29 !important;
    color: #ffffff !important;
    padding: 18px 45px !important; /* Botão maior */
    text-decoration: none;
    font-weight: 700;
    border-radius: 4px;
    margin-top: 30px;
    text-transform: uppercase;
    letter-spacing: 3px;          /* Letras do botão bem espalhadas */
    transition: all 0.3s;
}

/* --- RESPONSIVIDADE PÁGINA DONATION --- */

/* Ajustes para Tablet (1100px) */
@media (max-width: 1100px) {
    .donation-container {
        padding: 130px 30px 60px; /* Reduz um pouco o respiro lateral */
        max-width: 90%;
    }

    .bank-details h2, .gift-aid h2 {
        font-size: 2rem; /* Títulos levemente menores */
    }

    .account-info {
        padding: 30px; /* Compacta o quadro de dados bancários */
    }

    .account-info p {
        font-size: 1.2rem !important;
    }
}

/* Ajustes para Celular (768px) */
@media (max-width: 768px) {
    .donation-container {
        padding: 110px 20px 40px; /* Reduz o topo para o celular */
    }

    .bank-details h2, .gift-aid h2 {
        font-size: 1.8rem;
        letter-spacing: 1px;
        text-align: center; /* Centraliza títulos no celular para melhor estética */
    }

    .donation-container p {
        font-size: 1rem !important;
        line-height: 1.6 !important; /* Linhas um pouco mais próximas para telas pequenas */
        text-align: justify; /* Melhora a leitura em blocos de texto no celular */
    }

    .account-info {
        padding: 25px 20px;
        margin: 30px 0;
        border-left-width: 4px; /* Borda lateral mais fina */
    }

    .account-info p {
        font-size: 1rem !important; /* Diminui os dados bancários para não quebrarem linha */
        letter-spacing: 1px !important;
        text-align: left;
    }

    .btn-giftaid {
        display: block; /* Botão ocupa a largura quase toda */
        text-align: center;
        padding: 15px 20px !important;
        font-size: 14px !important;
        letter-spacing: 2px;
    }
    
    /* Garante que a navbar preta não tenha sombras estranhas no mobile */
    .navbar {
        background-color: rgba(0, 0, 0, 0.83) !important;
    }
}