/**
 * Disable Elements CSS
 * This CSS file hides the sidenav and social container elements
 */

/* Hide sidenav elements */
#mySidenav,
.sidenav {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
    left: -9999px !important;
    top: -9999px !important;
}

/* Hide overlay elements */
#overlay,
.overlay {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
    left: -9999px !important;
    top: -9999px !important;
}

/* Hide social container elements */
#social-container,
.social-container {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
    left: -9999px !important;
    top: -9999px !important;
}

/* Hide any social items within the container */
.social-item,
.social-button {
    display: none !important;
    visibility: hidden !important;
}

/* Make sure these elements don't take up any space and don't affect layout */

/* Additional backup selectors */
[id*="sidenav"],
[class*="sidenav"],
[id*="social-container"],
[class*="social-container"] {
    display: none !important;
}