/* Force Inline Thumbnail Navigation - Override Revolution Slider Defaults */

/* Force horizontal layout with flexbox */
.tp-bullets,
.tp-bullets.tp-bullets-horizontal {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 10px !important;
    flex-wrap: nowrap !important;
    white-space: nowrap !important;
}

/* Remove any default block display from Revolution Slider */
.tp-bullet {
    display: inline-block !important;
    float: none !important;
    vertical-align: middle !important;
    margin: 0 !important;
}

/* Override any Revolution Slider CSS that might force vertical layout */
.tp-bullets .tp-bullet {
    display: inline-block !important;
    position: relative !important;
    float: none !important;
}

/* Ensure bullets container doesn't have conflicting styles */
.tp-bullets {
    width: auto !important;
    height: auto !important;
    text-align: right !important;
}

/* Force horizontal on all screen sizes */
@media screen {
    .tp-bullets,
    .tp-bullets.tp-bullets-horizontal {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        gap: 10px !important;
    }
}

/* Mobile horizontal layout */
@media (max-width: 768px) {
    .tp-bullets,
    .tp-bullets.tp-bullets-horizontal {
        display: flex !important;
        flex-direction: row !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 8px !important;
    }
}

@media (max-width: 480px) {
    .tp-bullets,
    .tp-bullets.tp-bullets-horizontal {
        display: flex !important;
        flex-direction: row !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 6px !important;
    }
}