/* =====================================================================
   JJCCJ journal style sheet - OPTION 2: "Midnight Forensic"
   Charcoal gradient header with a faint dot grid, glowing gold menu
   underlines, warm grey page with white cards, gold gradient buttons,
   Space Grotesk headings, dark footer.
   Pairs with header banner Option 2 (Midnight Forensic).
   For OJS 3.5, Default theme.
   Upload: Settings > Website > Appearance > Setup > Journal style sheet

   Palette: charcoal #17181C, oxblood #6B1E2A, bright oxblood #8E2A3A,
            gold #BF9445, light gold #E6CC8F, page #F6F4F2, line #E8E2E0
   ===================================================================== */

/* Fonts (loaded from Google Fonts; must stay at the top of the file) */
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=Inter:wght@400;500;600;700&display=swap');


/* 1. Base text and page background */
body {
	font-family: "Inter", "Noto Sans", -apple-system, "Segoe UI", sans-serif;
	color: #222326;
	background: #F6F4F2;
}
.pkp_structure_page {
	background: #F6F4F2;
}


/* 2. Header: charcoal gradient with a faint dot grid */
.pkp_structure_head {
	background-color: #17181C;
	background-image:
		radial-gradient(rgba(230, 204, 143, 0.10) 1px, transparent 1.4px),
		linear-gradient(120deg, #17181C 0%, #6B1E2A 55%, #8E2A3A 100%);
	background-size: 22px 22px, 100% 100%;
	border-bottom: none;
	box-shadow: 0 6px 24px rgba(23, 24, 28, 0.35);
}
.pkp_site_nav_menu {
	background: transparent;
}
.pkp_site_name > a,
.pkp_site_name .is_text {
	color: #FFFFFF;
	font-family: "Space Grotesk", "Inter", sans-serif;
	font-weight: 700;
}
.pkp_site_name .is_img img {
	max-height: 2.6rem;           /* phones */
}


/* 3. Mobile menu button and the opened mobile menu */
.pkp_site_nav_toggle {
	color: #FFFFFF;
}
.pkp_site_nav_toggle > span,
.pkp_site_nav_toggle > span:before,
.pkp_site_nav_toggle > span:after {
	background: #E6CC8F;
}
@media (max-width: 991px) {
	.pkp_site_nav_menu {
		background: #17181C;
	}
}


/* 4. Small top-right links (Register, Login) */
.pkp_navigation_user > li > a {
	color: #D9C9CB;
	font-size: 0.86rem;
	font-weight: 500;
}
.pkp_navigation_user > li > a:hover {
	color: #E6CC8F;
	border-color: #E6CC8F;
}
.pkp_navigation_user > li > a:focus {
	color: #17181C;
	background: #E6CC8F;
}
.pkp_navigation_user .task_count {
	background: #BF9445;
	color: #17181C;
}


/* 5. Main menu: glass strip, gold glow underline on hover */
.pkp_navigation_primary_wrapper {
	background: rgba(255, 255, 255, 0.04);
	border-top: 1px solid rgba(230, 204, 143, 0.25);
}
.pkp_navigation_primary > li > a,
.pkp_navigation_search_wrapper a {
	color: #FFFFFF;
	font-family: "Space Grotesk", "Inter", sans-serif;
	font-weight: 600;
	letter-spacing: 0.04em;
	font-size: 0.93rem;
	transition: color 0.2s, border-color 0.2s, text-shadow 0.2s;
}
.pkp_navigation_primary > li > a:hover,
.pkp_navigation_search_wrapper a:hover {
	color: #E6CC8F;
	border-color: #E6CC8F;
	text-shadow: 0 0 12px rgba(230, 204, 143, 0.55);
}
.pkp_navigation_primary > li > a:focus,
.pkp_navigation_search_wrapper a:focus {
	color: #17181C;
	background: #E6CC8F;
}
.pkp_navigation_search_wrapper {
	border-top-color: rgba(255, 255, 255, 0.12);
}

/* Drop-down submenus: white glass panel with gold edge */
.pkp_navigation_primary .dropdown-menu {
	border-radius: 10px;
	border-top: 3px solid #BF9445;
	box-shadow: 0 12px 30px rgba(23, 24, 28, 0.25);
	overflow: hidden;
}
.pkp_nav_list ul a {
	color: #6B1E2A;
	font-family: "Inter", sans-serif;
	letter-spacing: 0;
}
.pkp_nav_list ul a:hover,
.pkp_nav_list ul a:focus {
	color: #6B1E2A;
	background: #F4EBD8;
}
.pkp_navigation_primary .dropdown-menu a:hover,
.pkp_navigation_primary .dropdown-menu a:focus {
	border-color: #BF9445;
}


/* 6. Desktop: taller banner */
@media (min-width: 992px) {
	.pkp_site_name .is_img img {
		max-height: 150px;
	}
	.pkp_site_name_wrapper {
		padding-top: 0.6rem;
		padding-bottom: 0.6rem;
	}
}


/* 7. Headings: Space Grotesk, oxblood, with a short gold gradient bar */
.pkp_structure_main h1,
.pkp_structure_main h2,
.pkp_structure_main h3 {
	color: #6B1E2A;
	font-family: "Space Grotesk", "Inter", sans-serif;
	font-weight: 700;
	letter-spacing: -0.01em;
}
.pkp_structure_main .page h1 {
	font-size: 2rem;
}
.pkp_page_index .homepage_about > h2,
.pkp_page_index .current_issue > h2,
.pkp_page_index .additional_content > h2,
.obj_issue_toc .section > h2 {
	font-size: 1.45rem;
	padding-bottom: 0.6rem;
	background: linear-gradient(90deg, #BF9445, #E6CC8F) left bottom / 56px 3px no-repeat;
}
.pkp_structure_main a {
	color: #8E2A3A;
}
.pkp_structure_main a:hover,
.pkp_structure_main a:focus {
	color: #BF9445;
}
.cmp_breadcrumbs a {
	color: #805C22;
}

/* Main column as a white card */
.pkp_structure_content {
	padding-top: 2rem;
}
.pkp_structure_main {
	background: #FFFFFF;
	border-radius: 14px;
	box-shadow: 0 4px 18px rgba(107, 30, 42, 0.07);
	padding: 1.8rem 2rem;
}
.pkp_structure_main:before,
.pkp_structure_main:after {
	display: none;                          /* removes the default grey divider line */
}

/* Tables typed into pages (e.g. Journal Information on the home page) */
.pkp_structure_main table {
	border-collapse: collapse;
}
.pkp_structure_main table td,
.pkp_structure_main table th {
	padding: 0.5rem 0.9rem;
	border-bottom: 1px solid #E8E2E0;
}
.pkp_structure_main table tr td:first-child {
	color: #805C22;
	font-weight: 600;
}


/* 8. Article list: each article as a card with a gold edge on hover */
.obj_article_summary {
	background: #FFFFFF;
	border: 1px solid #E8E2E0;
	border-left: 4px solid #6B1E2A;
	border-radius: 10px;
	padding: 1rem 1.2rem;
	transition: border-color 0.2s, box-shadow 0.2s, transform 0.2s;
}
.obj_article_summary:hover {
	border-left-color: #BF9445;
	box-shadow: 0 8px 22px rgba(107, 30, 42, 0.10);
	transform: translateY(-2px);
}
.obj_article_summary > .title a {
	font-family: "Space Grotesk", "Inter", sans-serif;
	font-size: 1.1rem;
	font-weight: 600;
	color: #6B1E2A;
}
.obj_article_summary .authors {
	color: #6A6362;
}
.obj_issue_toc .cover img,
.obj_issue_summary .cover img {
	border-radius: 8px;
	box-shadow: 0 10px 26px rgba(23, 24, 28, 0.25);
}


/* 9. PDF / galley buttons and other buttons: pills */
.pkp_structure_main a.obj_galley_link {
	color: #6B1E2A;
	border: 1.5px solid #6B1E2A;
	border-radius: 999px;
	font-weight: 600;
}
.pkp_structure_main a.obj_galley_link:hover,
.pkp_structure_main a.obj_galley_link:focus {
	background: #6B1E2A;
	color: #E6CC8F;
}
.cmp_button,
.pkp_structure_main a.cmp_button,
.pkp_block.block_make_submission .content a {
	background: linear-gradient(135deg, #D4A855, #BF9445);
	border: none;
	color: #17181C;
	border-radius: 999px;
	font-weight: 700;
	letter-spacing: 0.03em;
	box-shadow: 0 6px 16px rgba(191, 148, 69, 0.35);
}
.cmp_button:hover,
.cmp_button:focus,
.pkp_structure_main a.cmp_button:hover,
.pkp_structure_main a.cmp_button:focus,
.pkp_block.block_make_submission .content a:hover,
.pkp_block.block_make_submission .content a:focus {
	background: linear-gradient(135deg, #6B1E2A, #8E2A3A);
	color: #E6CC8F;
}


/* 10. Sidebar */
.pkp_block .title {
	color: #6B1E2A;
	font-family: "Space Grotesk", "Inter", sans-serif;
	font-size: 0.86rem;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	padding-bottom: 0.5rem;
	background: linear-gradient(90deg, #BF9445, #E6CC8F) left bottom / 40px 2px no-repeat;
}
.pkp_block .content a {
	color: #8E2A3A;
}


/* 11. Home page highlights carousel (if used) */
.highlights {
	--swiper-theme-color: #E6CC8F;
}


/* 12. Footer: charcoal with dot grid and gold links */
.pkp_structure_footer_wrapper {
	background-color: #17181C;
	background-image: radial-gradient(rgba(230, 204, 143, 0.08) 1px, transparent 1.4px);
	background-size: 22px 22px;
	border-top: 3px solid #BF9445;
	margin-top: 2.5rem;
}
.pkp_footer_content,
.pkp_footer_content p,
.pkp_footer_content h2,
.pkp_footer_content h3 {
	color: #D9C9CB;
}
.pkp_structure_footer a {
	color: #E6CC8F;
}
.pkp_brand_footer img {
	filter: brightness(0) invert(1);
	opacity: 0.7;
}