/* Força a imagem a preencher o espaço sem distorcer */
.ep-box-card-thumb .ep-event-cover {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important; /* Isso garante o preenchimento mantendo a proporção */
    object-position: center !important; /* Centraliza a imagem no corte */
}

/* Garante que o contêiner tenha um tamanho definido para a imagem ocupar */
.ep-box-card-thumb {
    width: 100%;
    height: 300px; /* Ajuste esta altura para o que você desejar */
    overflow: hidden !important; /* Esconde as partes da imagem que sobrarem */
}



/* --- CONFIGURAÇÃO DE VARIÁVEL DE HOVER --- */
/* A regra abaixo mistura 60% da cor primária com 40% de preto */
:root {
    --hover-primary-dark: color-mix(in srgb, var(--bs-primary) 60%, black 40%);
}

/* --- Botões Principais (Dark para Primary) --- */
.ep-btn-dark {
    background-color: var(--bs-primary) !important;
    border-color: var(--bs-primary) !important;
    color: var(--bs-white) !important;
}

.ep-btn-dark:hover, 
.ep-btn-dark:focus {
    background-color: var(--hover-primary-dark) !important;
    border-color: var(--hover-primary-dark) !important;
}

/* --- Ajuste dos ícones de filtro e estados ativos --- */
.ep-btn-outline-primary {
    color: var(--bs-primary) !important;
    border-color: var(--bs-primary) !important;
}

.ep-btn-outline-primary:hover,
.ep-btn-outline-primary.ep-active-view {
    background-color: var(--bs-primary) !important;
    color: var(--bs-white) !important;
}

/* Força os SVGs dentro dos botões a seguirem a cor do texto do botão */
.ep-btn-outline-primary:hover .ep-btn-text-fill-color,
.ep-btn-outline-primary.ep-active-view .ep-btn-text-fill-color {
    fill: var(--bs-white) !important;
}

/* --- Ajuste de Formulários e Filtros --- */
.ep-form-control:focus {
    border-color: var(--bs-primary) !important;
    box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.25) !important;
}

/* Filtros rápidos (Badges/Tags) */
.ep-filters-days {
    background-color: rgba(var(--bs-primary-rgb), 0.1) !important;
    color: var(--bs-primary) !important;
}

.ep-filters-days:hover {
    background-color: var(--hover-primary-dark) !important;
    color: var(--bs-white) !important;
}

/* Textos e ícones principais */
.ep-text-primary {
    color: var(--bs-primary) !important;
}

/* Botão de busca principal */
#ep_event_find_events_btn {
    background-color: var(--bs-primary) !important;
    color: var(--bs-white) !important;
}

#ep_event_find_events_btn:hover {
    background-color: var(--hover-primary-dark) !important;
}

/* --- Navegação do Slider --- */
.ep-event-rslides_nav {
    background-color: var(--bs-primary) !important;
    color: var(--bs-white) !important;
    border: 2px solid var(--bs-primary) !important;
    transition: all 0.3s ease-in-out !important;
    cursor: pointer !important;
    text-decoration: none !important;
}

.ep-event-rslides_nav:hover {
    background-color: var(--hover-primary-dark) !important;
    color: var(--bs-white) !important;
    border-color: var(--hover-primary-dark) !important;
}

.ep-event-rslides_nav .material-icons-outlined {
    color: inherit !important;
}