/* ═══════════════════════════════════════════════════════════════════════════
   TEDUCAS Logo Widget — Elementor
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── Base & layout ── */
.teducas-logo-wrapper {
    display: inline-flex;
    align-items: center;
    position: relative;
}

.teducas-logo-wrapper a {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    line-height: 0;
}

.teducas-logo-wrapper .teducas-logo-normal,
.teducas-logo-wrapper .teducas-logo-sticky {
    display: block;
    max-width: 100%;
    height: auto;
    transition: all 0.3s ease;
}

/* ── Sticky toggling & smooth crossfade ── */

/* If sticky logo is not present in settings, keep fallback hidden */
.teducas-logo-wrapper:not(.teducas-logo-has-sticky) .teducas-logo-sticky {
    display: none;
}

/* Smooth transition when a separate sticky logo exists */
.teducas-logo-wrapper.teducas-logo-has-sticky a {
    position: relative;
}

.teducas-logo-wrapper.teducas-logo-has-sticky .teducas-logo-sticky {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.3s ease, visibility 0.3s ease, width 0.3s ease, height 0.3s ease;
}

.teducas-logo-wrapper.teducas-logo-has-sticky .teducas-logo-normal {
    opacity: 1;
    visibility: visible;
    transition: opacity 0.3s ease, visibility 0.3s ease, width 0.3s ease, height 0.3s ease;
}

.elementor-sticky--effects .teducas-logo-wrapper.teducas-logo-has-sticky .teducas-logo-normal,
.elementor-sticky--effects.teducas-logo-wrapper.teducas-logo-has-sticky .teducas-logo-normal {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.elementor-sticky--effects .teducas-logo-wrapper.teducas-logo-has-sticky .teducas-logo-sticky,
.elementor-sticky--effects.teducas-logo-wrapper.teducas-logo-has-sticky .teducas-logo-sticky {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}