/* =========================================================
   OJS LOGO & HEADER STYLING OVERRIDES (wsjest.com)
   ========================================================= */

/* 1. Target the main site logo image container aggressively */
.pkp_site_name .is_img,
.pkp_site_name_wrapper .is_img,
.navbar-brand .is_img {
    display: inline-block !important;
    vertical-align: middle !important;
}

/* 2. Lock the logo dimensions to prevent dynamic shifts on refresh */
.pkp_site_name .is_img img,
.pkp_site_name_wrapper .is_img img,
.navbar-brand .is_img img {
    max-width: 450px !important; /* Constrain the 800px image width */
    max-height: 100px !important; /* Cap the 150px image height */
    width: auto !important;
    height: auto !important;
    display: block !important;
    object-fit: contain !important;
}

/* 3. Mobile (Phones & Tablets) - Reduce logo size to fit standard headers */
@media (max-width: 991px) {
    .pkp_site_name .is_img img,
    .pkp_site_name_wrapper .is_img img,
    .navbar-brand .is_img img {
        max-width: 250px !important;
        max-height: 70px !important;
    }
}