/**
 * HIDE SIDEBAR NAME AND FOOTER
 * Aggressively hides "PARTH PATEL" text in sidebar
 * This ensures consistency with the navbar name-reveal hiding
 */

/* Hide sidebar title (PARTH PATEL) - Multiple selectors for maximum coverage */
.sidebar-about .title,
.sidebar .sidebar-about .title,
.sidebar-about h3.title,
.sidebar h3.title,
.sidebar-about h3,
.sidebar h3.title,
.sidebar-about > div > div > h3,
.sidebar-about > div > div:has(h3.title) h3 {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    text-indent: -9999px !important;
    clip: rect(0, 0, 0, 0) !important;
    clip-path: inset(50%) !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
    position: absolute !important;
    left: -9999px !important;
    pointer-events: none !important;
    user-select: none !important;
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
}

/* Hide sidebar footer (Copyright with PARTH PATEL) */
.sidebar-footer,
.sidebar .sidebar-footer {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    text-indent: -9999px !important;
    clip: rect(0, 0, 0, 0) !important;
    clip-path: inset(50%) !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
    position: absolute !important;
    left: -9999px !important;
}

/* Prevent hover/active states from revealing */
.sidebar-about .title:hover,
.sidebar-about .title:active,
.sidebar-about .title:focus,
.sidebar-footer:hover,
.sidebar-footer:active,
.sidebar-footer:focus {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}

/* Dark mode support */
body.dark-mode .sidebar-about .title,
body.dark-mode .sidebar-footer {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}

/* Ensure sidebar-about container still displays properly without title */
.sidebar-about {
    display: flex !important;
    flex-direction: column !important;
    padding: 20px 0 !important;
    border-bottom: 1px solid var(--border-color) !important;
    margin-bottom: 20px !important;
}

body.dark-mode .sidebar-about {
    border-bottom-color: var(--dark-border-color) !important;
}

/* Ensure subtitle is visible and properly styled */
.sidebar-about .subtitle {
    font-size: 0.9rem !important;
    color: var(--text-color-light) !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

body.dark-mode .sidebar-about .subtitle {
    color: var(--dark-text-color-light) !important;
}

/* Hide the nested div structure that contains the title */
/* Using more specific selectors that work in all browsers */
.sidebar-about > div > div:last-child {
    /* This targets the div containing the h3.title - hide it */
    display: none !important;
}

/* Fallback: Hide parent divs that only contain hidden title */
/* This ensures the title container is hidden even if :has() isn't supported */
.sidebar-about > div {
    /* Keep the container but hide the title div */
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 10px !important;
}

/* Modern browsers: Hide divs containing title */
@supports selector(:has(*)) {
    .sidebar-about > div:has(.title) {
        display: none !important;
    }
    
    .sidebar-about > div > div:has(.title) {
        display: none !important;
    }
}