/*
 * Topbar front styles.
 *
 * @author      Difadi.com <soporte@difadi.com>
 * @copyright   2026 Difadi.com
 * @license     Commercial
*/
.dfdtopbar {
    position: relative;
}

.dfdtopbar,
.dfdtopbar * {
    color: inherit;
}

.dfdtopbar-wrapper {
    margin: 0 auto;
}

.dfdtopbar-wrapper * {
    font-size: 14px;
    margin-bottom: 0;
}

.dfdtopbar-wrapper a:hover {
    color: inherit;
    opacity: .6;
}

/* Simple */
.dfdtopbar-simple {
    padding: 10px 20px;
    text-align: center;
}

/* Marquee */
.dfdtopbar-marquee {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    padding: 10px 0;
    display: flex;
}

.dfdtopbar-marquee-track {
    display: inline-flex;
    align-items: center;
    animation: dfdtopbar-marquee var(--dfdtopbar-marquee-duration, 60s) linear infinite;
}

.dfdtopbar-marquee-item {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 0 40px;
    gap: 20px;
}

@keyframes dfdtopbar-marquee {
    0% {
        transform: translateX(0%);
    }

    100% {
        transform: translateX(-50%);
    }
}

/* Carousel */
.dfdtopbar-carousel {
    padding: 10px 20px;
    text-align: center;
}

.dfdtopbar-carousel .swiper-wrapper {
    align-items: center;
}

.dfdtopbar-carousel .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    height: 100%;
}