/* =============================================
   FINAL WIDTH FIX (IMPORTANT)
   ============================================= */

/* Force full page width */
.pkp_structure_content,
.pkp_structure_main,
.pkp_page_index .page,
#pkp_content_main {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Remove container restriction */
.container,
.container-fluid {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Remove any row spacing */
.row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Hero section FULL WIDTH */
.pkp_block_custom_heroblock {
    width: 100vw !important;
    margin-left: calc(-50vw + 50%) !important;
    background: #0D1F3C;
}

/* Inner hero content center aligned */
.hero-section {
    max-width: 1200px;
    margin: auto;
    padding: 40px 20px;
    display: flex;
    gap: 30px;
}

/* Fix image size */
.hero-section img {
    max-width: 250px;
}

/* Fix right buttons alignment */
.hero-right {
    margin-left: auto;
}

/* Mobile fix */
@media (max-width: 768px) {
    .hero-section {
        flex-direction: column;
        text-align: center;
    }

    .hero-right {
        margin-left: 0;
    }
}/* ===== NAVBAR FLEX FIX ===== */
.navbar {
    padding: 5px 20px !important;
    display: flex !important;
    align-items: center !important;   /* vertical alignment */
    justify-content: space-between !important;
    flex-wrap: wrap;  /* allows proper stacking on zoom */
}

/* ===== CONTAINER FIX ===== */
.navbar .container,
.navbar .container-fluid {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100%;
    padding-bottom: 20px !important;
}

/* ===== LOGO FIX ===== */
.navbar-brand {
    display: flex !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 10px !important;
}

.navbar-brand img {
    max-height: 200px !important;   /* slightly smaller for balance */
    height: auto;
    width: 150px;content: url('/public/journals/1/pageHeaderLogoImage_en.jpg');padding: 22px;
}

/* ===== MENU ALIGNMENT ===== */
.navbar-nav {
    display: flex !important;
    align-items: center !important;
    gap: 10px;
    margin-left: auto !important;
}

/* MENU LINKS */
.navbar-nav > li > a {
    padding: 8px 10px !important;
    font-size: 15px;
    line-height: 1.2;
}

@media (max-width: 768px) {

    /* RESET navbar layout completely */
    .navbar .container,
    .navbar .container-fluid {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
    }

    /* CENTER TOGGLE */
    .navbar-toggler {
        order: 1;
        margin: 10px auto !important;
        display: block;
    }

    /* LOGO BELOW TOGGLE */
    .navbar-brand {
        order: 2;
        width: 100%;
        text-align: center;
        margin: 0 !important;
    }

    .navbar-brand img {
        display: block;
        margin: 0 auto;
        max-height: 70px !important;
    }

    /* MENU BELOW */
    .navbar-collapse {
        order: 3;
        width: 100%;
    }

    /* FIX REGISTER / LOGIN */
    .navbar-nav {
        justify-content: center !important;
        width: 100%;
    }
}footer * {
    display: none !important;
}*{color: black;}



.download {
    background-color: red;
}
.download .label,.pkp_screen_reader{
    color: White;
    position: relative;
}.download .label,.pkp_screen_reader:hover{color: black;}