/*
 * Ubuzima+ R8C
 * Header refinement + application tile behavior
 */

/* Larger professional wordmark. */
.site-header .logo-link,
.site-header a:has(img[src*="ubuzima-logo"]),
header a:has(img[src*="ubuzima-logo"]) {
    min-width: 220px !important;

    margin-right: 16px !important;
    padding-right: 0 !important;

    border-right: 0 !important;

    background: transparent !important;

    box-shadow: none !important;
    backdrop-filter: none !important;
}

.site-header img[src*="ubuzima-logo"],
header img[src*="ubuzima-logo"] {
    display: block !important;

    width: 208px !important;
    height: auto !important;

    max-width: 100% !important;
    max-height: 56px !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;

    background: transparent !important;

    object-fit: contain !important;

    box-shadow: none !important;
}

/* No line between logo and navigation. */
.site-header .logo-link::after,
.site-header a:has(img[src*="ubuzima-logo"])::after,
header a:has(img[src*="ubuzima-logo"])::after {
    content: none !important;
    display: none !important;
}

/* Navigation sits at far-right. */
.site-header nav,
.site-header .site-nav,
.site-header .main-nav,
.site-header .nav-links,
.site-header .navbar,
header nav {
    margin-left: auto !important;
    margin-right: 0 !important;

    justify-content: flex-end !important;

    text-align: right !important;
}

.site-header nav > ul,
.site-header .site-nav > ul,
.site-header .main-nav > ul,
.site-header .nav-links {
    margin-left: auto !important;
    margin-right: 0 !important;

    justify-content: flex-end !important;
}

.site-header,
.site-header .header-inner,
.site-header .header-content,
.site-header .nav-shell {
    justify-content: space-between !important;
}

/* Active downloadable application tiles. */
.ubz-r7-app[download] {
    cursor: pointer !important;
}

.ubz-r7-app[download]:hover {
    transform: translateY(-1px);

    border-color: #5aa8f4 !important;

    box-shadow:
        0 9px 20px
        rgba(20, 83, 151, .10) !important;
}

/* Unavailable apps remain visible, never fake-clickable. */
.ubz-r7-app[aria-disabled="true"],
.ubz-r7-app.passive {
    cursor: default !important;
}

a.ubz-r7-app[aria-disabled="true"] {
    pointer-events: none !important;
}

@media (max-width: 900px) {
    .site-header .logo-link,
    .site-header a:has(img[src*="ubuzima-logo"]),
    header a:has(img[src*="ubuzima-logo"]) {
        min-width: 185px !important;

        margin-right: 12px !important;
    }

    .site-header img[src*="ubuzima-logo"],
    header img[src*="ubuzima-logo"] {
        width: 174px !important;
        max-height: 50px !important;
    }
}

@media (max-width: 620px) {
    .site-header .logo-link,
    .site-header a:has(img[src*="ubuzima-logo"]),
    header a:has(img[src*="ubuzima-logo"]) {
        min-width: auto !important;

        margin-right: 0 !important;
    }

    .site-header img[src*="ubuzima-logo"],
    header img[src*="ubuzima-logo"] {
        width: 154px !important;
    }
}