/* ===== Academic Pro / OJS 3.3 - custom styles ===== */

/* 1. Logo: bigger (360 x 192), no padding */
.site_header .logo_small {
    padding: 0 !important;
    margin: 0 !important;
    width: auto !important;
}
.site_header .logo_small img {
    width: 360px !important;
    height: 192px !important;
    max-width: 100% !important;
    max-height: none !important;
    object-fit: contain;
    display: block;
}

/* 2. Remove padding around the logo area */
.site_header .site-name {
    padding: 0 !important;
    margin: 0 !important;
}

/* 3. Hide the text journal title next to the logo
      (hidden visually, still readable by Google and screen readers) */
.site_header .site-name .navbar-brand {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

/* 4. Replace the theme's header_red.jpg with the new header image (Google Drive)
      Two Drive links for the same image: if the first fails, the second shows */
.journal_index {
    background:
        url('https://lh3.googleusercontent.com/d/1rHFQOzotSuKTimXY5Vqpix_5-j9PyLBA') right center / auto 100% no-repeat,
        url('https://drive.google.com/thumbnail?id=1rHFQOzotSuKTimXY5Vqpix_5-j9PyLBA&sz=w1700') right center / auto 100% no-repeat,
        #ffffff !important;
}