/* Custom styles for admin console */
body {
    /* Override default colors with mac-wash theme colors */
    --pf-global--primary-color--100: #006C38;
    --pf-global--primary-color--200: color-mix(in srgb, #006C38 80%, black);
    --pf-global--primary-color--300: color-mix(in srgb, #006C38 40%, black);
    --pf-v5-c-masthead--BackgroundColor: #006C38;
    --pf-global--active-color--100: #006C38;
    --pf-v5-global--primary-color--300: #006C38;
    --pf-v5-global--primary-color--light-100: #006C38;
    --pf-v5-global--primary-color--dark-100: #006C38;
    --pf-v5-c-menu-toggle--active--after--BorderBottomColor: var(--pf-global--active-color--100);
    
    /* Additional theme variables */
    --pf-v5-c-masthead__brand-link--c-brand--MaxHeight: 50px;
    --pf-v5-c-page__header--BackgroundColor: #006C38;
    --pf-v5-c-tabs__link--after--BorderColor: #006C38;
    --pf-v5-c-menu-toggle--after--BorderBottomColor: #006C38;
}

.pf-c-page__header {
    background-color: var(--pf-global--primary-color--300) !important;
}

.pf-v5-c-masthead {
    background-color: var(--pf-global--primary-color--300) !important;
    --pf-v5-c-masthead--BackgroundColor: #006C38;
}

.pf-v5-c-masthead .pf-v5-c-toolbar {
    background-color: var(--pf-global--primary-color--300);
}

/* Navigation styling */
.pf-c-nav__link {
    color: #ffffff;
}

.pf-c-nav__link:hover {
    background-color: color-mix(in srgb, #006C38 80%, white);
}

/* Button styling */
.pf-v5-c-button.pf-m-primary {
    background-color: var(--pf-global--primary-color--100);
}

.pf-v5-c-button.pf-m-primary:hover {
    background-color: var(--pf-global--primary-color--200);
}

/* Form controls */
.pf-v5-c-form-control:focus {
    border-color: #3AAA35;
    outline: 1px solid #3AAA35;
    outline-offset: 1px;
}

.pf-v5-c-tabs__item .pf-m-current {
    background-color: var(--pf-global--primary-color--100) !important;
    border-color: var(--pf-global--active-color--100) !important;
    color: #ffffff;
}

.pf-v5-c-tabs__item .pf-m-action:after, .pf-v5-c-tabs__link:after {
    border-color: var(--pf-global--primary-color--100) !important;
}

/* Header text colors */
.pf-c-masthead__brand-link,
.pf-c-masthead__content {
    color: #ffffff;
}

/* Dropdown menus in header */
.pf-c-dropdown__toggle {
    color: #ffffff;
}

.pf-c-dropdown__toggle:hover {
    background-color: color-mix(in srgb, #006C38 80%, white);
}

.pf-v5-c-masthead__brand > img {
    content: url("../images/logo.png");
}

.pf-v5-c-switch__input:checked~.pf-v5-c-switch__toggle {
    background-color: var(--pf-global--primary-color--100);
    border-color: var(--pf-global--primary-color--200);
}

.pf-v5-c-menu-toggle:focus, .pf-v5-c-menu-toggle:focus-within, .pf-v5-c-menu-toggle:active, .pf-v5-c-menu-toggle:focus-visible, .pf-v5-c-menu-toggle:hover {
    border-bottom-color: var(--pf-global--primary-color--100);
}

.pf-v5-c-text-input-group__text:focus-within .pf-v5-c-text-input-group__text:after {
    border-block-end: var(--pf-v5-c-text-input-group__text--after--BorderBottomWidth) solid var(--pf-global--primary-color--100);
}

.pf-v5-c-text-input-group__text-input:hover > .pf-v5-c-text-input-group__text:after  {
    border-block-end: var(--pf-v5-c-text-input-group__text--after--BorderBottomWidth) solid var(--pf-global--primary-color--100);
} 

:where(a) {
    color: color-mix(in srgb, #006C38 80%, white);
}

.pf-v5-c-nav__link.pf-m-current:after, .pf-v5-c-nav__link.pf-m-current:hover:after, .pf-v5-c-nav__item.pf-m-current:not(.pf-m-expanded) .pf-v5-c-nav__link:after {
    border-color: var(--pf-global--primary-color--100);
    border-inline-start-width: 4px;
}

.pf-v5-c-text-input-group:hover {
    --pf-v5-c-text-input-group__text--after--BorderBottomColor: var(--pf-global--primary-color--100);
}

.pf-v5-c-text-input-group:focus-visible {
    outline-color: var(--pf-global--primary-color--100);
}

.pf-v5-c-button.pf-m-control:hover {
    --pf-v5-c-button--m-control--Color: var(--pf-v5-c-button--m-control--hover--Color);
    --pf-v5-c-button--m-control--BackgroundColor: var(--pf-v5-c-button--m-control--hover--BackgroundColor);
    --pf-v5-c-button--m-control--after--BorderBottomColor: var(--pf-global--primary-color--100);
}

.pf-v5-c-menu-toggle:hover {
    --pf-v5-c-menu-toggle--BackgroundColor: var(--pf-v5-c-menu-toggle--hover--BackgroundColor);
    --pf-v5-c-menu-toggle--after--BorderBottomWidth: var(--pf-v5-c-menu-toggle--hover--after--BorderBottomWidth);
    --pf-v5-c-menu-toggle--after--BorderBottomColor: var(--pf-global--primary-color--100);
    --pf-v5-c-menu-toggle--m-plain__toggle-icon--Color: var(--pf-v5-c-menu-toggle--m-plain--hover__toggle-icon--Color);
    --pf-v5-c-menu-toggle--m-plain--Color: var(--pf-v5-c-menu-toggle--m-plain--hover--Color);
}

.pf-v5-c-menu-toggle:active {
    --pf-v5-c-menu-toggle--BackgroundColor: var(--pf-v5-c-menu-toggle--active--BackgroundColor);
    --pf-v5-c-menu-toggle--after--BorderBottomWidth: var(--pf-v5-c-menu-toggle--active--after--BorderBottomWidth);
    --pf-v5-c-menu-toggle--after--BorderBottomColor: var(--pf-global--primary-color--100);
    --pf-v5-c-menu-toggle--m-plain__toggle-icon--Color: var(--pf-v5-c-menu-toggle--m-plain--active__toggle-icon--Color);
    --pf-v5-c-menu-toggle--m-plain--Color: var(--pf-v5-c-menu-toggle--m-plain--active--Color);
}

.pf-v5-c-menu-toggle:focus, .pf-v5-c-menu-toggle:focus-within {
    --pf-v5-c-menu-toggle--BackgroundColor: var(--pf-v5-c-menu-toggle--focus--BackgroundColor);
    --pf-v5-c-menu-toggle--after--BorderBottomWidth: var(--pf-v5-c-menu-toggle--focus--after--BorderBottomWidth);
    --pf-v5-c-menu-toggle--after--BorderBottomColor: var(--pf-global--primary-color--100);
    --pf-v5-c-menu-toggle--m-plain__toggle-icon--Color: var(--pf-v5-c-menu-toggle--m-plain--focus__toggle-icon--Color);
    --pf-v5-c-menu-toggle--m-plain--Color: var(--pf-v5-c-menu-toggle--m-plain--focus--Color);
}