/*
Theme Name: Cortela
Theme URI: https://cortela.com.br/
Author: Conectta TI
Author URI: https://cortela.com.br/
Description: Cortela
Version: 1.0
Text Domain: cortela
*/
.wp-block-image img{
	width: 100%;
    border-radius: .5rem;
}
/* Estilos para a animação do menu lateral */
#mobile-menu-overlay {
    transition: transform 0.3s ease-in-out;
    transform: translateX(-100%); /* Começa fora da tela à esquerda */
}
#mobile-menu-overlay.open {
    transform: translateX(0); /* Entra na tela */
}
/* Adiciona separador "|" entre os itens do menu principal no desktop */
.desktop-primary-menu > li:not(:last-child):not(.menu-item-search)::after { /* Exclui o item de pesquisa */
    content: "|";
    margin-left: 1rem; /* Ajuste o espaçamento conforme necessário */
    margin-right: 1rem; /* Ajuste o espaçamento conforme necessário */
    color: #ffffff; /* Cor do separador */
    opacity: 0.6;
}

/* Estilos para o Loading Overlay da Navegação AJAX */
#ajax-loader-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.8); /* Fundo branco semi-transparente */
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 99999;
    transition: opacity 0.2s ease-in-out;
    opacity: 0;
    pointer-events: none; /* Começa invisível e sem interação */
}
/* Spinner de carregamento (CSS puro) */
#ajax-loader-overlay::after {
    content: '';
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 4px solid #1A3A7D; /* Cor primária */
    border-top-color: transparent;
    animation: spin 1s linear infinite;
}
@keyframes spin {
    to { transform: rotate(360deg); }
}
/*--------------------------------------------------------------


/* Cria a animação de deslizar para a esquerda */
@keyframes infinite-scroll {
    0% {
        transform: translateX(0);
    }
    100% {
        /* Move exatamente 50% do bloco (o equivalente à nossa primeira lista de cards) */
        transform: translateX(-50%);
    }
}

/* Aplica a animação no contêiner */
.animate-infinite-scroll {
    animation: infinite-scroll 40s linear infinite;
    /* max-content garante que o tamanho calcule todos os cards lado a lado perfeitamente */
    width: max-content; 
}

/* Pausa a animação ao passar o mouse */
.hover\:pause-animation:hover {
    animation-play-state: paused;
}