/* ============================================
   SIDEBAR RIGHT FIX - Force visibility
   ============================================ */

/* Force sidebar right to always be visible */
.f1-sidebar-right {
    position: static !important;
    right: auto !important;
    top: auto !important;
    height: auto !important;
    width: 300px !important;
    background: transparent !important;
    z-index: auto !important;
    padding: 0 !important;
    overflow-y: visible !important;
    transition: none !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Force f1-reveal elements to be visible */
.f1-reveal,
.f1-reveal.f1-delay-1,
.f1-reveal.f1-delay-2,
.f1-reveal.f1-delay-3,
.f1-reveal.f1-delay-4,
.f1-reveal.f1-delay-5,
.f1-reveal.f1-delay-6,
.f1-reveal.f1-delay-7,
.f1-reveal.f1-delay-8 {
    opacity: 1 !important;
    transform: none !important;
    visibility: visible !important;
    animation: none !important;
}

/* Ensure container shows all 3 columns */
.f1-container {
    display: grid !important;
    grid-template-columns: 280px 1fr 300px !important;
    grid-template-areas: "sidebar-left main sidebar-right" !important;
}

/* Responsive adjustments */
@media (max-width: 1200px) {
    .f1-container {
        grid-template-columns: 260px 1fr 300px !important;
        grid-template-areas: "sidebar-left main sidebar-right" !important;
    }
    
    .f1-sidebar-right {
        position: static !important;
        right: auto !important;
        width: 300px !important;
    }
}

@media (max-width: 992px) {
    .f1-container {
        grid-template-columns: 1fr !important;
        grid-template-areas: 
            "main"
            "sidebar-left"
            "sidebar-right" !important;
    }
    
    .f1-sidebar-right {
        width: 100% !important;
    }
}