/* ======================================================
   Journal of IT Literature Review (JITLR)
   ====================================================== */

/* ===================== GLOBAL ===================== */

body {
    font-family: Tahoma, Geneva, sans-serif;
    background-image:
        repeating-linear-gradient(
            135deg,
            hsla(35, 0%, 71%, 0.09) 0px,
            hsla(35, 0%, 71%, 0.09) 1px,
            transparent 1px,
            transparent 11px
        ),
        repeating-linear-gradient(
            45deg,
            hsla(35, 0%, 71%, 0.09) 0px,
            hsla(35, 0%, 71%, 0.09) 1px,
            transparent 1px,
            transparent 11px
        ),
        linear-gradient(90deg, rgb(248, 248, 248), rgb(248, 248, 248));
}

a {
    color: #101e5a;
    text-decoration: none;
}

a:hover {
    color: #0f838f;
    text-decoration: underline;
    text-shadow: 1px 1px #b5b2b291;
}

/* ===================== STRUCTURE ===================== */

.pkp_structure_page {
    margin: 0 auto;
    box-shadow: none;
}

.pkp_structure_content {
    background: rgb(224, 224, 224);
}

.carousel-inner {
    position: absolute;
}

/* ===================== HEADER ===================== */

.pkp_structure_head {
    background: linear-gradient(
        0deg,
        rgb(95, 124, 128) 0%,
        rgb(249, 249, 251) 100%
    );
}

.pkp_site_name_wrapper {
    width: 100%;
    padding: 0;
    margin: 0;
}

.pkp_site_name {
    margin: 0;
    padding: 0 !important;
}

.pkp_site_name .is_img img {
    max-width: 100%;
    max-height: 100%;
}

.pkp_navigation_primary_row {
    background: linear-gradient(
        0deg,
        rgb(252, 252, 252) 0%,
        rgb(169, 170, 175) 100%
    );
    font-weight: bold;
}

.pkp_navigation_primary_row
.pkp_navigation_primary_wrapper ul li a {
    padding: 0 15px !important;
    line-height: 40px !important;
    color: #000 !important;
}

.pkp_navigation_primary_row
.pkp_navigation_primary_wrapper ul li a:hover {
    background: #1d9593;
    color: #fff !important;
}

.pkp_site_nav_toggle {
    background-color: #63cbeb;
}

/*********************************************************
 SIDEBAR
**********************************************************/

/* Sidebar container */
.pkp_structure_sidebar:before {
    border-left: 0;
}

/* Base block */
.pkp_block {
    position: sticky;
    top: 0;
    padding: 0 0 40px 20px;
    font-size: 14px;
    line-height: 20px;
    background-color: #ffffff;
}

/* Block title (ALL sidebar blocks) */
.pkp_block .title,
.pkp_block.block_custom .title {
    width: 100%;
    height: 30px;
    padding-top: 0.4em;
    margin-bottom: 0;
    background-color: #1d9395;
    color: #bffaf5;
    font-size: 13px;
    text-align: center;
    border: 0;
    font-family: 'Source Sans Pro', sans-serif;
}

/* Block content */
.pkp_block .content,
.pkp_block.block_custom .content {
    background-color: #ffffff;
}

/* List reset */
.pkp_block ul {
    margin: 0;
    padding: 0;
}

.pkp_block li {
    list-style: none;
    display: block;
    background-color: #ffffff;
    border-radius: 0;
    position: relative;
}

/* Divider */
.pkp_block ul > li {
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

/* Sidebar link */
.pkp_block ul > li a,
.pkp_block.block_custom a {
    display: flex;
    padding: 0.75rem 1rem;
    color: #000000;
    font-size: 15px;
}

/* Hover state (clean & consistent) */
.pkp_block ul > li a:hover,
.pkp_block.block_custom a:hover {
    background-color: #cdf1f9;
    color: dimgrey;
    text-decoration: none;
}

/* Remove conflicting hover override */
.pkp_block ul > li a:hover {
    background-color: #f9f9f9;
}

/*********************************************************
 SIDEBAR SPECIAL BLOCKS
**********************************************************/

.most_read_article_journal {
    padding: 0 1em 1em;
}

/*********************************************************
 ARTICLE SUMMARY (SIDEBAR RELATED)
**********************************************************/

.obj_article_summary > .title {
    text-transform: none;
}

.obj_article_summary > .galleys_links a {
    color: #ffffff;
    background-color: #185a10;
}

/*********************************************************
 ARTICLE DETAIL – SIDEBAR METADATA
**********************************************************/

.obj_article_details .entry_details .item {
    position: sticky;
    top: 0;
    margin: 2.143rem 0;
    padding: 0;
    border-radius: 3px;
    border-bottom: none;
    background: #dddddd;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.4);
}

.obj_article_details .entry_details .item .label + .value {
    background: #ffffff;
}

.obj_article_details .entry_details .sub_item:last-child,
.obj_article_details .entry_details .item:last-child {
    background: #dddddd;
    border-bottom: none;
}

/*********************************************************
 ICON & IMAGE
**********************************************************/

img.hadisinta {
    width: 30px;
}


/* ===================== FOOTER LAYOUT ===================== */

.pkp_structure_footer_wrapper {
    background: #ffffff;
    border-top: 1px solid #e5e5e5;
}

.pkp_footer_content {
    max-width: 1200px;
    margin: 0 auto;
    padding: 25px 20px 10px;
    color: #222;
    font-size: 13px;
}

/* Grid utama */
.footer-top {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 30px;
    align-items: center;
}

/* Judul kecil */
.footer-top strong {
    display: block;
    margin-bottom: 6px;
    font-weight: 600;
}

/* Kolom kanan (logo) */
.footer-logo {
    text-align: right;
}

.footer-logo img {
    max-height: 60px;
    margin-bottom: 6px;
}

/* Baris bawah */
.footer-bottom {
    margin-top: 20px;
    padding-top: 12px;
    border-top: 1px solid #e0e0e0;
    text-align: center;
    font-size: 12px;
    color: #444;
}

.footer-bottom img {
    height: 18px;
    vertical-align: middle;
    margin: 0 5px;
}

.footer-bottom a {
    color: #0f838f;
    text-decoration: none;
}

.footer-bottom a:hover {
    text-decoration: underline;
}

/* Responsive */
@media (max-width: 768px) {
    .footer-top {
        grid-template-columns: 1fr;
        text-align: center;
    }

    .footer-logo {
        text-align: center;
    }
}
.pkp_structure_footer_wrapper {
	background: linear-gradient(
		0deg,
		rgb(180, 190, 190) 0%,
		rgb(244, 239, 239) 100%
	  );
	border-bottom: 20px solid #0f5a8f;
  }
  .pkp_brand_footer {
float: right;
width: 0%;
padding-bottom:0px;
padding-top: 0px;
}
/* ===================== MAKE A SUBMISSION (LARGE VERSION) ===================== */

.block_make_submission {
    margin: 0 0 28px 0;
    width: 100%;
}

.block_make_submission .content {
    padding: 0;
    width: 100%;
}

/* Button besar & presisi */
.block_make_submission_link {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 100%;
    box-sizing: border-box;

    padding: 22px 18px;              /* ⬅️ LEBIH TEBAL */
    font-size: 18px;                 /* ⬅️ LEBIH BESAR */
    font-weight: 800;
    letter-spacing: 1.5px;
    text-transform: uppercase;

    color: #ffffff !important;
    background-color: #283a8f;       /* Biru utama */

    border-radius: 8px;              /* ⬅️ Lebih smooth */
    text-decoration: none !important;
    text-align: center;

    /* Shadow kuat seperti contoh */
    box-shadow:
        0 7px 0 #1c2b6e,
        0 10px 20px rgba(0, 0, 0, 0.30);

    transition:
        background-color 0.25s ease,
        box-shadow 0.25s ease,
        transform 0.2s ease;
}

/* Hover */
.block_make_submission_link:hover,
.block_make_submission_link:focus {
    background-color: #f39c12; /* ORANGE */

    box-shadow:
        0 5px 0 #c87f0a,
        0 8px 16px rgba(0, 0, 0, 0.35);

    transform: translateY(2px);
}

/* Active (klik) */
.block_make_submission_link:active {
    transform: translateY(4px);
    box-shadow:
        0 3px 0 #c87f0a,
        0 6px 12px rgba(0, 0, 0, 0.35);
}
/* ===================== OJS BREADCRUMB – ROUNDED RECTANGLE ===================== */

nav[aria-label="breadcrumb"] ol,
.pkp_structure_breadcrumbs ol,
.cmp_breadcrumbs ol {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding: 0;
    margin: 1rem 0;
    list-style: none;
    background: none;
}

/* Breadcrumb item */
nav[aria-label="breadcrumb"] li,
.pkp_structure_breadcrumbs li,
.cmp_breadcrumbs li {
    padding: 10px 18px;
    background: #f2f4f7;
    color: #333;
    font-size: 14px;
    border-radius: 6px;
    display: inline-flex;
    align-items: center;
    transition: all 0.25s ease;
}

/* Hover (non active) */
nav[aria-label="breadcrumb"] li:hover,
.pkp_structure_breadcrumbs li:hover,
.cmp_breadcrumbs li:hover {
    background: #e4e7ec;
}

/* Active / current page */
nav[aria-label="breadcrumb"] li:last-child,
.pkp_structure_breadcrumbs li:last-child,
.cmp_breadcrumbs li:last-child {
    background: #2b3c8a;
    color: #ffffff;
    font-weight: 600;
}

/* Remove arrow completely */
nav[aria-label="breadcrumb"] li::before,
nav[aria-label="breadcrumb"] li::after,
.pkp_structure_breadcrumbs li::before,
.pkp_structure_breadcrumbs li::after,
.cmp_breadcrumbs li::before,
.cmp_breadcrumbs li::after {
    display: none !important;
}

/* Links */
nav[aria-label="breadcrumb"] a,
.pkp_structure_breadcrumbs a,
.cmp_breadcrumbs a {
    color: inherit;
    text-decoration: none;
    font-weight: 500;
}