/* Estilos para o efeito de blur em padrinhos não confirmados */

/* Estilização para os padrinhos misteriosos */
.mystery-couple {
    position: relative;
    background-color: var(--dark-color);
    transition: all 0.3s ease;
}

/* Vamos aplicar o blur diretamente na imagem de placeholder */
.padrinho-pending .godparent-image img {
    filter: blur(4px);
    transition: filter 0.3s ease;
}

.padrinho-pending:hover .godparent-image img {
    filter: blur(2px);
}

/* Vamos aplicar o blur diretamente na imagem de placeholder */
.padrinho-pending .godparent-image img.blurred-img {
    filter: blur(5px);
    transition: filter 0.3s ease;
}

.padrinho-pending:hover .godparent-image img.blurred-img {
    filter: blur(3px);
}

/* Reforçar a visibilidade das silhuetas */
.mystery-couple {
    position: relative;
    background-color: var(--dark-color);
    transition: all 0.3s ease;
}

/* Garantir que as silhuetas fiquem por cima da imagem borrada */
.mystery-couple::before,
.mystery-couple::after {
    content: "";
    position: absolute;
    top: 0;
    width: 50%;
    height: 100%;
    z-index: 5; /* Aumentar o z-index para garantir que fique acima da imagem */
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

/* Adicionar um fundo mais escuro para as silhuetas */
.mystery-couple::before,
.mystery-couple::after {
    background-color: rgba(0, 0, 0, 0.2);
}

/* Garantir que as silhuetas fiquem por cima da imagem borrada */
.mystery-couple::before,
.mystery-couple::after {
    content: "";
    position: absolute;
    top: 0;
    width: 50%;
    height: 100%;
    z-index: 5; /* Aumentar o z-index para garantir que fique acima da imagem */
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-color: rgba(0, 0, 0, 0.2);
}

.mystery-couple::before {
    left: 0;
    background-image: url('../img/padrinhos/silhueta-homem.png');
}

.mystery-couple::after {
    right: 0;
    background-image: url('../img/padrinhos/silhueta-mulher.png');
}

/* Estilização para padrinhos individuais (sem acompanhante) */
.col:has(h5:not(:contains("&"))) .mystery-couple::after {
    display: none; /* Esconder a silhueta feminina */
}

.col:has(h5:not(:contains("&"))) .mystery-couple::before {
    width: 100%; /* Expandir a silhueta masculina para ocupar todo o espaço */
}

/* Alternativa para navegadores que não suportam :has */
.individual-padrinho .mystery-couple::after {
    display: none;
}

.individual-padrinho .mystery-couple::before {
    width: 100%;
}

.mystery-couple img {
    opacity: 0.3;
}

.godparent-card:hover .mystery-couple {
    filter: none;
}

/* Estilo para texto censurado (XXXX) com blur - manter apenas para o nome */
.blurred-text {
    color: var(--dark-color) !important;
    filter: blur(3px);
    transition: all 0.3s ease;
    user-select: none;
    letter-spacing: 1px;
}

/* Ajustar blur apenas para o título (nome) */
h5.blurred-text {
    color: var(--dark-color) !important;
    filter: blur(4px);
    transition: all 0.3s ease;
    user-select: none;
    letter-spacing: 1px;
}

.godparent-card:hover h5.blurred-text {
    filter: blur(2px);
}

/* Remover blur do texto descritivo */
p.blurred-text, div.blurred-text {
    filter: none;
    color: var(--dark-color) !important;
}

/* Estilos para cards de padrinhos pendentes */
.padrinho-pending {
    position: relative;
    overflow: hidden;
}

.padrinho-pending::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.02);
    z-index: 0;
}

.padrinho-pending .card-body {
    position: relative;
    z-index: 1;
}

/* Adicionar um leve destaque visual para padrinhos confirmados */
.padrinho-confirmed {
    box-shadow: 0 5px 15px rgba(var(--primary-color-rgb, 58, 125, 68), 0.2) !important;
}

/* Efeito especial no hover para os cards pendentes */
.padrinho-pending:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15) !important;
}

/* Estilos para o efeito de blur em padrinhos não confirmados */

/* Base para padrinhos misteriosos */
.mystery-couple {
    position: relative;
    background-color: var(--dark-color);
    transition: all 0.3s ease;
}

/* Blur nas imagens de padrinhos não confirmados */
.padrinho-pending .godparent-image img.blurred-img {
    filter: blur(5px);
    transition: filter 0.3s ease;
    opacity: 0.5; /* Reduzir opacidade para destacar silhuetas */
}

.padrinho-pending:hover .godparent-image img.blurred-img {
    filter: blur(3px);
}

/* Silhuetas sobre as imagens borradas */
.mystery-couple::before,
.mystery-couple::after {
    content: "";
    position: absolute;
    top: 0;
    width: 50%;
    height: 100%;
    z-index: 5;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-color: rgba(0, 0, 0, 0.2);
}

.mystery-couple::before {
    left: 0;
    background-image: url('../img/padrinhos/silhueta-homem.png');
}

.mystery-couple::after {
    right: 0;
    background-image: url('../img/padrinhos/silhueta-mulher.png');
}

/* Estilo para imagem borrada (apenas placeholder) */
.blurred-img {
    filter: blur(5px);
    transition: filter 0.3s ease;
    opacity: 0.6;
}

.padrinho-pending:hover .blurred-img {
    filter: blur(3px);
}

/* Estilo para nome censurado (XXXX) com blur */
h5.blurred-text {
    filter: blur(4px);
    transition: filter 0.3s ease;
    user-select: none;
}

.godparent-card:hover h5.blurred-text {
    filter: blur(2px);
}

/* Remover blur de outros textos */
p.blurred-text, div.blurred-text {
    filter: none;
}