/* Revolution Slider Emergency Fix - Text & Navigation */

/* CRITICAL: Reset all problematic z-index overrides */
.tp-revslider-mainul *,
.tp-revslider-mainul li *,
.tp-caption *,
.rs-layer *,
.tp-static-layer * {
    z-index: inherit !important;
}

/* Let Revolution Slider manage its own layering */
.tp-revslider-mainul,
.tp-revslider-mainul li,
.rev-slidebg,
.tp-bgimg {
    z-index: auto !important;
}

/* Only apply minimal z-index to essential elements */
.tp-revslider-mainul li::before {
    z-index: 1 !important;
    pointer-events: none !important;
}

/* Navigation positioning fix - INLINE LAYOUT */
.tp-bullets {
    position: absolute !important;
    bottom: 60px !important;
    right: 180px !important;
    z-index: auto !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 10px !important;
}

.tp-bullet {
    z-index: auto !important;
}

/* Ensure text elements use Revolution Slider's natural positioning */
.tp-caption,
.tp-static-layer,
.rs-layer {
    z-index: auto !important;
    position: relative !important;
}

/* Only ensure text is above overlay with minimal intervention */
.tp-caption h1,
.tp-caption h2,
.tp-caption h3,
.tp-caption h4,
.tp-caption h5,
.tp-caption h6,
.tp-caption p,
.tp-caption span,
.tp-caption div,
.tp-caption a {
    position: relative !important;
    z-index: 2 !important;
}

/* Mobile positioning fix - KEEP HORIZONTAL */
@media (max-width: 768px) {
    .tp-bullets {
        bottom: 30px !important;
        right: 20px !important;
        left: 20px !important;
        text-align: center !important;
        justify-content: center !important;
        display: flex !important;
        flex-direction: row !important;
        gap: 8px !important;
    }
    
    .tp-bullet {
        width: 60px !important;
        height: 60px !important;
    }
}

@media (max-width: 480px) {
    .tp-bullets {
        bottom: 20px !important;
        right: 10px !important;
        left: 10px !important;
        justify-content: center !important;
        display: flex !important;
        flex-direction: row !important;
        gap: 6px !important;
    }
    
    .tp-bullet {
        width: 50px !important;
        height: 50px !important;
    }
}