/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jan 27 2026 | 14:04:15 */
/**
 * ==================================================================================
 * █  LEUK WEBSITE 2026 - MODULO LISTAGEM
 * ==================================================================================
 * @description Comportamento da Grelha e Paginação.
 * @version     15.0.0
 * ==================================================================================
 */

/* ============================================================
   ⚙️ PAINEL DE CONTROLO (PAGINAÇÃO)
   ============================================================ */
:root {
    --leuk-pag-size:    40px;      /* Tamanho do botão de página */
    --leuk-pag-gap:     10px;      /* Espaço entre números */
    --leuk-pag-color:   #999999;   /* Cor normal */
    --leuk-pag-active:  #000000;   /* Cor da página ativa */
}

/* ============================================================
   📐 LÓGICA DA GRELHA (GRID)
   ============================================================ */

/* 1. Forçar Alturas Iguais (Match Height) */
/* Garante que o card estica para ocupar 100% da altura da linha */
.leuk-news-grid .elementor-loop-container > .elementor-widget-container,
.leuk-news-grid .e-loop-item {
    height: 100% !important;
}

/* 2. Paginação Minimalista (Clean Style) */
.elementor-pagination {
    margin-top: 50px !important; 
    display: flex; justify-content: center; gap: var(--leuk-pag-gap);
}

.elementor-pagination .page-numbers {
    width: var(--leuk-pag-size); height: var(--leuk-pag-size); 
    display: flex; align-items: center; justify-content: center;
    font-size: 14px; color: var(--leuk-pag-color); 
    border: none !important; background: transparent !important;
    transition: all 0.3s ease;
}

/* Estado Ativo (Página Atual) */
.elementor-pagination .page-numbers.current {
    font-weight: 700; color: var(--leuk-pag-active); 
    border-bottom: 2px solid var(--leuk-pag-active) !important;
}

/* Hover */
.elementor-pagination a.page-numbers:hover {
    background-color: #f5f5f5 !important; color: var(--leuk-pag-active);
}

/* Substituir texto Next/Prev por Setas */
.elementor-pagination .next, .elementor-pagination .prev { font-size: 0; }
.elementor-pagination .next::after { content: '→'; font-size: 18px; }
.elementor-pagination .prev::after { content: '←'; font-size: 18px; }