/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jan 27 2026 | 13:48:46 */
/**
 * ==================================================================================
 * █  LEUK WEBSITE 2026 - COMPONENTE DE SISTEMA
 * ==================================================================================
 * @file        CSS Notícias Homepage
 * @description Estilização das setas de navegação (Extraído do Original).
 * @version     14.2.0
 * @author      LEUK
 * @date        2026-01-27
 * ==================================================================================
 */

:root {
    /* --- NAVEGAÇÃO (SETAS) --- */
    --leuk-nav-display: flex;
    --leuk-nav-color: #ffffff;
    --leuk-nav-hover: #ffffff;
    --leuk-nav-size: 60px;
    --leuk-nav-icon-size: 28px;
}
@media (max-width: 1024px) { :root { --leuk-nav-icon-size: 24px; } }
@media (max-width: 767px) { :root { --leuk-nav-size: 40px; --leuk-nav-icon-size: 20px; } }

/* Estilos das Setas Flutuantes */
.leuk-news-carousel .elementor-swiper-button {
    display: var(--leuk-nav-display) !important;
    top: calc(var(--leuk-img-height) / 2) !important; /* Usa variável do Core */
    transform: translateY(-50%) !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    width: var(--leuk-nav-size) !important;
    height: var(--leuk-nav-size) !important;
    color: var(--leuk-nav-color) !important;
    display: flex !important; align-items: center; justify-content: center;
    transition: all 0.3s ease !important;
    z-index: 10; 
}

.leuk-news-carousel .elementor-swiper-button i {
    font-size: var(--leuk-nav-icon-size) !important;
    text-shadow: 0 2px 10px rgba(0,0,0,0.3);
    transition: transform 0.3s ease !important;
}

.leuk-news-carousel .elementor-swiper-button:hover {
    background-color: transparent !important;
    color: var(--leuk-nav-hover) !important;
}

.leuk-news-carousel .elementor-swiper-button-prev:hover i { transform: translateX(-5px); }
.leuk-news-carousel .elementor-swiper-button-next:hover i { transform: translateX(5px); }