/* Toggle button */
.np2go-slideout-wrapper {
    display: flex;
    margin: 0 20px;
}
.np2go-slideout-toggle {
    background: none;
    border: none;
    width: 28px;
    height: 22px;
    position: relative;
    cursor: pointer;
}

/* Hamburger lines */
.np2go-slideout-toggle span {
    position: absolute;
    left: 0;
    width: 100%;
    height: 3px;
    background: currentColor;
    transition: 0.3s ease;
}

.np2go-slideout-toggle span:nth-child(1) {
    top: 0;
}

.np2go-slideout-toggle span:nth-child(2) {
    top: 50%;
    transform: translateY(-50%);
}

.np2go-slideout-toggle span:nth-child(3) {
    bottom: 0;
}

/* Active (X) state */
.np2go-slideout-toggle.active span:nth-child(1) {
    transform: rotate(45deg);
    top: 50%;
}

.np2go-slideout-toggle.active span:nth-child(2) {
    opacity: 0;
}

.np2go-slideout-toggle.active span:nth-child(3) {
    transform: rotate(-45deg);
    bottom: 50%;
}


/* Overlay */
.np2go-slideout-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.55);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease;
    z-index: 9998;
}

/* Slideout panel */
.np2go-slideout-panel {
    position: fixed;
    top: 0;
    right: -420px;
    width: 400px;
    max-width: 85%;
    height: 100%;
    color: #000;
    padding: 30px;
    transition: right 0.35s ease;
    z-index: 9999;
    overflow-y: auto;
    background: #fff !important;
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.1) !important;
}

/* Active states */
.np2go-slideout-panel.active {
    right: 0;
}

.np2go-slideout-overlay.active {
    opacity: 1;
    visibility: visible;
}

/* Close button */
.np2go-slideout-close {
    background: none;
    border: none;
    color: #000;
    font-size: 22px;
    cursor: pointer;
    margin-bottom: 20px;
}

/* Menu */
.np2go-slideout-nav {
    list-style: none;
    padding: 0;
    margin: 0;
}

.np2go-slideout-nav li {
    margin-bottom: 16px;
    list-style-type: none;
}

.np2go-slideout-nav a {
    text-decoration: none;
    font-family: 'Poppins', Helvetica, Arial, Lucida, sans-serif !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #000 !important;
    text-transform: capitalize !important;
}

.np2go-slideout-nav a:hover {
    opacity: 0.8;
}


/* Submenu handling */
.np2go-slideout-nav .sub-menu {
    display: none;
    padding-left: 15px;
    margin-top: 10px;
}

/* Parent item wrapper */
.np2go-slideout-nav li {
    position: relative;
}

/* Plus toggle button */
.np2go-submenu-toggle {
    position: absolute;
    right: 0;
    top: 2px;
    width: 26px;
    height: 26px;
    background: none;
    border: none;
    color: #000;
    font-size: 18px;
    cursor: pointer;
    line-height: 1;
    transition: transform 0.25s ease;
}

/* Expanded state */
.np2go-submenu-open > .sub-menu {
    display: block;
    padding-bottom: 0;
}

.np2go-submenu-open > .np2go-submenu-toggle {
    transform: rotate(45deg); /* + becomes × / − feel */
}

.np2go-submenu-open > .sub-menu:after {
    display: none;
}