/**
 * Estilos para o Widget de Logo LEDS
 * 
 * @package LEDS_Elementor_Widgets
 * @version 1.0.0
 */

/* ========================================
   CONTAINER DO LOGO
   ======================================== */

.leds-logo-widget {
    display: inline-block;
    line-height: 0;
}

.leds-logo-widget a {
    display: inline-block;
    text-decoration: none;
    border: none;
    outline: none;
}

.leds-logo-widget a:focus {
    outline: 2px solid var(--color-surface-brand-primary-medium, #00AEEF);
    outline-offset: 2px;
}

/* ========================================
   IMAGEM DO LOGO
   ======================================== */

.leds-logo-widget img.leds-logo-img {
    max-width: 100%;
    height: auto;
    display: block;
    transition: all 0.3s ease;
    border: none;
    box-shadow: none;
}

/* ========================================
   RESPONSIVIDADE
   ======================================== */

@media (max-width: 768px) {
    .leds-logo-widget img.leds-logo-img {
        max-width: 100px;
        height: auto;
    }
}

@media (max-width: 576px) {
    .leds-logo-widget img.leds-logo-img {
        max-width: 80px;
        height: auto;
    }
}

/* ========================================
   INTEGRAÇÃO COM ELEMENTOR
   ======================================== */

/* Remover espaçamentos padrão do Elementor */
.elementor-widget-leds-logo .elementor-widget-container {
    padding: 0;
    margin: 0;
}

/* Garantir que o widget funcione bem em containers flexíveis */
.elementor-widget-leds-logo {
    display: flex;
    align-items: center;
}

.elementor-widget-leds-logo .leds-logo-widget {
    width: 100%;
}

/* ========================================
   COMPATIBILIDADE COM TEMA LEDS
   ======================================== */

/* Integração com o header LEDS */
.leds-header .elementor-widget-leds-logo .leds-logo-widget {
    margin: 0;
    padding: 0;
}

.leds-header .elementor-widget-leds-logo .leds-logo-widget img {
    vertical-align: middle;
}

/* ========================================
   ESTADOS E INTERAÇÕES
   ======================================== */

.leds-logo-widget a:hover img {
    transform: scale(1.05);
}

.leds-logo-widget a:active img {
    transform: scale(0.95);
}

/* ========================================
   ACESSIBILIDADE
   ======================================== */

@media (prefers-reduced-motion: reduce) {
    .leds-logo-widget img,
    .leds-logo-widget a:hover img,
    .leds-logo-widget a:active img {
        transition: none;
        transform: none;
    }
}

/* Dark mode removido */

/* ========================================
   IMPRESSÃO
   ======================================== */

@media print {
    .leds-logo-widget {
        page-break-inside: avoid;
    }
    
    .leds-logo-widget img {
        max-height: 2cm;
        width: auto;
    }
}