.body {
    font-family: Hack, monospace !important;
}

/* Position the toggle button fixed on the right side for small screens */
.offcanvas-toggle-btn {
    position: fixed;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1000;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.wrapper {
    display: flex;
    min-height: 100vh;
}

.main-content {
    flex: 1;
    padding: 20px;
    transition: margin-right 0.3s;
}

.sidebar {
    width: 300px;
    background: #ffffff;
    border-left: 1px solid #e5e7eb;
    height: 100vh;
    position: fixed;
    right: 0;
    top: 0;
    transition: transform 0.3s;
    box-shadow: -5px 0 15px rgba(0, 0, 0, 0.05);
    overflow-y: auto;
}

.sidebar.collapsed {
    transform: translateX(100%);
}

.toggle-btn {
    position: fixed;
    right: 310px;
    top: 20px;
    z-index: 1000;
    transition: right 0.3s;
}

.toggle-btn.collapsed {
    right: 20px;
}

.nav-link {
    color: #4b5563;
    padding: 0.75rem 1.25rem;
    transition: all 0.2s;
}

.nav-link:hover {
    background: #f3f4f6;
    color: #1f2937;
}

.nav-link.active {
    background: #e5e7eb;
    color: #1f2937;
    font-weight: 500;
}

.sidebar-header {
    border-bottom: 1px solid #e5e7eb;
}

.notification-badge {
    background: #ef4444;
    color: white;
    padding: 0.25rem 0.5rem;
    border-radius: 9999px;
    font-size: 0.75rem;
}

.user-status {
    width: 10px;
    height: 10px;
    background: #10b981;
    border-radius: 50%;
    display: inline-block;
    margin-right: 5px;
}

.custom-tooltip {
  --bs-tooltip-bg: var(--bd-violet-bg);
  --bs-tooltip-color: var(--bs-white);
}

.socials a {
    text-decoration: none;
}

.csd-matrix-icon::before {
    content: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg version='1.1' viewBox='0 0 27.9 32' xmlns='http://www.w3.org/2000/svg' xmlns:cc='http://creativecommons.org/ns%23' xmlns:dc='http://purl.org/dc/elements/1.1/' xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns%23'%3E%3Ctitle%3EMatrix (protocol) logo%3C/title%3E%3Cg transform='translate(-.095 .005)' fill='%234D5157'%3E%3Cpath d='m27.1 31.2v-30.5h-2.19v-0.732h3.04v32h-3.04v-0.732z'/%3E%3Cpath d='m8.23 10.4v1.54h0.044c0.385-0.564 0.893-1.03 1.49-1.37 0.58-0.323 1.25-0.485 1.99-0.485 0.72 0 1.38 0.14 1.97 0.42 0.595 0.279 1.05 0.771 1.36 1.48 0.338-0.5 0.796-0.941 1.38-1.32 0.58-0.383 1.27-0.574 2.06-0.574 0.602 0 1.16 0.074 1.67 0.22 0.514 0.148 0.954 0.383 1.32 0.707 0.366 0.323 0.653 0.746 0.859 1.27 0.205 0.522 0.308 1.15 0.308 1.89v7.63h-3.13v-6.46c0-0.383-0.015-0.743-0.044-1.08-0.0209-0.307-0.103-0.607-0.242-0.882-0.133-0.251-0.336-0.458-0.584-0.596-0.257-0.146-0.606-0.22-1.05-0.22-0.44 0-0.796 0.085-1.07 0.253-0.272 0.17-0.485 0.39-0.639 0.662-0.159 0.287-0.264 0.602-0.308 0.927-0.052 0.347-0.078 0.697-0.078 1.05v6.35h-3.13v-6.4c0-0.338-7e-3 -0.673-0.021-1-0.0114-0.314-0.0749-0.623-0.188-0.916-0.108-0.277-0.3-0.512-0.55-0.673-0.258-0.168-0.636-0.253-1.14-0.253-0.198 0.0083-0.394 0.042-0.584 0.1-0.258 0.0745-0.498 0.202-0.705 0.374-0.228 0.184-0.422 0.449-0.584 0.794-0.161 0.346-0.242 0.798-0.242 1.36v6.62h-3.13v-11.4z'/%3E%3Cpath d='m0.936 0.732v30.5h2.19v0.732h-3.04v-32h3.03v0.732z'/%3E%3C/g%3E%3C/svg%3E%0A");
    display: inline-block;
    text-transform: none;
    line-height: 1;
    vertical-align: -.125em;
    width: 16px;
    height: 16px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

[data-bs-theme="dark"] .csd-matrix-icon::before  {
    content: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg version='1.1' viewBox='0 0 27.9 32' xmlns='http://www.w3.org/2000/svg' xmlns:cc='http://creativecommons.org/ns%23' xmlns:dc='http://purl.org/dc/elements/1.1/' xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns%23'%3E%3Ctitle%3EMatrix (protocol) logo%3C/title%3E%3Cg transform='translate(-.095 .005)' fill='%23dee2e6'%3E%3Cpath d='m27.1 31.2v-30.5h-2.19v-0.732h3.04v32h-3.04v-0.732z'/%3E%3Cpath d='m8.23 10.4v1.54h0.044c0.385-0.564 0.893-1.03 1.49-1.37 0.58-0.323 1.25-0.485 1.99-0.485 0.72 0 1.38 0.14 1.97 0.42 0.595 0.279 1.05 0.771 1.36 1.48 0.338-0.5 0.796-0.941 1.38-1.32 0.58-0.383 1.27-0.574 2.06-0.574 0.602 0 1.16 0.074 1.67 0.22 0.514 0.148 0.954 0.383 1.32 0.707 0.366 0.323 0.653 0.746 0.859 1.27 0.205 0.522 0.308 1.15 0.308 1.89v7.63h-3.13v-6.46c0-0.383-0.015-0.743-0.044-1.08-0.0209-0.307-0.103-0.607-0.242-0.882-0.133-0.251-0.336-0.458-0.584-0.596-0.257-0.146-0.606-0.22-1.05-0.22-0.44 0-0.796 0.085-1.07 0.253-0.272 0.17-0.485 0.39-0.639 0.662-0.159 0.287-0.264 0.602-0.308 0.927-0.052 0.347-0.078 0.697-0.078 1.05v6.35h-3.13v-6.4c0-0.338-7e-3 -0.673-0.021-1-0.0114-0.314-0.0749-0.623-0.188-0.916-0.108-0.277-0.3-0.512-0.55-0.673-0.258-0.168-0.636-0.253-1.14-0.253-0.198 0.0083-0.394 0.042-0.584 0.1-0.258 0.0745-0.498 0.202-0.705 0.374-0.228 0.184-0.422 0.449-0.584 0.794-0.161 0.346-0.242 0.798-0.242 1.36v6.62h-3.13v-11.4z'/%3E%3Cpath d='m0.936 0.732v30.5h2.19v0.732h-3.04v-32h3.03v0.732z'/%3E%3C/g%3E%3C/svg%3E%0A");
}

#lavvus-embed .post-head h1 {
    margin-block: 3px;
}

#lavvus-embed p {
    line-height: 1.5rem !important;
    margin-bottom: 1rem;
}

#lavvus-embed .post-title {
    margin-bottom: 15px;
}

.lavvus-post p {
    margin-bottom: 0.5rem !important;
}

.copyleft {
  display:inline-block;
  transform: rotate(180deg);
}

@media (max-width: 768px) {
    .sidebar {
        width: 100%;
    }
    .toggle-btn {
        right: 20px;
    }
}

:root {
    --bs-body-font-family: Hack, monospace;
    --bs-link-color-rgb: rgb(77, 81, 87);
}