/*
 * Identite de marque du realm Yapuka Hub.
 * Fichier separe pour invalider le cache des ressources Keycloak lors de
 * l'ajout du mot-symbole produit a un theme deja charge.
 */

.pf-v5-c-masthead__brand img[alt="Logo"] {
    width: 162px;
    height: 54px;
    object-fit: contain;
    content: url("../img/yapuka-hub-wordmark.svg");
}

.pf-v5-c-masthead button.pf-v5-c-menu-toggle {
    border: 1px solid rgba(255, 255, 255, .2);
    background-color: var(--yapuka-hub-accent);
    color: #ffffff;
    box-shadow: 0 6px 18px rgba(var(--yapuka-hub-accent-rgb), .28);
}

.pf-v5-c-masthead button.pf-v5-c-menu-toggle:hover,
.pf-v5-c-masthead button.pf-v5-c-menu-toggle:focus-visible,
.pf-v5-c-masthead button.pf-v5-c-menu-toggle.pf-m-expanded {
    background-color: #1d4ed8;
    color: #ffffff;
}

.pf-v5-c-masthead button.pf-v5-c-menu-toggle *,
.pf-v5-c-masthead button.pf-v5-c-menu-toggle svg {
    color: inherit;
    fill: currentColor;
}

@media (max-width: 768px) {
    .pf-v5-c-masthead__brand img[alt="Logo"] {
        width: 140px;
        height: 48px;
    }
}