/*
 * AL-KHIDMAT — full-width homepage header
 * Revised from the uploaded custom.css.
 * Keep a backup of the original file before replacing it in OJS.
 */

/* Let the journal-name area use the available page width */
.pkp_site_name_wrapper {
    width: 100% !important;
    max-width: none !important;
    height: auto;
    margin: 0 auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Remove width and spacing limits around the journal banner */
.pkp_site_name {
    display: block;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible;
    white-space: normal;
}

/* Make the banner link fill the header area */
.pkp_site_name > a {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/*
 * Stretch the banner image to the viewport width.
 * Center it relative to the browser window even when the theme
 * constrains the surrounding content container.
 */
.pkp_site_name .is_img img,
.pkp_site_name > a img {
    display: block !important;
    width: 100vw !important;
    max-width: none !important;
    max-height: none !important;
    height: auto !important;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    margin: 0 !important;
}

/* Keep the header background spanning the page */
.pkp_structure_head {
    width: 100%;
}