/* Small final overrides kept separate so the main responsive stylesheet stays stable. */
.journal-search input {
    font-size: 13px !important;
    line-height: 1 !important;
}

.pkp_navigation_primary_wrapper {
    justify-content: flex-start !important;
}

.journal-extra-nav {
    margin-left: 32px !important;
}

.pkp_structure_sidebar .content {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    padding: 0 !important;
}

@media (max-width: 700px) {
    .journal-search input {
        font-size: 12px !important;
    }

    .journal-extra-nav {
        margin-left: 0 !important;
    }

    .pkp_site_name {
        grid-template-columns: minmax(250px, 340px) auto !important;
        justify-content: center !important;
        column-gap: 10px !important;
    }

    .pkp_navigation_search_wrapper {
        width: min(340px, calc(100vw - 125px)) !important;
        max-width: none !important;
    }

    .pkp_site_nav_menu .pkp_navigation_user_wrapper {
        position: static !important;
        width: 100% !important;
        margin: 8px 0 0 !important;
        padding: 12px 0 0 !important;
        border-top: 1px solid #e1eaf2 !important;
    }

    .pkp_site_nav_menu .pkp_navigation_user {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        width: 100% !important;
        gap: 5px !important;
    }

    .pkp_site_nav_menu .pkp_navigation_user > li,
    .pkp_site_nav_menu .pkp_navigation_user > li > a {
        display: block !important;
        float: none !important;
        width: 100% !important;
        margin: 0 !important;
    }

    .pkp_site_nav_menu .pkp_navigation_user > li > a {
        padding: 12px 13px !important;
        border: 0 !important;
        border-radius: 8px !important;
        background: #edf4f9 !important;
        color: #0a416d !important;
        font-size: 13px !important;
        font-weight: 600 !important;
        line-height: 1.25 !important;
        text-decoration: none !important;
        white-space: normal !important;
    }

    .pkp_site_nav_menu .pkp_navigation_user ul {
        position: static !important;
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        margin: 5px 0 0 !important;
        padding: 0 !important;
        gap: 5px !important;
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    .pkp_site_nav_menu .pkp_navigation_user ul a {
        display: block !important;
        width: 100% !important;
        padding: 11px 13px !important;
        border-radius: 8px !important;
        background: #edf4f9 !important;
        color: #0a416d !important;
        font-size: 13px !important;
        font-weight: 600 !important;
        text-decoration: none !important;
    }
}

@media (max-width: 390px) {
    .pkp_site_name {
        grid-template-columns: minmax(210px, 1fr) auto !important;
        column-gap: 6px !important;
    }

    .pkp_navigation_search_wrapper {
        width: calc(100vw - 118px) !important;
    }
}