/* =========================================================
   CCFD CATEGORY BUTTONS
   Active category = Mzansi Food orange
   ========================================================= */

/* Active category pill */
.ccfd-sheet__pill[data-ccfd-cat-link].is-active,
.ccfd-catpanel__link[data-ccfd-cat-link].is-active {
    background: #FF7900 !important;
    background-color: #FF7900 !important;
    border-color: #FF7900 !important;
    color: #ffffff !important;
}

/* Make nested text/icons white too */
.ccfd-sheet__pill[data-ccfd-cat-link].is-active *,
.ccfd-catpanel__link[data-ccfd-cat-link].is-active * {
    color: #ffffff !important;
}

/* Keyboard focus */
.ccfd-sheet__pill[data-ccfd-cat-link]:focus-visible,
.ccfd-catpanel__link[data-ccfd-cat-link]:focus-visible {
    outline: 3px solid rgba(255, 121, 0, 0.35);
    outline-offset: 2px;
}