/*******************/
/******* a-z *******/
/*******************/

/*****************/
/***** focus *****/
/*****************/

#s-lg-az-filter-cols .s-lg-az-reset:focus,
#s-lg-az-filter-cols .select2-container--focus,
#s-lib-public-main-searchbar textarea:focus-visible:not(.select2-search__field),
#col-search .form-control {
    border-radius: var(--border-radius-inner);
}

/******************/
/***** search *****/
/******************/

/*****************/
/*** container ***/
/*****************/

#az-search-col-1>nav {
    box-shadow: var(--box-shadow-outer);
    background-color: var(--color-ecru);
}

#s-lg-az-filter-cols div.row>div {
    border-right: 2px solid var(--color-ecru);
}

/*************/
/*** forms ***/
/*************/

#s-lib-public-main-searchbar {
    & .select2-container--bootstrap5 .select2-search.select2-search--inline .select2-search__field {
        padding-left: 0.75rem;
    }

    & .me-2 {
        margin-left: 0.5rem;
    }
}

#col-search .form-control {
    margin-right: 1rem;
}

/*****************/
/*** dropdowns ***/
/*****************/

.select2-container--open {
    & .select2-dropdown--above {
        margin-top: -3px;
        border-bottom-left-radius: var(--border-radius-inner);
        border-bottom-right-radius: var(--border-radius-inner);
    }

    & .select2-dropdown--below {
        margin-top: 3px;
        border-top-left-radius: var(--border-radius-inner);
        border-top-right-radius: var(--border-radius-inner);
    }
}

.select2-container--bootstrap5 .select2-dropdown {
    & .select2-results__option.select2-results__option,
    & .select2-results__option.select2-results__option--highlighted,
    & .select2-results__option.select2-results__option--selected {
        color: var(--color-black);
    }

    & .select2-results__option.select2-results__option--highlighted,
    & .select2-results__option.select2-results__option--selected {
        background-color: var(--dropdown-highlight);
        border-radius: var(--border-radius-inner);
    }

    & .select2-results__option.select2-results__option--selected::after {
        background-color: var(--color-black);
    }
}

/***************/
/*** buttons ***/
/***************/

.az-public-mobile-filters .btn.btn-primary>img {
    filter: invert(0%);
    margin-bottom: 4px;
}

/******************/
/***** index  *****/
/******************/

#s-lg-az-index {
    & button {
        color: var(--color-teal-600);

        &:hover {
            background-color: var(--dropdown-highlight);
            color: var(--color-teal-600);
        }
    }

    & .active-alpha {
        border: 1px solid var(--color-black);
        background-color: var(--color-white);
        color: var(--color-teal-600);
    }
}

/********************/
/***** results *****/
/*******************/

div.az-description-full p {
    margin-bottom: 0;
}

/**************/
/*** badges ***/
/**************/

.az-flags {
    margin-left: 0;
    font-size: .75rem;
}

.s-lg-az-result-badge-new {
    background-color: var(--color-teal-300);
    color: var(--color-black);
}

.s-lg-az-result-badge-popular {
    background-color: var(--color-teal-300);
    color: var(--color-black);
}

/*******************/
/*** item button ***/
/*******************/

.az-item button.az-toggle[aria-expanded="true"] {
  color: var(--color-teal-600);
}

.az-toggle.collapsible:not(.collapsed) .rotate-n180 {
	background-color: var(--color-teal-500);
	filter: invert(0%);
}

/*******************/
/*** pre-landing ***/
/*******************/

#best-bets-title {
    color: var(--color-black);
}

#best-bets-box {
    box-shadow: var(--box-shadow-outer);
    border: none;
    background: var(--color-ecru);
}

.az-filter-chip {
    background-color: var(--color-ecru);
}

/**************************/
/*** subject resources  ***/
/**************************/

#s-lg-az-subject-resources {
    & a {
        color: var(--color-teal-600);
        font-weight: bold !important;
        text-decoration: underline;
    }

    & a:hover {
        text-decoration: none;
    }
}

/***************/
/*** landing ***/
/***************/

.az-landing-info,
.az-entry-collapsible-box {
    box-shadow: var(--box-shadow-outer);
    background-color: var(--color-ecru);
    border: none;
}

.az-landing-info > dl {
    & dt,
    & dd {
        color: var(--color-black);
    }
}

/*****************************/
/***** featured & trials *****/
/*****************************/

#s-lg-az-trials,
#s-lg-az-popular,
#s-lg-az-subject-resources {
    & h2.accordion-header>button {
        background: none;
    }

    & .accordion-item {
        box-shadow: var(--box-shadow-outer);
        border: none;
        color: var(--color-black);
    }
}

#s-lg-az-trials {
    & .accordion-item {
        background-color: var(--color-ecru);
    }
}

#s-lg-az-popular,
#s-lg-az-subject-resources {
    & .accordion-item {
        background-color: var(--grey-1);
    }
}

/******************/
/*** accordions ***/
/******************/

#s-lg-az-cols .public-collapsible-box h2.accordion-header>button {
    font-family: "Barlow", sans-serif;
}

#s-lg-az-trials,
#s-lg-az-popular {
    & .az-description-full {
        color: var(--color-black);
        font-weight: 400;

        & p {
            color: var(--color-black);
            font-weight: 400;
        }
    }
}