/* Fix floating-panel display issues on category pages */

/* Ensure floating-panel has correct z-index and display across pages */
.floating-panel {
    position: fixed !important;
    bottom: 30px !important;
    right: 30px !important;
    z-index: 9999 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transition: opacity 0.3s ease, visibility 0.3s ease !important;
    pointer-events: none !important;
}

/* When floating-panel has .show class, ensure it is visible */
.floating-panel.show {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
}

/* Ensure no other element overlays the floating-panel */
.floating-panel * {
    z-index: inherit !important;
}

/* Special fixes for category pages */
.category .floating-panel,
.archive .floating-panel,
.single .floating-panel {
    position: fixed !important;
    bottom: 30px !important;
    right: 30px !important;
    z-index: 9999 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transition: opacity 0.3s ease, visibility 0.3s ease !important;
    pointer-events: none !important;
}

.category .floating-panel.show,
.archive .floating-panel.show,
.single .floating-panel.show {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
}

/* Ensure animated backgrounds do not cover the floating-panel */
.section-header-bg,
.giveaways-animation,
.deals-animation,
.news-animation,
.reviews-animation,
.events-animation {
    z-index: 0 !important;
}

/* Ensure any overlay layers do not cover the floating-panel */
.overlay,
.modal-backdrop,
.page-overlay {
    z-index: 998 !important;
}

/* Mobile adjustments */
@media (max-width: 768px) {
    .floating-panel,
    .category .floating-panel,
    .archive .floating-panel,
    .single .floating-panel {
        bottom: 20px !important;
        right: 20px !important;
    }
}