/**
 * Yapuka Side Menu - ProsBZH Theme Override
 * Matches the dark theme with green accent
 */

/* Override CSS variables to match ProsBZH theme */
.yapuka-sidemenu {
    --ysm-font-family: inherit;
    --ysm-primary: #42d392;
    --ysm-primary-light: #5ae0a5;
    --ysm-accent: #42d392;
    --ysm-text: #ffffff;
    --ysm-text-light: rgba(255, 255, 255, 0.7);
    --ysm-bg: #001e26;
    --ysm-bg-hover: rgba(66, 211, 146, 0.1);
    --ysm-bg-active: rgba(66, 211, 146, 0.15);
    --ysm-border: rgba(255, 255, 255, 0.1);
    --ysm-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
    --ysm-radius: 12px;
}

/* Root list - dark background */
.yapuka-sidemenu__list--root {
    background: var(--ysm-bg);
    border: 1px solid var(--ysm-border);
}

/* Submenus */
.yapuka-sidemenu__list--sub {
    background: rgba(0, 0, 0, 0.2);
    border-left: 3px solid var(--ysm-accent);
}

/* Links */
.yapuka-sidemenu__link {
    color: var(--ysm-text);
}

.yapuka-sidemenu__link:hover {
    background: var(--ysm-bg-hover);
    color: var(--ysm-primary);
}

.yapuka-sidemenu__link:hover::before {
    background: var(--ysm-accent);
}

/* Toggle button */
.yapuka-sidemenu__toggle {
    color: var(--ysm-text-light);
    border-left-color: var(--ysm-border);
}

.yapuka-sidemenu__toggle:hover {
    background: var(--ysm-bg-hover);
    color: var(--ysm-primary);
}

.yapuka-sidemenu__toggle[aria-expanded="true"] {
    background: var(--ysm-primary);
    color: var(--ysm-bg);
}

/* Headings */
.yapuka-sidemenu__heading {
    color: var(--ysm-primary);
    background: rgba(66, 211, 146, 0.1);
}

/* Separators */
.yapuka-sidemenu__separator-text {
    color: var(--ysm-text-light);
    background: rgba(0, 0, 0, 0.2);
    border-color: var(--ysm-border);
}

.yapuka-sidemenu__separator-line {
    border-top-color: var(--ysm-border);
}

/* Active & Current states */
.yapuka-sidemenu__item--current > .yapuka-sidemenu__link-wrapper > .yapuka-sidemenu__link {
    color: var(--ysm-primary);
    background: var(--ysm-bg-active);
}

.yapuka-sidemenu__item--current > .yapuka-sidemenu__link-wrapper > .yapuka-sidemenu__link::before {
    background: var(--ysm-accent);
}

.yapuka-sidemenu__item--active > .yapuka-sidemenu__link-wrapper > .yapuka-sidemenu__link {
    color: var(--ysm-primary);
    background: var(--ysm-bg-active);
}

/* Parent open state */
.yapuka-sidemenu__item--parent.is-open > .yapuka-sidemenu__link-wrapper {
    background: var(--ysm-bg-hover);
}

/* Nested levels */
.yapuka-sidemenu__list--sub .yapuka-sidemenu__item {
    border-bottom-color: var(--ysm-border);
}

.yapuka-sidemenu__list--sub .yapuka-sidemenu__link {
    color: var(--ysm-text-light);
}

.yapuka-sidemenu__list--sub .yapuka-sidemenu__link:hover {
    color: var(--ysm-primary);
    background: var(--ysm-bg-hover);
}

/* Submenu current/active in nested */
.yapuka-sidemenu__list--sub .yapuka-sidemenu__item--current > .yapuka-sidemenu__link-wrapper > .yapuka-sidemenu__link,
.yapuka-sidemenu__list--sub .yapuka-sidemenu__item--active > .yapuka-sidemenu__link-wrapper > .yapuka-sidemenu__link {
    color: var(--ysm-primary);
    background: var(--ysm-bg-active);
}

/* Chevron icon color */
.yapuka-sidemenu__chevron {
    color: inherit;
}

/* Focus states for accessibility */
.yapuka-sidemenu__link:focus-visible,
.yapuka-sidemenu__toggle:focus-visible {
    box-shadow: inset 0 0 0 2px var(--ysm-primary);
}