/* Responsive Logo Widget — ID 93 */

.rl93-wrap {
    display: block;
    line-height: 0;
}

.rl93-link {
    display: inline-block;
    line-height: 0;
}

.rl93-img {
    display: block;
    height: auto;
    max-width: 100%;
}

/* ── Visibility logic ──────────────────────────────────────────────────────── */

/*
  Each image carries classes for the breakpoints it should appear on.
  We hide all by default then reveal per breakpoint.

  Elementor default breakpoints:
    Desktop  : > 1024px
    Tablet   : 768px – 1024px
    Mobile   : < 768px
*/

/* Desktop: show only .rl93-desktop (and .rl93-only) */
.rl93-img.rl93-tablet,
.rl93-img.rl93-mobile {
    display: none;
}

.rl93-img.rl93-desktop,
.rl93-img.rl93-only {
    display: block;
}

/* Tablet: 768px – 1024px */
@media (max-width: 1024px) {
    .rl93-img.rl93-desktop {
        display: none;
    }
    .rl93-img.rl93-tablet {
        display: block;
    }
    /* mobile-only images stay hidden on tablet */
    .rl93-img.rl93-mobile:not(.rl93-tablet) {
        display: none;
    }
}

/* Mobile: < 768px */
@media (max-width: 767px) {
    .rl93-img.rl93-desktop,
    .rl93-img.rl93-tablet:not(.rl93-mobile) {
        display: none;
    }
    .rl93-img.rl93-mobile {
        display: block;
    }
}