/**
 * Main CSS - FreeSpeak App Template Styles
 * 
 * @package FreespeakApp
 * @since 1.0.0
 */

/* Base styles */
body {
    font-family: 'Inter', sans-serif;
    /* Prevent pulling-to-refresh on mobile to feel more like an app */
    overscroll-behavior-y: none; 
}

/* Hide scrollbar */
.scrollbar-hide::-webkit-scrollbar {
    display: none;
}
.scrollbar-hide {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* Sidebar transition */
#sidebar {
    transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Secondary panel transition */
#secondary-panel {
    transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1),
                opacity 0.2s ease-in-out;
    width: 0;
    opacity: 0;
    visibility: hidden;
}

#secondary-panel.panel-open {
    width: 320px; /* Slightly wider for better utility */
    opacity: 1;
    visibility: visible;
}

/* Label fading */
.sidebar-label {
    transition: opacity 0.2s, visibility 0.2s;
    opacity: 1;
    visibility: visible;
    white-space: nowrap;
}

#sidebar.retracted .sidebar-label {
    opacity: 0;
    visibility: hidden;
    width: 0;
}

/* Center icons when sidebar is retracted */
#sidebar.retracted .nav-link {
    justify-content: center;
}

#sidebar.retracted .logo-container {
     justify-content: center;
     padding-left: 0;
     padding-right: 0;
}