/* =====================================================================
   JJIL journal style sheet - OPTION B: "Classic Law Review"
   Ivory header, full-width navy menu strip with gold highlights,
   Garamond serif headings, navy footer. Formal and traditional.
   For OJS 3.5, Default theme.
   Upload: Settings > Website > Appearance > Setup > Journal style sheet

   Palette: ivory #FBF8F1, navy #0B2A5B, deep navy #071D40,
            gold #B8893A, light gold #E2C68A, dark gold #8A6A26
   ===================================================================== */

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


/* 1. Base text */
body {
	font-family: "Source Sans 3", "Noto Sans", -apple-system, "Segoe UI", sans-serif;
	color: #222222;
}


/* 2. Header: warm ivory with a gold line on top */
.pkp_structure_head {
	background-color: #FBF8F1;
	border-top: 5px solid #B8893A;
	border-bottom: none;
}
.pkp_site_nav_menu {
	background: #FBF8F1;
}
.pkp_site_name > a,
.pkp_site_name .is_text {
	color: #0B2A5B;
	font-family: "EB Garamond", Georgia, serif;
	font-weight: 700;
}
.pkp_site_name .is_img img {
	max-height: 2.6rem;           /* phones */
}


/* 3. Mobile menu button */
.pkp_site_nav_toggle {
	color: #0B2A5B;
}
.pkp_site_nav_toggle > span,
.pkp_site_nav_toggle > span:before,
.pkp_site_nav_toggle > span:after {
	background: #0B2A5B;
}


/* 4. Small top-right links (Register, Login): navy on ivory */
.pkp_navigation_user > li > a {
	color: #0B2A5B;
	font-size: 0.86rem;
	font-weight: 600;
}
.pkp_navigation_user > li > a:hover {
	color: #8A6A26;
	border-color: #B8893A;
}
.pkp_navigation_user > li > a:focus {
	color: #FFFFFF;
	background: #0B2A5B;
}
.pkp_navigation_user .task_count {
	background: #B8893A;
	color: #FFFFFF;
}


/* 5. Main menu: navy strip running the full page width */
.pkp_navigation_primary_wrapper {
	background: #0B2A5B;
	box-shadow: 0 0 0 100vmax #0B2A5B;     /* stretches the strip edge to edge */
	clip-path: inset(0 -100vmax);
	border-bottom: 3px solid #B8893A;
}
.pkp_navigation_primary > li > a,
.pkp_navigation_search_wrapper a {
	color: #FFFFFF;
	font-weight: 600;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	font-size: 0.86rem;
}
.pkp_navigation_primary > li > a:hover,
.pkp_navigation_search_wrapper a:hover {
	color: #E2C68A;
	border-color: #E2C68A;
}
.pkp_navigation_primary > li > a:focus,
.pkp_navigation_search_wrapper a:focus {
	color: #0B2A5B;
	background: #E2C68A;
}
.pkp_navigation_search_wrapper {
	border-top-color: rgba(255, 255, 255, 0.15);
}

/* Drop-down submenus: white panel, navy links, gold edge on hover */
.pkp_nav_list ul a {
	color: #0B2A5B;
	text-transform: none;
	letter-spacing: 0;
}
.pkp_nav_list ul a:hover,
.pkp_nav_list ul a:focus {
	color: #0B2A5B;
	background: #FBF3E2;
}
.pkp_navigation_primary .dropdown-menu a:hover,
.pkp_navigation_primary .dropdown-menu a:focus {
	border-color: #B8893A;
}


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


/* 7. Headings: Garamond serif, navy; section headings in small caps */
.pkp_structure_main h1,
.pkp_structure_main h2,
.pkp_structure_main h3 {
	color: #0B2A5B;
	font-family: "EB Garamond", Georgia, serif;
	font-weight: 600;
}
.pkp_structure_main .page h1 {
	font-size: 2.1rem;
}
.pkp_page_index .homepage_about > h2,
.pkp_page_index .current_issue > h2,
.obj_issue_toc .section > h2 {
	font-variant: small-caps;
	letter-spacing: 0.04em;
	padding-bottom: 0.35rem;
	border-bottom: 1px solid #B8893A;
	box-shadow: 0 3px 0 -2px #B8893A;      /* double hairline, law-review style */
}
.pkp_structure_main a {
	color: #0B2A5B;
}
.pkp_structure_main a:hover,
.pkp_structure_main a:focus {
	color: #8A6A26;
}
.cmp_breadcrumbs a {
	color: #8A6A26;
}


/* 8. Article list: serif titles separated by thin rules */
.obj_article_summary {
	padding-bottom: 1rem;
	border-bottom: 1px solid #E6DFCF;
}
.obj_article_summary > .title a {
	font-family: "EB Garamond", Georgia, serif;
	font-size: 1.25rem;
	font-weight: 600;
	color: #0B2A5B;
}
.obj_article_summary .authors {
	font-style: italic;
	color: #5B5B5B;
}


/* 9. PDF / galley buttons and other buttons */
.pkp_structure_main a.obj_galley_link {
	color: #8A6A26;
	border-color: #B8893A;
	border-radius: 2px;
}
.pkp_structure_main a.obj_galley_link:hover,
.pkp_structure_main a.obj_galley_link:focus {
	background: #B8893A;
	color: #FFFFFF;
}
.cmp_button,
.pkp_structure_main a.cmp_button,
.pkp_block.block_make_submission .content a {
	background: #0B2A5B;
	border-color: #0B2A5B;
	color: #FFFFFF;
	border-radius: 2px;
	letter-spacing: 0.04em;
}
.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: #B8893A;
	border-color: #B8893A;
	color: #FFFFFF;
}


/* 10. Sidebar */
.pkp_block .title {
	color: #0B2A5B;
	font-family: "EB Garamond", Georgia, serif;
	font-size: 1.1rem;
	font-variant: small-caps;
	letter-spacing: 0.05em;
	border-bottom: 1px solid #B8893A;
	padding-bottom: 0.3rem;
}
.pkp_block .content a {
	color: #0B2A5B;
}


/* 11. Footer: deep navy with gold links */
.pkp_structure_footer_wrapper {
	background: #071D40;
	border-top: 4px solid #B8893A;
}
.pkp_footer_content,
.pkp_footer_content p {
	color: #E8ECF3;
}
.pkp_structure_footer a {
	color: #E2C68A;
}
.pkp_brand_footer img {
	filter: brightness(0) invert(1);       /* makes the dark OJS logo white */
	opacity: 0.8;
}