@import "../imports/jira-colours";
@import "../imports/jira-colours-lookandfeel";
@import "../imports/mixins/aui/dropdowns";

h1,
h2,
h3,
h4 {
    color: var(--jira-color-textHeadingColour, @jira-color-headings);
}

body {
    color: var(--ds-text, @jira-color-text);
}

a {
    color: var(--jira-color-textLinkColour, @jira-color-link);

    &:hover,
    &:focus,
    &:active {
        color: var(--jira-color-textActiveLinkColour, @jira-color-active-link);
    }
}

// JIRA Dropdowns
.aui-list {
    a:hover,
    a:focus {
        color: inherit;
    }

    a.active,
    .aui-list-item.active > a {
        color: var(--jira-color-menuTxtColour, @jira-dropdown-menuitem-text-focus-color);
    }
}

.admin-menu-links {
    .aui-nav-heading {
        clear: both;
    }
    .aui-lozenge {
        float: right;
        margin-bottom: 10px;
    }
}

.aui-button {

    &.aui-button-link {
        color: var(--jira-color-textLinkColour, @jira-color-link);

        &:visited {
            color: var(--jira-color-textLinkColour, @jira-color-link);
        }
        &:hover,
        &:focus,
        &:active {
            color: var(--jira-color-textActiveLinkColour, @jira-color-active-link);
        }
    }
}

// AUI Dropdown 1
.aui-dropdown,
.aui-dd-parent .aui-dropdown {
    li.dropdown-item.active a.item-link,
    a.item-link {

        &:hover,
        &:focus,
        &:active {
            background-color: var(--jira-color-menuBackgroundColour, @jira-dropdown-menuitem-background-focus-color);
            color: var(--jira-color-menuTxtColour, @jira-dropdown-menuitem-text-focus-color);
        }
    }
}

// AUI Dropdown2
.aui-dropdown2.aui-style-default {
    &:hover {
        .aui-dropdown2-checkbox:not(.aui-dropdown2-disabled):hover,
        .aui-dropdown2-radio:not(.aui-dropdown2-disabled):hover,
        a:not(.aui-dropdown2-disabled):hover {
            .dropdown-item-style(focus);
        }
    }
    .active,
    .aui-dropdown2-active {
        .dropdown-item-style(focus);
    }
}

// AUI Vertical & Horizontal Nav
.aui-navgroup-horizontal .aui-nav > li a,
.aui-navgroup-vertical .aui-nav > li > a,
.aui-nav-vertical > li > a {
    color: var(--aui-item-text, @jira-pagenav-menuitem-text-color);

    &:focus,
    &:hover {
        color: var(--aui-item-text, @jira-pagenav-menuitem-text-focus-color);
    }
}

.aui-navgroup-horizontal .aui-nav > li a:active,
.aui-navgroup-vertical .aui-nav > li > a:active,
.aui-nav-vertical > li > a:active {
    background-color: var(--jira-color-menuSeparatorColour, @jira-pagenav-menuitem-background-active-color);
    color: var(--jira-color-menuTxtColour, @jira-pagenav-menuitem-text-active-color);
}

.aui-navgroup-horizontal .aui-nav > .aui-nav-selected a,
.aui-navgroup-vertical .aui-nav .aui-nav-selected a,
.aui-nav-vertical .aui-nav .aui-nav-selected a {

    &:active {
        background-color: var(--jira-color-menuSeparatorColour, @jira-pagenav-menuitem-background-active-color);
        color: var(--jira-color-menuTxtColour, @jira-pagenav-menuitem-text-active-color);
    }
}

// AUI Sidebar -- Vertical & Horizontal Nav
.aui-sidebar[aria-expanded=false] .aui-navgroup-vertical .aui-nav .aui-nav-child-selected a,
.aui-sidebar-submenu[aria-expanded=false] .aui-navgroup-vertical .aui-nav .aui-nav-child-selected a,
.aui-sidebar .aui-navgroup-vertical .aui-nav .aui-nav-selected a,
.aui-sidebar-submenu .aui-navgroup-vertical .aui-nav .aui-nav-selected a {
    color: var(--jira-color-menuTxtColour, @jira-pagenav-menuitem-text-focus-color);

    &:active {
        color: var(--jira-color-menuTxtColour, @jira-pagenav-menuitem-text-active-color);
    }
}

// AUI Dialogs
.aui-dialog .dialog-page-menu li.page-menu-item button.item-button {
    color: var(--jira-color-menuTxtColour, @jira-pagenav-menuitem-text-color);
}

.aui-dialog .dialog-page-menu li.page-menu-item button.item-button:hover,
.aui-dialog .dialog-page-menu li.page-menu-item button.item-button:focus {
    color: var(--jira-color-menuTxtColour, @jira-pagenav-menuitem-text-focus-color);
}

.aui-dialog .dialog-page-menu li.page-menu-item button.item-button:active,
.aui-dialog .dialog-page-menu li.page-menu-item.selected button.item-button:active {
    background-color: var(--jira-color-menuSeparatorColour, @jira-pagenav-menuitem-background-active-color);
    color: var(--jira-color-menuTxtColour, @jira-pagenav-menuitem-text-active-color);
}

.aui-dialog .dialog-button-panel a.button-panel-link {
    color: var(--jira-color-textLinkColour, @jira-color-link);

    &:hover,
    &:focus {
        color: var(--jira-color-textActiveLinkColour, @jira-color-active-link);
    }
}