/* ===============================
   FORCE REMOVE SIDEBAR BACKGROUND
   OJS 3.4 FIX – FINAL
================================ */
/* Your custom sidebar box */
.ijlss-sidebar-box {
    background: #4db8ff;
    border-radius: 8px;
    overflow: hidden;
}

/* Sidebar container */
.pkp_structure_sidebar {
    background: transparent !important;
}

/* Every block inside sidebar */
.pkp_structure_sidebar .pkp_block {
    background: transparent !important;
    padding: 0 !important;
    border: none !important;
    box-shadow: none !important;
}

/* Block content wrapper */
.pkp_structure_sidebar .pkp_block .content {
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Remove hidden :before / :after overlays */
.pkp_structure_sidebar .pkp_block::before,
.pkp_structure_sidebar .pkp_block::after {
    display: none !important;
}

/* Remove table spacing if any table exists */
.pkp_structure_sidebar table {
    border-collapse: collapse !important;
    background: transparent !important;
}

/* Fix width overflow bug */
.pkp_structure_sidebar * {
    box-sizing: border-box !important;
}
/* ================================
   FIX EMPTY WHITE SIDEBAR BLOCK
   (Additional Menus / Blocks)
================================ */
/* ================================
   FORCE REMOVE EMPTY ADDITIONAL MENUS BLOCK
================================ */

/* Target custom blocks explicitly */
.pkp_block.block_custom {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}

/* Kill invisible placeholder that creates white box */
.pkp_block.block_custom .content::before,
.pkp_block.block_custom .content::after {
    content: none !important;
    display: none !important;
}

/* Remove forced height */
.pkp_block.block_custom .content {
    min-height: auto !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
}

/* Hide block completely if no real menu inside */
.pkp_block.block_custom:not(:has(ul)):not(:has(a)) {
    display: none !important;
}

/* Sidebar wrapper cleanup */
.pkp_structure_sidebar,
.entry_details {
    background: transparent !important;
}
/* Optional professional sidebar card */
.entry_details .item {
    background: #f7fbff;
    padding: 12px;
    border-radius: 6px;
    border-left: 4px solid #00b4e6;
}

/* 1. Remove block container styling */
.pkp_block {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin-bottom: 16px !important;
}

/* 2. Remove block title background (MAIN FIX) */
.pkp_block .title {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 0 6px 0 !important;
    box-shadow: none !important;
}

/* 3. Remove block content background */
.pkp_block .content {
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    min-height: 0 !important;
}

/* 4. Fix empty ghost space (very important) */
.pkp_block:empty,
.pkp_block .content:empty {
    display: none !important;
}

/* 5. Sidebar column cleanup */
.entry_details {
    background: transparent !important;
    padding-top: 0 !important;
}

/* Remove bullets and padding from many lists (OJS defaults) */
.pkp_unstyled_list,
.cmp_article_list,
.cmp_breadcrumbs ol,
.cmp_announcements,
.pkp_site_nav_menu ul,
.pkp_page_index .journals ul,
.page_catalog_category .subcategories ul,
.page_issue_archive .issues_archive,
.page_register .context_optin .contexts,
.obj_article_details .authors,
.obj_article_details .galleys_links,
.obj_article_details .supplementary_galleys_links,
.obj_article_summary .galleys_links,
.obj_issue_toc .articles,
.obj_issue_toc .galleys_links,
.pkp_block .content ul {
    list-style: none;
    padding-left: 0;
    margin-left: 0;
}

/* ARTICLE CARD (like your first screenshot) */
.obj_issue_toc .article_summary,
.obj_article_summary {
    border: 2px solid #012060;
    padding: 16px;
    border-radius: 10px;
    margin-bottom: 22px;
    box-shadow: 4px 4px #15152f;
    background: #ffffff;
    transition: all 0.3s ease;
}

/* Hover effect */
.obj_issue_toc .article_summary:hover,
.obj_article_summary:hover {
    transform: translateY(-4px);
    box-shadow: 6px 6px #15152f;
}

/* Title */
.obj_issue_toc .article_summary .title,
.obj_article_summary .title {
    font-size: 20px;
    font-weight: bold;
    color: #012060;
    text-decoration: none;
    display: block;
    margin-bottom: 6px;
}

/* Authors */
.obj_issue_toc .article_summary .authors,
.obj_article_summary .authors {
    font-size: 14px;
    color: #333;
    margin-bottom: 8px;
}

/* PDF button / galleys links */
.obj_issue_toc .galleys a,
.obj_article_summary .galleys a {
    background: #012060;
    color: #ffffff;
    padding: 7px 14px;
    border-radius: 6px;
    text-decoration: none;
    font-weight: bold;
    margin-right: 6px;
    display: inline-block;
}

/* Box for abstract views / downloads (if you output them) */
.obj_issue_toc .article_summary .meta,
.obj_article_summary .meta {
    border: 1px solid #28a745;
    padding: 6px 10px;
    border-radius: 8px;
    font-weight: bold;
    margin-top: 8px;
    display: inline-block;
}

/* DOI link style */
.obj_issue_toc .article_summary a[href*="doi.org"],
.obj_article_summary a[href*="doi.org"] {
    color: #012060;
    font-weight: bold;
    text-decoration: none;
}
{* ====================== RIGHT COLUMN: ENTRY DETAILS (SIDEBAR) ====================== *}
		<div class="entry_details">

			{* -------- 1. STATISTICS CARD -------- *}
			{assign var="pdfGalley" value=""}
			{if $primaryGalleys}
				{assign var="pdfGalley" value=$primaryGalleys[0]}
			{/if}

			<div class="item article-stats-wrapper">
				<div class="article-stats-card">

					<div class="asc-header">
						<span class="asc-header-icon">📊</span>
						<span class="asc-header-text">Statistics</span>
					</div>

					<div class="asc-body">

						<div class="asc-row">
							<span class="asc-row-icon">📈</span>
							<span class="asc-row-label">Abstract views:</span>
							<span class="asc-row-value">
								{$article->getViews()} times
							</span>
						</div>

						{if $pdfGalley}
							<div class="asc-row">
								<span class="asc-row-icon">📄</span>
								<span class="asc-row-label">PDF views:</span>
								<span class="asc-row-value">
									{$pdfGalley->getViews()} times
								</span>
							</div>
						{/if}

					</div>
				</div>
			</div>

			{* -------- 2. COVER / GALLERY IMAGE -------- *}
			{if $publication->getLocalizedData('coverImage') || ($issue && $issue->getLocalizedCoverImage())}
				<div class="item cover_image">
					<div class="sub_item">
						{if $publication->getLocalizedData('coverImage')}
							{assign var="coverImage" value=$publication->getLocalizedData('coverImage')}
							<img
								src="{$publication->getLocalizedCoverImageUrl($article->getData('contextId'))|escape}"
								alt="{$coverImage.altText|escape|default:''}">
						{else}
							<a href="{url page="issue" op="view" path=$issue->getBestIssueId()}">
								<img
									src="{$issue->getLocalizedCoverImageUrl()|escape}"
									alt="{$issue->getLocalizedCoverImageAltText()|escape|default:''}">
							</a>
						{/if}
					</div>
				</div>
			{/if}

			{* -------- 3. PDF / GALLEYS -------- *}
			{if $primaryGalleys}
				<div class="item galleys">
					<h2 class="label">
						{translate key="submission.downloads"}
					</h2>
					<ul class="value galleys_links">
						{foreach from=$primaryGalleys item=galley}
							<li>
								{include file="frontend/objects/galley_link.tpl"
									parent=$article
									publication=$publication
									galley=$galley
									purchaseFee=$currentJournal->getData('purchaseArticleFee')
									purchaseCurrency=$currentJournal->getData('currency')
								}
							</li>
						{/foreach}
					</ul>
				</div>
			{/if}

			{if $supplementaryGalleys}
				<div class="item galleys">
					<h3 class="label">
						{translate key="submission.additionalFiles"}
					</h3>
					<ul class="value supplementary_galleys_links">
						{foreach from=$supplementaryGalleys item=galley}
							<li>
								{include file="frontend/objects/galley_link.tpl"
									parent=$article
									publication=$publication
									galley=$galley
									isSupplementary="1"
								}
							</li>
						{/foreach}
					</ul>
				</div>
			{/if}

			{* -------- 4. PUBLISHED INFO -------- *}
			{if $publication->getData('datePublished')}
				<div class="item published">
					<section class="sub_item">
						<h2 class="label">
							{translate key="submissions.published"}
						</h2>
						<div class="value">
							{if $firstPublication->getId() === $publication->getId()}
								<span>{$firstPublication->getData('datePublished')|date_format:$dateFormatShort}</span>
							{else}
								<span>
									{translate key="submission.updatedOn"
										datePublished=$firstPublication->getData('datePublished')|date_format:$dateFormatShort
										dateUpdated=$publication->getData('datePublished')|date_format:$dateFormatShort
									}
								</span>
							{/if}
						</div>
					</section>

					{if count($article->getPublishedPublications()) > 1}
						<section class="sub_item versions">
							<h2 class="label">
								{translate key="submission.versions"}
							</h2>
							<ul class="value">
								{foreach from=array_reverse($article->getPublishedPublications()) item=iPublication}
									{capture assign="name"}
										{translate
											key="submission.versionIdentity"
											datePublished=$iPublication->getData('datePublished')|date_format:$dateFormatShort
											version=$iPublication->getData('version')
										}
									{/capture}
									<li>
										{if $iPublication->getId() === $publication->getId()}
											{$name}
										{elseif $iPublication->getId() === $currentPublication->getId()}
											<a href="{url page="article" op="view" path=$article->getBestId()}">{$name}</a>
										{else}
											<a href="{url page="article" op="view" path=$article->getBestId()|to_array:"version":$iPublication->getId()}">
												{$name}
											</a>
										{/if}
									</li>
								{/foreach}
							</ul>
						</section>
					{/if}
				</div>
			{/if}

			{* -------- 5. ISSUE / SECTION / CATEGORIES -------- *}
			{if $issue || $section || $categories}
				<div class="item issue">
					{if $issue}
						<section class="sub_item">
							<h2 class="label">
								{translate key="issue.issue"}
							</h2>
							<div class="value">
								<a class="title" href="{url page="issue" op="view" path=$issue->getBestIssueId()}">
									{$issue->getIssueIdentification()}
								</a>
							</div>
						</section>
					{/if}

					{if $section}
						<section class="sub_item">
							<h2 class="label">
								{translate key="section.section"}
							</h2>
							<div class="value">
								{$section->getLocalizedTitle()|escape}
							</div>
						</section>
					{/if}

					{if $categories}
						<section class="sub_item">
							<h2 class="label">
								{translate key="category.category"}
							</h2>
							<div class="value">
								<ul class="categories">
									{foreach from=$categories item=category}
										<li>
											<a href="{url router=\PKP\core\PKPApplication::ROUTE_PAGE page="catalog" op="category" path=$category->getPath()|escape}">
												{$category->getLocalizedTitle()|escape}
											</a>
										</li>
									{/foreach}
								</ul>
							</div>
						</section>
					{/if}
				</div>
			{/if}

			{* -------- 6. HOW TO CITE -------- *}
			{if $citation}
				<section class="item citation">
					<h2 class="label">
						{translate key="submission.howToCite"}
					</h2>
					<div class="value">
						{$citation}
					</div>
				</section>
			{/if}

			{* -------- 7. LICENSE -------- *}
			{if $currentContext->getLocalizedData('licenseTerms') || $publication->getData('licenseUrl')}
				<div class="item copyright">
					<h2 class="label">
						{translate key="submission.license"}
					</h2>
					{if $publication->getData('licenseUrl')}
						{if $ccLicenseBadge}
							{if $publication->getLocalizedData('copyrightHolder')}
								<p>
									{translate
										key="submission.copyrightStatement"
										copyrightHolder=$publication->getLocalizedData('copyrightHolder')
										copyrightYear=$publication->getData('copyrightYear')
									}
								</p>
							{/if}
							{$ccLicenseBadge}
						{else}
							<a href="{$publication->getData('licenseUrl')|escape}" class="copyright">
								{if $publication->getLocalizedData('copyrightHolder')}
									{translate
										key="submission.copyrightStatement"
										copyrightHolder=$publication->getLocalizedData('copyrightHolder')
										copyrightYear=$publication->getData('copyrightYear')
									}
								{else}
									{translate key="submission.license"}
								{/if}
							</a>
						{/if}
					{/if}
					{$currentContext->getLocalizedData('licenseTerms')}
				</div>
			{/if}

			{call_hook name="Templates::Article::Details"}
			/***********************
 IJLSS CUSTOM THEME CSS
 For OJS 3.4 – visual enhancement only
***********************/

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

body {
    background: #f5f7fb;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    color: #222;
}

/* Links */
a {
    color: #012060;
    text-decoration: none;
}
a:hover {
    color: #00a3cc;
    text-decoration: underline;
}

/* Main page container */
.pkp_structure_main {
    padding-top: 10px;
    padding-bottom: 30px;
}

/* Page titles */
.page_title,
h1,
h2,
h3 {
    color: #012060;
}

/* ===== HEADER & LOGO AREA ===== */

.pkp_structure_head {
    background: linear-gradient(90deg, #012060, #004b8f);
    border-bottom: 4px solid #00a3cc;
}

.pkp_site_name_wrapper {
    padding-top: 10px;
    padding-bottom: 6px;
}

.pkp_site_name img {
    max-height: 110px;
    height: auto;
}

/* ===== NAVIGATION MENU ===== */

.pkp_site_nav_menu {
    background: transparent;
}

.pkp_navigation_primary_row {
    border-top: 1px solid rgba(255,255,255,0.15);
    border-bottom: 1px solid rgba(255,255,255,0.15);
    margin-top: 8px;
}

.pkp_navigation_primary > li > a {
    color: #ffffff;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 0.06em;
    padding: 10px 14px;
}

.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li.is_current > a {
    background: #00a3cc;
    color: #ffffff;
    border-radius: 4px;
}

/* User navigation (Login / Register) */
.pkp_navigation_user > li > a {
    color: #ffffff;
    font-weight: 500;
}
.pkp_navigation_user > li > a:hover {
    color: #ffeb3b;
}

/* ===== BREADCRUMBS ===== */

.cmp_breadcrumbs ol {
    list-style: none;
    padding: 6px 0;
    margin: 0 0 12px 0;
    font-size: 13px;
}

.cmp_breadcrumbs ol li {
    display: inline-block;
    color: #555;
}

.cmp_breadcrumbs a {
    color: #012060;
    font-weight: 600;
}

/* ===== HOMEPAGE / ISSUE ARTICLE LIST CARDS ===== */

/* Remove bullets and reset lists */
.pkp_unstyled_list,
.cmp_article_list,
.cmp_breadcrumbs ol,
.cmp_announcements,
.pkp_site_nav_menu ul,
.pkp_page_index .journals ul,
.page_catalog_category .subcategories ul,
.page_issue_archive .issues_archive,
.page_register .context_optin .contexts,
.obj_article_details .authors,
.obj_article_details .galleys_links,
.obj_article_details .supplementary_galleys_links,
.obj_article_summary .galleys_links,
.obj_issue_toc .articles,
.obj_issue_toc .galleys_links,
.pkp_block .content ul {
    list-style: none;
    padding-left: 0;
    margin-left: 0;
}

/* Article summary cards (issues, search, etc.) */
.obj_issue_toc .article_summary,
.obj_article_summary {
    border: 2px solid #012060;
    padding: 14px 16px;
    border-radius: 10px;
    margin-bottom: 18px;
    box-shadow: 4px 4px #15152f;
    background: #ffffff;
    transition: all 0.2s ease;
}

.obj_issue_toc .article_summary:hover,
.obj_article_summary:hover {
    transform: translateY(-3px);
    box-shadow: 6px 6px #15152f;
}

/* Article title in lists */
.obj_issue_toc .article_summary .title,
.obj_article_summary .title {
    font-size: 19px;
    font-weight: 700;
    color: #012060;
    margin-bottom: 5px;
}

/* Authors in list */
.obj_issue_toc .article_summary .authors,
.obj_article_summary .authors {
    font-size: 13px;
    color: #444;
    margin-bottom: 8px;
}

/* Galley (PDF) buttons in lists */
.obj_issue_toc .galleys a,
.obj_article_summary .galleys a {
    background: #012060;
    color: #ffffff !important;
    padding: 6px 14px;
    border-radius: 6px;
    text-decoration: none;
    font-weight: 600;
    font-size: 13px;
    display: inline-block;
}
.obj_issue_toc .galleys a:hover,
.obj_article_summary .galleys a:hover {
    background: #00a3cc;
}

/* DOI links */
.obj_issue_toc .article_summary a[href*="doi.org"],
.obj_article_summary a[href*="doi.org"] {
    color: #012060;
    font-weight: 600;
}

/* ===== ARTICLE DETAILS PAGE LAYOUT ===== */

/* Two-column layout for article details (we used .article-layout in tpl) */
.obj_article_details .article-layout {
    display: flex;
    flex-wrap: wrap;
    gap: 26px;
}

.obj_article_details .main_entry {
    flex: 2 1 60%;
}

.obj_article_details .entry_details {
    flex: 1 1 35%;
}

/* Mobile layout */
@media (max-width: 768px) {
    .obj_article_details .article-layout {
        flex-direction: column;
    }
}

/* Abstract smaller + left aligned */
.obj_article_details .abstract-justified .label {
    font-size: 16px;
    font-weight: 600;
}
.obj_article_details .abstract-justified .value {
    font-size: 13px;
    line-height: 1.6;
    text-align: left;
}

/* General spacing for items */
.obj_article_details .item {
    margin-bottom: 16px;
}

/* ===== STATISTICS CARD (SIDEBAR) ===== */

.article-stats-wrapper {
    margin-bottom: 18px;
}

.article-stats-card {
    border: 2px solid #012060;
    border-radius: 10px;
    box-shadow: 3px 3px #15152f;
    background: #ffffff;
    overflow: hidden;
    font-size: 13px;
}

.article-stats-card .asc-header {
    background: #012060;
    color: #ffffff;
    padding: 8px 12px;
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 700;
}

.article-stats-card .asc-header-icon {
    font-size: 18px;
}

.article-stats-card .asc-body {
    padding: 10px 14px 12px 14px;
}

.article-stats-card .asc-row {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 5px;
}

.article-stats-card .asc-row-title {
    margin-top: 8px;
    font-weight: 700;
    color: #012060;
}

.article-stats-card .asc-row-icon {
    width: 18px;
}

.article-stats-card .asc-row-label {
    font-weight: 600;
}

.article-stats-card .asc-row-value {
    margin-left: auto;
    font-weight: 700;
}

/* ===== COVER / GALLERY IMAGE (SIDEBAR) ===== */

.obj_article_details .cover_image img {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
    border: 1px solid #ddd;
    box-shadow: 2px 2px 6px rgba(0,0,0,0.25);
    margin-bottom: 10px;
}

/* ===== GALLEYS (PDF BUTTONS) IN ARTICLE PAGE ===== */

.obj_article_details .galleys_links li {
    margin-bottom: 6px;
}

.obj_article_details .galleys_links a.obj_galley_link {
    background: #012060;
    color: #ffffff !important;
    padding: 7px 18px;
    border-radius: 6px;
    font-weight: 700;
    font-size: 13px;
    text-decoration: none;
    display: inline-block;
}
.obj_article_details .galleys_links a.obj_galley_link:hover {
    background: #00a3cc;
}

/* ===== SIDEBAR BLOCKS (RIGHT / LEFT COLUMN BLOCKS) ===== */

.pkp_block {
    border: 1px solid #d1d7e6;
    background: #ffffff;
    border-radius: 8px;
    margin-bottom: 16px;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.1);
}

.pkp_block .title {
    background: #012060;
    color: #ffffff;
    padding: 6px 10px;
    font-size: 13px;
    font-weight: 700;
    border-radius: 8px 8px 0 0;
}

.pkp_block .content {
    padding: 8px 10px 10px 10px;
    font-size: 13px;
}

/* Sidebar links */
.pkp_block .content ul li {
    border-bottom: 1px solid #eceff5;
    padding: 4px 0;
}
.pkp_block .content ul li:last-child {
    border-bottom: none;
}
.pkp_block .content ul li a {
    color: #012060;
    font-weight: 600;
    text-decoration: none;
}
.pkp_block .content ul li a:hover {
    color: #00a3cc;
}

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

.pkp_structure_footer_wrapper {
    background: #012060;
    color: #ffffff;
    margin-top: 20px;
    border-top: 4px solid #00a3cc;
}

.pkp_structure_footer {
    padding-top: 10px;
    padding-bottom: 10px;
}

.pkp_footer_content {
    font-size: 13px;
}

.pkp_footer_content a {
    color: #ffeb3b;
    text-decoration: none;
}
.pkp_footer_content a:hover {
    color: #ffffff;
    text-decoration: underline;
}

/* ===== TABLES (for policies pages etc.) ===== */

table {
    border-collapse: collapse;
}

table td,
table th {
    border: 1px solid #d1d7e6;
    padding: 6px 8px;
}

table th {
    background: #012060;
    color: #ffffff;
    font-weight: 600;
}

/* ===== NOTIFICATIONS ===== */

.cmp_notification.notice {
    border-left: 4px solid #00a3cc;
    background: #e7f7fb;
    padding: 8px 10px;
    border-radius: 4px;
    font-size: 13px;
}

/* ===== HOW TO CITE / LICENSE BLOCKS ===== */

.obj_article_details .citation .label,
.obj_article_details .copyright .label {
    font-weight: 700;
    color: #012060;
}

.obj_article_details .citation .value,
.obj_article_details .copyright {
    font-size: 13px;
}

/* ===== ISSUE PAGE TITLE ===== */

.page_issue .page_title {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 12px;
}


		</div><!-- .entry_details -->