/* css/partials/responsive.css
   Regras responsivas e media queries
*/

/* sidebar / mobile overlay */
body.sidebar-collapsed .sidebar { width: var(--sidebar-width-collapsed); }
body.sidebar-collapsed .logo-text, body.sidebar-collapsed .nav-text { opacity: 0; pointer-events: none; }
body.sidebar-collapsed .main-wrapper { margin-left: var(--sidebar-width-collapsed); }
body.sidebar-collapsed .logo-container {
    justify-content: center;
    padding-left: 8px;
    padding-right: 8px;
}
body.sidebar-collapsed .logo-link {
    width: 100%;
    justify-content: center;
}
body.sidebar-collapsed .sidebar-nav {
    padding-top: 8px;
}
body.sidebar-collapsed .sidebar-nav a,
body.sidebar-collapsed .nav-item-logout a,
body.sidebar-collapsed .nav-item-perfil a,
body.sidebar-collapsed .nav-item-admin a,
body.sidebar-collapsed .nav-login-btn {
    justify-content: center;
    padding-left: 10px;
    padding-right: 10px;
    gap: 0;
}
body.sidebar-collapsed .nav-icon,
body.sidebar-collapsed .nav-login-icon {
    margin: 0 auto;
}
body.sidebar-collapsed .nav-category-label,
body.sidebar-collapsed .nav-category-label::after,
body.sidebar-collapsed .nav-badge,
body.sidebar-collapsed .nav-lock-icon,
body.sidebar-collapsed .nav-login-content,
body.sidebar-collapsed .nav-login-arrow,
body.sidebar-collapsed .nav-divider {
    display: none !important;
}
body.sidebar-collapsed .nav-category,
body.sidebar-collapsed .nav-submenu {
    margin: 0;
}
body.sidebar-collapsed .nav-category .nav-submenu,
body.sidebar-collapsed .nav-category.collapsed .nav-submenu {
    max-height: none;
    opacity: 1;
    overflow: visible;
    padding: 4px 0;
}
body.sidebar-collapsed .nav-item-login-container {
    margin: 8px 0;
}

@media (max-width: 768px) {
    .overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); z-index: 998; opacity: 0; visibility: hidden; transition: opacity var(--transition-speed) ease, visibility 0s var(--transition-speed); }
    .sidebar { transform: translateX(-100%); transition: transform var(--transition-speed) ease; }
    .main-wrapper { margin-left: 0; }
    body.sidebar-mobile-open .overlay { opacity: 1; visibility: visible; transition: opacity var(--transition-speed) ease, visibility 0s; }
    body.sidebar-mobile-open .sidebar { transform: translateX(0); }
    body.sidebar-collapsed .sidebar { width: var(--sidebar-width); }
    body.sidebar-collapsed .main-wrapper { margin-left: 0; }
    .teams-layout { grid-template-columns: 1fr; }
    .filter-controls { margin-left: 0; width: 100%; }
    .search-wrapper { flex-grow: 1; }
    .members-slots-container { grid-template-columns: 1fr; }
    .solo-details-blocks { grid-template-columns: 1fr; }
}

@media (max-width: 992px) {
    .individual-sections-container { grid-template-columns: 1fr; }
}