/*
 * Optional journal Homepage Image masthead.
 * JS moves the existing homepage image, or recreates it from journal context
 * data on inner pages, as the first child of the structural header.
 */

.pkp_structure_head.tritheme_has_homepage_image_header .pkp_site_name {
    display: none;
}

.pkp_structure_head.tritheme_has_homepage_image_header,
.pkp_structure_head.tritheme_has_homepage_image_header .pkp_head_wrapper {
    background-image: none !important;
}

.pkp_structure_head > .tritheme_homepage_image_header {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    border: 0;
    background: #fff;
    box-shadow: none;
    line-height: 0;
}

.pkp_structure_head > .tritheme_homepage_image_header img {
    display: block;
    width: 100%;
    max-width: none;
    height: auto;
    margin: 0;
    border: 0;
    object-fit: contain;
}

.pkp_structure_head.tritheme_has_homepage_image_header .pkp_navigation_primary_row,
.pkp_structure_head.tritheme_has_homepage_image_header .pkp_navigation_primary_wrapper {
    margin-top: 0;
}


/*
 * The default OJS user menu is positioned over the journal identity area.
 * That identity row is hidden in masthead mode, so make the user/login links
 * a real navbar action instead of leaving them absolutely positioned.
 */
@media (min-width: 992px) {
    .pkp_structure_head.tritheme_has_homepage_image_header
        .pkp_navigation_user_wrapper.tritheme_navigation_user_action {
        position: relative;
        top: auto;
        right: auto;
        left: auto;
        float: right;
        width: auto;
        margin: 0;
        padding: 0;
        transform: none;
        border-inline-start: 1px solid #ddd;
    }

    .pkp_structure_head.tritheme_has_homepage_image_header
        .pkp_navigation_user_wrapper.tritheme_navigation_user_action
        .pkp_navigation_user {
        width: auto;
        margin: 0;
        padding: 0;
    }

    .pkp_structure_head.tritheme_has_homepage_image_header
        .pkp_navigation_user_wrapper.tritheme_navigation_user_action
        .pkp_navigation_user > li {
        position: relative;
        margin: 0;
    }

    .pkp_structure_head.tritheme_has_homepage_image_header
        .pkp_navigation_user_wrapper.tritheme_navigation_user_action
        .pkp_navigation_user > li > a {
        display: inline-block;
        margin: 4px 0.5em 0;
        padding: 8px 0.5em 6px;
        border-bottom: 4px solid transparent;
        line-height: normal;
        white-space: nowrap;
    }

    body[dir="rtl"]
        .pkp_structure_head.tritheme_has_homepage_image_header
        .pkp_navigation_user_wrapper.tritheme_navigation_user_action {
        float: left;
    }
}