/* Add-ons directory reuses the integrations refresh presentation.
 * Single-page styles live in integration-single-refresh.css.
 */

.ap-addons-refresh .ap-integrations-refresh__filters--addons .ap-integrations-refresh__filter-row {
    display: block;
}

.ap-addons-refresh .ap-integrations-refresh__filters--addons .ap-integrations-refresh__search-wrap {
    width: 100%;
    max-width: none;
    flex: 1 1 100%;
}

/* Match the integrations refresh: CTA buttons are visually static in every state. */
.ap-addons-refresh .ap-integrations-refresh__button,
.ap-addons-refresh .ap-integrations-refresh__button:link,
.ap-addons-refresh .ap-integrations-refresh__button:visited,
.ap-addons-refresh .ap-integrations-refresh__button:hover,
.ap-addons-refresh .ap-integrations-refresh__button:focus,
.ap-addons-refresh .ap-integrations-refresh__button:focus-visible,
.ap-addons-refresh .ap-integrations-refresh__button:active {
    transform: none !important;
    filter: none !important;
    box-shadow: none !important;
    opacity: 1 !important;
    text-decoration: none !important;
    transition: none !important;
    outline: none !important;
}

.ap-addons-refresh .ap-integrations-refresh__button--white,
.ap-addons-refresh .ap-integrations-refresh__button--white:link,
.ap-addons-refresh .ap-integrations-refresh__button--white:visited,
.ap-addons-refresh .ap-integrations-refresh__button--white:hover,
.ap-addons-refresh .ap-integrations-refresh__button--white:focus,
.ap-addons-refresh .ap-integrations-refresh__button--white:focus-visible,
.ap-addons-refresh .ap-integrations-refresh__button--white:active {
    border-color: transparent !important;
    background: #fff !important;
    color: var(--ap-ir-blue) !important;
}

.ap-addons-refresh .ap-integrations-refresh__button--outline-white,
.ap-addons-refresh .ap-integrations-refresh__button--outline-white:link,
.ap-addons-refresh .ap-integrations-refresh__button--outline-white:visited,
.ap-addons-refresh .ap-integrations-refresh__button--outline-white:hover,
.ap-addons-refresh .ap-integrations-refresh__button--outline-white:focus,
.ap-addons-refresh .ap-integrations-refresh__button--outline-white:focus-visible,
.ap-addons-refresh .ap-integrations-refresh__button--outline-white:active {
    border-color: #fff !important;
    background: transparent !important;
    color: #fff !important;
}

.ap-addons-refresh .ap-integrations-refresh__button--blue,
.ap-addons-refresh .ap-integrations-refresh__button--blue:link,
.ap-addons-refresh .ap-integrations-refresh__button--blue:visited,
.ap-addons-refresh .ap-integrations-refresh__button--blue:hover,
.ap-addons-refresh .ap-integrations-refresh__button--blue:focus,
.ap-addons-refresh .ap-integrations-refresh__button--blue:focus-visible,
.ap-addons-refresh .ap-integrations-refresh__button--blue:active {
    border-color: transparent !important;
    background: linear-gradient(90deg, var(--ap-ir-light-blue), var(--ap-ir-blue)) !important;
    color: #fff !important;
}

.ap-addons-refresh .ap-integrations-refresh__button--outline-blue,
.ap-addons-refresh .ap-integrations-refresh__button--outline-blue:link,
.ap-addons-refresh .ap-integrations-refresh__button--outline-blue:visited,
.ap-addons-refresh .ap-integrations-refresh__button--outline-blue:hover,
.ap-addons-refresh .ap-integrations-refresh__button--outline-blue:focus,
.ap-addons-refresh .ap-integrations-refresh__button--outline-blue:focus-visible,
.ap-addons-refresh .ap-integrations-refresh__button--outline-blue:active {
    border-color: var(--ap-ir-blue) !important;
    background: transparent !important;
    color: var(--ap-ir-blue) !important;
}

@media (max-width: 1023px) {
    .ap-addons-refresh .ap-integrations-refresh__filters--addons .ap-integrations-refresh__search-wrap {
        width: 100%;
        max-width: none;
        flex-basis: 100%;
    }
}