.menu-title {
    position: relative;
    height: 56px;
    margin: 0;
    padding: 0;
    text-indent: -9999px;
    overflow: hidden;
}

.menu-title::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url("../favicon.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    opacity: 0.98;
}

html.ayu .menu-bar {
    background-color: #161b22 !important;
}

html.ayu #sidebar-resize-handle {
    background-color: #161b22 !important;
}

.menu-bar {
    position: sticky;
    top: 0;
    z-index: 1000;
    position: relative;
}

.menu-bar::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 3px;
    background: linear-gradient(
        90deg,
        rgba(255, 106, 0, 0) 0%,
        rgba(255, 106, 0, 0.85) 18%,
        rgba(255, 106, 0, 1) 50%,
        rgba(255, 106, 0, 0.85) 82%,
        rgba(255, 106, 0, 0) 100%
    );
    pointer-events: none;
}

/* === Container for the button (centered inside sidebar) === */
.dpway-link-wrap {
    text-align: center; /* center the button horizontally */
}

/* === Button styling === */
.dpway-btn {
    display: inline-flex; /* inline layout for centering */
    align-items: center; /* vertically center icon + text */
    justify-content: center; /* horizontally center contents */
    gap: 8px; /* space between icon and text */
    text-decoration: none;
    font-weight: 600;
    border-radius: 12px;
    padding: 16px 0 10px;

    background: transparent; /* transparent background */
    color: #ff6a00; /* orange text color */
    border: 0;
    box-shadow: none; /* no shadow to keep it clean */
    background-image: linear-gradient(
        90deg,
        rgba(255, 106, 0, 0),
        #ff6a00,
        rgba(255, 106, 0, 0)
    );
    background-repeat: no-repeat;
    background-size: 100% 2px;
    background-position: 0 100%;
}

/* === Icon inherits text color === */
.dpway-icon {
    width: 18px;
    height: 18px;
    fill: currentColor; /* same color as text (#ff6a00) */
}

/* === Optional: make the button full width on narrow sidebars === */
@media (min-width: 0) {
    .dpway-btn {
        width: 100%;
    }
}

/* Keep orange for all link states */
.dpway-btn,
.dpway-btn:visited,
.dpway-btn:hover,
.dpway-btn:active,
.dpway-btn:focus,
.dpway-btn:focus-visible {
    color: #ff6a00 !important;
}

/* Icon inherits text color in all states */
.dpway-btn .dpway-icon {
    fill: currentColor !important;
}

.dpway-btn:focus,
.dpway-btn:focus-visible {
    outline: 0;
    box-shadow: 0 0 0 2px rgba(255, 106, 0, 0.35);
}