/* =========================================================
   OPTIMAL - Journal of Clinical Case Report (OMJ)
   Modifikasi stylesheet OJS dengan tema ungu/magenta
   sesuai desain referensi.
   ========================================================= */

body {
	margin: 0;
	padding: 0;
	background-color: #f3f0f7;
	background-image: none;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 14px;
	color: #222;
	text-align: justify;
}

.pkp_structure_content.has_sidebar {
	background: #fff;
}

.pkp_structure_head {
	width: auto;
	margin-left: auto;
	margin-right: auto;
	background: #ffffff;
	border-bottom: 3px solid #6a1b9a;
}

.pkp_site_name { margin: 0; }
.pkp_site_name { padding-top: 0 !important; padding-bottom: 0 !important; }
.pkp_site_name > a { padding-top: 0; padding-bottom: 0; }
.pkp_site_name .is_img img { margin: auto; max-height: 100%; max-width: 100%; }
.pkp_site_name_wrapper { padding-left: 0; padding-right: 0; margin: 0; }

@media (max-width: 1000px) {
	.pkp_structure_page {
		margin: auto;
		width: 100%;
		padding-bottom: 0 !important;
		border-left: 0px solid gray;
		border-right: 0px solid gray;
		background: #fff;
		box-shadow: 1px 1px 5px 2px #bfbfbf;
	}
}

.pkp_structure_page {
	margin-top: 20px !important;
	margin-bottom: 20px !important;
	background: #fff;
	box-shadow: 0 2px 12px rgba(106, 27, 154, 0.15);
}

.pkp_block {
	padding-top: 15px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 2px;
}

/* ============= NAVIGASI UTAMA (UNGU) ============= */
.pkp_navigation_primary_row {
	background: #ffffff;
	border-top: none;
	border-bottom: none;
}
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper {
	border-top: 2px solid #e1bee7;
	border-bottom: 2px solid #e1bee7;
}
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li {
	padding: 0 !important;
	margin: 0 !important;
}
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li a {
	margin: 0 !important;
	padding: 0 18px !important;
	line-height: 50px !important;
}
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li,
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li a {
	font-family: 'Open Sans', Arial, sans-serif;
	color: #6a1b9a !important;
	text-transform: uppercase !important;
	font-size: 14px !important;
	font-weight: 700 !important;
	letter-spacing: 0.5px;
	transition: 0.2s;
}
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li a:hover {
	background: #6a1b9a !important;
	color: #fff !important;
	border-radius: 0 !important;
}
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li ul,
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li ul li a:hover {
	border-radius: 0 !important;
}
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li ul {
	background: #6a1b9a !important;
}
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li ul li {
	border-bottom: solid 1px rgba(255, 255, 255, 0.2) !important;
}
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li ul li a {
	color: #ffffff !important;
}
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li ul li:last-child {
	border-bottom: none !important;
}
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper .pkp_search.is_open input[type=text] {
	font-family: 'Open Sans', sans-serif;
}

.pkp_navigation_search_wrapper { transition: 0.3s; }
.pkp_navigation_search_wrapper:hover {
	background: #6a1b9a !important;
	color: white !important;
}
.pkp_search.pkp_search_desktop {
	font-family: 'Open Sans', Arial, sans-serif !important;
	text-transform: uppercase !important;
	color: #6a1b9a !important;
	font-size: 14px !important;
	font-weight: 700 !important;
}
.pkp_search.pkp_search_desktop:hover { color: #fff !important; }

/* ============= FOOTER (UNGU) ============= */
/* ============= FOOTER (UNGU) ============= */
.pkp_structure_footer_wrapper,
.pkp_structure_footer {
	background: linear-gradient(135deg, #6a1b9a 0%, #4a148c 100%) !important;
	width: 100%;
}
.pkp_structure_footer .pkp_footer_content {
	background: transparent;
	color: #fff;
	padding: 30px !important;
}
.pkp_structure_footer .pkp_footer_content p { margin: 0; color: #fff; }
.pkp_structure_footer .pkp_footer_content a { color: #f3e5f5; text-decoration: underline; }
.pkp_structure_footer .pkp_brand_footer {
	background: #4a148c;
	height: auto !important;
	padding: 15px;
	width: 100%;
	box-sizing: border-box;
}
.pkp_structure_footer .pkp_brand_footer img {
	width: 48px !important;
	height: auto;
	/* Buat logo OJS/PKP hitam jadi putih agar terlihat di latar ungu */
	filter: brightness(0) invert(1);
	opacity: 0.95;
}
.pkp_structure_footer .pkp_brand_footer a,
.pkp_structure_footer .pkp_brand_footer span,
.pkp_structure_footer .pkp_brand_footer p {
	color: #ffffff !important;
}


/* ============= LINKS ============= */
a, a:link, a:active {
	color: #6a1b9a;
	text-decoration: none;
}
a:hover { color: #ab47bc; }

/* ============= TOMBOL & GALLEY LINK ============= */
.cmp_button_wire,
.obj_galley_link {
	background: linear-gradient(135deg, #7b1fa2 0%, #6a1b9a 100%);
	border: 1px solid #4a148c;
	font-weight: bold;
	color: #ffffff !important;
	border-radius: 4px;
	transition: all 0.25s ease;
}
.obj_galley_link:hover {
	background: #4a148c !important;
	border: 1px solid #4a148c;
	color: #fff !important;
	box-shadow: 0 3px 8px rgba(74, 20, 140, 0.4);
}

/* ============= ARTICLE SUMMARY CARD ============= */
.obj_article_summary {
	background: #faf6fc;
	background-image: none;
	border: 1px solid #d1a7e0;
	padding: 18px;
	border-radius: 12px;
	padding-bottom: 18px !important;
	box-shadow: 0 3px 10px rgba(106, 27, 154, 0.15);
	transition: all 0.3s ease;
}
.obj_article_summary:hover {
	background: #f3e5f5;
	border: 1px solid #ab47bc;
	box-shadow: 0 8px 20px rgba(106, 27, 154, 0.35);
	transform: translateY(-2px);
}

.meta .authors {
	background: url(https://ejournal.nusantaraglobal.ac.id/public/site/images/admin/users.png) 1px 2px no-repeat rgba(0, 0, 0, 0);
	font-weight: bold;
	margin-top: 4px;
	padding-bottom: 5px;
	padding-left: 24px;
	color: #4a148c;
}

.description {
	text-align: justify;
	font-size: 12px;
}

/* ============= SIDEBAR BLOCK TITLES (UNGU) ============= */
.pkp_block {
	width: 100%;
	box-sizing: border-box;
	margin-bottom: 20px;
}
.pkp_block .title,
.pkp_block > h2,
.pkp_block > h3 {
	display: block;
	width: 100%;
	box-sizing: border-box;
	background: linear-gradient(135deg, #7b1fa2 0%, #6a1b9a 100%);
	color: #ffffff !important;
	padding: 12px 15px;
	border-radius: 6px 6px 0 0;
	border-bottom: 3px solid #ffc107;
	font-weight: 700;
	text-transform: capitalize;
	letter-spacing: 0.5px;
	text-align: left;
	margin: 0;
	font-size: 15px;
}
.pkp_block .content {
	background: #ffffff;
	border: 1px solid #e1bee7;
	border-top: none;
	border-radius: 0 0 6px 6px;
	padding: 12px;
	width: 100%;
	box-sizing: border-box;
}

/* ============= TABEL HOVER ============= */
.hover {
	width: 100%;
	border-collapse: collapse;
}
.hover td {
	height: 35px;
	background: #f3e5f5;
	padding: 6px 10px;
	vertical-align: middle;
	border-bottom: 2px solid #ffffff;
	box-shadow: 0 0 5px rgba(106, 27, 154, 0.2);
	text-align: left;
}
.hover td a {
	font-size: small;
	font-family: arial;
	width: 100%;
	display: block;
	color: #4a148c;
}
.hover tr {
	background: #6a1b9a;
	color: #ffffff;
}
.hover tr:hover { background-color: #ab47bc; }
.hover tr a {
	font-size: small;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 0.1em;
	text-indent: 4px;
	color: #fff;
}
.hover a:hover {
	font-size: 14px;
	font-family: arial;
	color: #4a148c;
}

/* ============= TOMBOL "MAKE A SUBMISSION" (KUNING GRADIENT) ============= */
a.block_make_submission_link {
	width: 100%;
	box-sizing: border-box;
	padding: 15px;
	color: #4a2c00 !important;
	font-weight: 800;
	text-decoration: none;
	display: block;
	text-align: center;
	border-radius: 6px;
	background: linear-gradient(135deg, #fff176 0%, #ffd54f 50%, #ffb300 100%);
	border: 0;
	transition: all ease-in-out 300ms;
	box-shadow: 0 3px 10px rgba(255, 179, 0, 0.45);
	margin: 0;
	text-transform: uppercase;
	letter-spacing: 1.5px;
	font-size: 13px;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
}
.block_make_submission a:hover,
.block_make_submission a:focus {
	color: #3a2200 !important;
	background: linear-gradient(135deg, #ffb300 0%, #ff8f00 100%);
	transition: 0.3s;
	box-shadow: 0 5px 18px rgba(255, 143, 0, 0.6);
	text-align: center;
}

/* ============= ARTICLE TEMPLATE / DOWNLOAD BUTTON (CUSTOM BLOCKS) ============= */
.pkp_block.block_custom .title,
.pkp_block.block_custom h2 {
	background: linear-gradient(135deg, #7b1fa2 0%, #6a1b9a 100%);
	color: #ffffff;
	padding: 12px;
	text-align: center;
	border-radius: 6px;
	font-weight: 700;
	text-transform: capitalize;
}

/* ============= HEADINGS ============= */
h1, h2, h3, h4 {
	color: #4a148c;
	font-family: 'Open Sans', sans-serif;
}

/* ============= TABEL "ABOUT THE JOURNAL" ============= */
table {
	border-collapse: collapse;
}
table td {
	padding: 8px 12px;
	border-bottom: 1px solid #e1bee7;
}
table tr:nth-child(odd) td { background: #faf6fc; }
table tr:nth-child(even) td { background: #ffffff; }

/* ============= SEARCH BAR ============= */
input[type="text"], input[type="search"], input[type="email"], input[type="password"], textarea, select {
	border: 1px solid #ce93d8;
	border-radius: 4px;
	padding: 6px 10px;
	transition: border-color 0.2s;
}
input[type="text"]:focus, input[type="search"]:focus, textarea:focus, select:focus {
	border-color: #6a1b9a;
	outline: none;
	box-shadow: 0 0 0 2px rgba(106, 27, 154, 0.15);
}

/* ============================================================
   MOBILE RESPONSIVE (≤ 991px tablet, ≤ 767px phone)
   Menjaga desain ungu tetap sama, hanya menyesuaikan layout
   ============================================================ */

/* Pastikan gambar & media tidak overflow */
img, table, iframe, video {
	max-width: 100%;
	height: auto;
}

/* Container utama tidak melewati layar */
.pkp_structure_page,
.pkp_structure_main,
.pkp_structure_content,
.page {
	max-width: 100%;
	box-sizing: border-box;
}

/* ===== TABLET (≤ 991px) ===== */
@media (max-width: 991px) {
	.pkp_structure_main { width: 100%; float: none; padding: 0 15px; }
	.pkp_structure_sidebar { width: 100%; float: none; padding: 0 15px; margin-top: 25px; }
	.pkp_site_name img { max-height: 70px; }
}

/* ===== MOBILE (≤ 767px) ===== */
@media (max-width: 767px) {
	body { font-size: 15px; }

	/* Header & logo */
	.pkp_head_wrapper { padding: 10px; text-align: center; }
	.pkp_site_name { float: none; text-align: center; }
	.pkp_site_name img { max-height: 60px; margin: 0 auto; }

	/* Navigation – ubah jadi vertikal & dapat di-scroll */
	.pkp_navigation_primary_row,
	.pkp_navigation_user_wrapper {
		padding: 0;
	}
	.pkp_navigation_primary,
	.pkp_navigation_user {
		display: block;
		width: 100%;
		text-align: center;
	}
	.pkp_navigation_primary > li,
	.pkp_navigation_user > li {
		display: block;
		float: none;
		width: 100%;
		border-bottom: 1px solid rgba(255,255,255,0.15);
	}
	.pkp_navigation_primary > li > a,
	.pkp_navigation_user > li > a {
		display: block;
		padding: 12px 15px;
		font-size: 14px;
	}
	.pkp_navigation_primary ul ul {
		position: static;
		box-shadow: none;
		background: rgba(0,0,0,0.15);
	}

	/* Heading lebih kecil */
	h1 { font-size: 1.6em; }
	h2 { font-size: 1.35em; }
	h3 { font-size: 1.15em; }

	/* Sidebar blocks */
	.pkp_block { margin-bottom: 20px; }
	.pkp_block .title,
	.pkp_block h2 { font-size: 1em; padding: 10px; }

	/* Tombol submission full width */
	.block_make_submission a {
		display: block;
		width: 100%;
		padding: 12px;
		font-size: 14px;
		box-sizing: border-box;
	}

	/* Tabel scroll horizontal jika perlu */
	.pkp_structure_content table,
	.obj_article_summary table {
		display: block;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		white-space: nowrap;
	}
	table td { padding: 6px 8px; font-size: 14px; }

	/* Article summary card */
	.obj_article_summary {
		padding: 12px;
		flex-direction: column;
	}
	.obj_article_summary .cover_image,
	.obj_article_summary .thumbnail {
		float: none;
		width: 100%;
		max-width: 200px;
		margin: 0 auto 12px;
	}
	.obj_article_summary .title { font-size: 1.05em; }
	.obj_article_summary .meta { font-size: 13px; }

	/* Search bar full width */
	input[type="text"], input[type="search"],
	input[type="email"], input[type="password"],
	textarea, select {
		width: 100%;
		box-sizing: border-box;
		font-size: 16px; /* hindari zoom otomatis iOS */
	}

	/* Footer */
	.pkp_structure_footer_wrapper,
	.pkp_brand_footer {
		text-align: center;
		padding: 20px 15px;
	}
	.pkp_brand_footer > * {
		float: none !important;
		display: block;
		margin: 10px auto;
	}

	/* Pagination */
	.cmp_pagination { text-align: center; }
	.cmp_pagination a, .cmp_pagination span {
		display: inline-block;
		padding: 6px 10px;
		margin: 2px;
	}
}

/* ===== SMALL PHONES (≤ 400px) ===== */
@media (max-width: 400px) {
	body { font-size: 14px; }
	h1 { font-size: 1.4em; }
	.pkp_site_name img { max-height: 50px; }
	.pkp_block .title { font-size: 0.95em; }
}