:root {
	--bg-body-image-url: url("#");
	--bg-header-image-url: url("#");
	--bg-header-secondary-image-url: url("#");
	--bg-image-article-summary-url: url("#");
	--primary-color: #F57C00;
	--accent-color: #FF5722;
}

html, body {
    background-image: var(--bg-body-image-url);
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
	background-size: cover;
}

.pkp_structure_head {
  background-image: var(--bg-header-image-url);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.pkp_page_index .current_issue .section:last-child {
    margin-bottom: 30px;
}

/* for-desktop-only-style-configuration*/
@media screen and (min-width: 800px) {
.pkp_site_name .is_img img {
    max-height: 200px;
}
}

.obj_article_summary {
    background-image: var(--bg-image-article-summary-url);
    border: 1px solid var(--primary-color);
    padding: 15px;
    border-radius: 15px 0px 15px 0px;
    padding-bottom: 15px !important;
    box-shadow: 3px 3px 4px #212121;
}

/* table-style-configuration*/
table.hover {
    border: 2px solid var(--primary-color);
}

.hover {
	width:100%;
	border-collapse:collapse
}
.hover th{
		height:35px;
		background:#ffffff;
		color:var(--primary-color);
}
.hover td{
	height:30px;
	padding-top:3px;
	vertical-align:middle;
	border-bottom:1px solid #ffffff;
	text-align:center;
}
.hover td a {
		width:100%
		display:block;
}
.hover tr {
	background:var(--primary-color);
	color:#ffffff;
}
.hover tr:hover {
	background-color: var(--accent-color);
}
.hover tr a {
	color:#ffffff;
}
.hover a:hover {
	color:#ffffff;
}

/* table at additional content configuration */
table#table_additional_content {
    background-image: var(--bg-header-secondary-image-url);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border: 1px solid #00000070;
    padding: 15px;
    padding-bottom: 15px !important;
    box-shadow: 3px 3px 4px #212121;
}


/* =====================================
   OJS 3.3 ARCHIVE — 2 COLUMN ORDERED
   FIXED ORDER (TOP → BOTTOM)
===================================== */

/* Container archive */
.page_issue_archive ul.issues_archive {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;

    /* KUNCI URUTAN */
    grid-auto-flow: row !important;

    gap: 24px !important;
    padding-left: 0 !important;
    list-style: none !important;
}

/* Item issue */
.page_issue_archive ul.issues_archive > li {
    width: 100% !important;
    order: initial !important;
}

/* Mobile: 1 column */
@media (max-width: 768px) {
    .page_issue_archive ul.issues_archive {
        grid-template-columns: 1fr !important;
    }
}