/* =======================================================
   MOBILE RESPONSIVE FIX
   ======================================================= */
@media screen and (max-width: 768px) {

    /* Global font adjustments for mobile */
    body, p, li, div, span, a {
        font-size: 14px !important;
        line-height: 1.5 !important;
    }

    /* Journal Title */
    .pkp_site_name,
    .pkp_site_name .pkp_site_name_title,
    .pkp_site_name a {
        font-size: 22px !important;
        text-align: center !important;
    }

    /* Navigation Menu adjustments */
    .pkp_navigation_menu,
    .pkp_primary_nav {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        align-items: center !important;
        gap: 5px !important;
        padding: 10px 0 !important;
    }

    .pkp_navigation_menu a,
    .pkp_primary_nav a {
        font-size: 16px !important;
        width: 100% !important;
        text-align: center !important;
        padding: 10px 0 !important;
    }

    /* Header + Logo adjustments */
    .sd-header {
        flex-direction: column !important;
        text-align: center !important;
        padding: 15px !important;
    }

    .sd-logo {
        height: 70px !important;
        margin-bottom: 10px !important;
    }

    .sd-title {
        font-size: 22px !important;
    }

    .sd-subtitle {
        font-size: 14px !important;
    }

    /* Right-side metrics adjustments */
    .sd-right {
        justify-content: center !important;
        gap: 10px !important;
    }

    .metric-value { font-size: 18px !important; }
    .metric-label { font-size: 10px !important; }
}

/* Hide OJS Brand Footer */
.pkp_brand_footer {
    display: none !important;
}