/* ==========================================================================
   IJRGAS ACADEMIC JOURNAL THEME
   Target File: public/journals/14/styleSheet.css
   Color Palette:
     - Deep Red:    #660810
     - Dark Red:    #270707
     - Stone:       #f1ebeb
     - Grey Orange: #d6c0b1
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. GOOGLE FONTS & BRAND COLOR PALETTE TOKENS
   -------------------------------------------------------------------------- */
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@600;700;800;900&family=Outfit:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400;1,600&display=swap');



:root {
	/* Palette Tokens */
	--deep-red: #660810;
	--dark-red: #270707;
	--stone: #f1ebeb;
	--grey-orange: #d6c0b1;

	/* Semantic System Map */
	--primary: #660810;
	/* Deep Red */
	--primary-dark: #270707;
	/* Dark Red */
	--secondary: #d6c0b1;
	/* Grey Orange Accent */
	--accent: #660810;
	/* Deep Red Accent */
	--background: #f1ebeb;
	/* Stone Page Background */
	--surface: #FFFFFF;
	/* Crisp White Surface */

	--text: #270707;
	/* Dark Red/Charcoal Text */
	--text-light: #f1ebeb;
	/* Stone Light Text */
	--muted: #660810;
	/* Muted Accent */
	--border: #d6c0b1;
	/* Grey Orange Border */

	/* Typography Tokens */
	--font-brand: 'Cinzel', 'Georgia', serif;
	--font-heading: 'Outfit', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	--font-body: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;

	/* Aesthetics */
	--shadow-sm: 0 2px 8px rgba(39, 7, 7, 0.05);
	--shadow-md: 0 6px 20px rgba(39, 7, 7, 0.08);
	--shadow-lg: 0 12px 32px rgba(39, 7, 7, 0.15);
	--radius-sm: 6px;
	--radius-md: 10px;
	--radius-lg: 14px;
	--radius-pill: 50px;
	--transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

/* --------------------------------------------------------------------------
   2. SITE BASE & RESET
   -------------------------------------------------------------------------- */
html,
body {
	font-family: var(--font-body) !important;
	background-color: var(--background) !important;
	color: var(--text) !important;
	line-height: 1.65 !important;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

h1,
h2,
h3,
h4,
h5,
h6,
.page_title {
	font-family: var(--font-heading) !important;
	color: var(--deep-red) !important;
	font-weight: 700;
	letter-spacing: -0.015em;
}

a {
	color: var(--deep-red);
	text-decoration: none;
	transition: var(--transition);
}

a:hover,
a:focus {
	color: var(--dark-red);
	text-decoration: none;
}

/* --------------------------------------------------------------------------
   3. RESPONSIVE DARK HEADER (.pkp_structure_head)
   -------------------------------------------------------------------------- */

/* Outer Header Container (Dark Red #270707) */
.pkp_structure_head {
	background: var(--dark-red) !important;
	border-bottom: 3px solid var(--deep-red) !important;
	box-shadow: 0 6px 24px rgba(0, 0, 0, 0.25) !important;
	position: relative !important;
	z-index: 1000 !important;
	padding: 0 !important;
	margin: 0 !important;
	color: var(--stone) !important;
}

/* Header Inner Wrapper */
.pkp_head_wrapper {
	max-width: 1320px !important;
	margin: 0 auto !important;
	padding: 0 !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	box-sizing: border-box !important;
	width: 100% !important;
}

/* TOP USER BAR */
.pkp_navigation_user_wrapper {
	width: 100% !important;
	display: flex !important;
	align-items: center !important;
	justify-content: flex-end !important;
	padding: 0.45rem 1.5rem !important;
	background: rgba(0, 0, 0, 0.25) !important;
	border-bottom: 1px solid rgba(214, 192, 177, 0.15) !important;
}

.pkp_navigation_user {
	display: flex !important;
	align-items: center !important;
	justify-content: flex-end !important;
	gap: 0.75rem !important;
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
}

.pkp_navigation_user>li>a {
	color: var(--stone) !important;
	font-family: var(--font-heading) !important;
	font-size: 0.725rem !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.06em !important;
	padding: 0.2rem 0.6rem !important;
	border-radius: var(--radius-sm) !important;
	transition: var(--transition) !important;
	background: transparent !important;
}

.pkp_navigation_user>li>a:hover {
	color: var(--grey-orange) !important;
	background: rgba(255, 255, 255, 0.08) !important;
}

.pkp_navigation_user .task_count {
	background: var(--deep-red) !important;
	color: var(--stone) !important;
	font-weight: 700 !important;
	font-size: 0.7rem !important;
	padding: 0.1rem 0.45rem !important;
	border-radius: 50px !important;
	margin-left: 0.25rem !important;
}

/* BRAND LOGO & TITLE SECTION (DESKTOP LAYOUT) */
.pkp_site_name_wrapper {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    padding: 1.15rem 1.5rem !important;
    margin: 0 !important;
    background-color: #4A0E16 !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 420'%3E%3Cdefs%3E%3ClinearGradient id='b' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop stop-color='%232B050B'/%3E%3Cstop offset='.35' stop-color='%234A0E16'/%3E%3Cstop offset='.7' stop-color='%236B1720'/%3E%3Cstop offset='1' stop-color='%2335070D'/%3E%3C/linearGradient%3E%3CradialGradient id='g' cx='.78' cy='.5' r='.65'%3E%3Cstop stop-color='%23B34A59' stop-opacity='.18'/%3E%3Cstop offset='.5' stop-color='%237D2532' stop-opacity='.08'/%3E%3Cstop offset='1' stop-color='%23000000' stop-opacity='0'/%3E%3C/radialGradient%3E%3Cpattern id='p' width='18' height='18' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='3' cy='3' r='1' fill='%23E5AAB2' opacity='.12'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='1600' height='420' fill='url(%23b)'/%3E%3Crect width='1600' height='420' fill='url(%23g)'/%3E%3Crect width='1600' height='420' fill='url(%23p)' opacity='.3'/%3E%3Cg fill='none' stroke='%23D98A96'%3E%3Cpath d='M0 75 Q400 25 800 75 T1600 60' opacity='.12'/%3E%3Cpath d='M0 345 Q400 295 800 340 T1600 320' opacity='.12'/%3E%3Ccircle cx='1280' cy='210' r='155' stroke-width='2' opacity='.2'/%3E%3Cellipse cx='1280' cy='210' rx='155' ry='65' opacity='.18'/%3E%3Cellipse cx='1280' cy='210' rx='80' ry='155' opacity='.16'/%3E%3Cpath d='M1125 210 H1435 M1280 55 V365' opacity='.12'/%3E%3Cpath d='M1040 350 C1190 110 1450 70 1600 225' stroke-width='2' opacity='.18'/%3E%3Cpath d='M1000 325 C1240 135 1450 125 1600 295' opacity='.15'/%3E%3C/g%3E%3Cpath d='M1170 135 C1210 105 1260 125 1290 145 C1320 160 1350 145 1380 170 C1410 195 1430 220 1400 235 C1370 250 1350 275 1320 285 C1280 300 1250 270 1230 245 C1200 220 1160 195 1150 165Z' fill='url(%23p)' opacity='.7'/%3E%3Cg fill='%23E3A0AA'%3E%3Ccircle cx='1160' cy='155' r='4' opacity='.6'/%3E%3Ccircle cx='1240' cy='110' r='3' opacity='.5'/%3E%3Ccircle cx='1380' cy='155' r='4' opacity='.6'/%3E%3Ccircle cx='1460' cy='235' r='3' opacity='.5'/%3E%3Ccircle cx='1530' cy='175' r='4' opacity='.5'/%3E%3C/g%3E%3Cg fill='none' stroke='%23D98A96' opacity='.15'%3E%3Ccircle cx='220' cy='210' r='75' stroke-width='2'/%3E%3Ccircle cx='220' cy='210' r='58'/%3E%3Cpath d='M220 135 V285 M145 210 H295 M220 150 L234 210 L220 270 L206 210Z'/%3E%3Cpath d='M35 35 H170 M35 35 V100 M1430 385 H1565 M1565 320 V385' stroke-width='2'/%3E%3C/g%3E%3Cpath d='M0 395 C250 350 450 425 700 390 C950 350 1150 425 1400 380 C1500 360 1560 365 1600 350 L1600 420 L0 420Z' fill='%237D2532' opacity='.22'/%3E%3C/svg%3E") !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    box-sizing: border-box !important;
    position: relative !important;
    overflow: hidden !important;
}

/* Mobile Toggle Button - Hidden on Desktop */
.pkp_site_nav_toggle {
	display: none !important;
	background: var(--deep-red) !important;
	color: var(--stone) !important;
	border: 1px solid var(--grey-orange) !important;
	padding: 0.45rem 1rem !important;
	border-radius: var(--radius-sm) !important;
	font-family: var(--font-heading) !important;
	font-size: 0.825rem !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	cursor: pointer !important;
}

.pkp_site_name {
	display: flex !important;
	flex-direction: row !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 1.25rem !important;
	text-align: left !important;
	padding: 0 !important;
	margin-top: 40px !important;
	background: transparent !important;
}

/* 1. WHEN IMAGE LOGO IS UPLOADED: SMALL LOGO LEFT, JOURNAL NAME RIGHT */
.pkp_site_name .is_img {
	display: inline-flex !important;
	flex-direction: row !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 1.15rem !important;
	text-decoration: none !important;
	background: transparent !important;
	margin: 0 !important;
	padding: 0 !important;
}

.pkp_site_name .is_img img {
	max-height: 100px !important;
	width: auto !important;
	object-fit: contain !important;
	flex-shrink: 0 !important;
	margin: 0 !important;
	vertical-align: middle !important;
}

.pkp_site_name .is_img::after {
	content: 'INTERNATIONAL JOURNAL FOR RESEARCH IN GLOBAL AND AREA STUDIES' !important;
	font-family: var(--font-heading) !important;
	font-size: 32px !important;
	font-weight: 800 !important;
	color: var(--stone) !important;
	text-transform: uppercase !important;
	letter-spacing: 0.06em !important;
	line-height: 1.25 !important;
	text-align: left !important;
	display: block !important;
	border-left: 2px solid var(--grey-orange) !important;
	padding-left: 1.15rem !important;
	margin: 0 !important;
	max-width: 750px !important;
}

/* 2. WHEN TEXT LOGO IS USED: SLEEK MONOGRAM LEFT, JOURNAL NAME RIGHT */
.pkp_site_name a.is_text,
.pkp_site_name .is_text {
	background: transparent !important;
	color: var(--stone) !important;
	font-family: var(--font-heading) !important;
	font-size: 2.35rem !important;
	font-weight: 800 !important;
	line-height: 1.25 !important;
	letter-spacing: 0.06em !important;
	text-transform: uppercase !important;
	padding: 0 !important;
	margin: 20px !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	display: inline-flex !important;
	flex-direction: row !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 1.15rem !important;
	text-decoration: none !important;
	text-align: left !important;
}

.pkp_site_name .is_text::before {
	content: 'IJRGAS' !important;
	font-family: var(--font-brand) !important;
	font-size: 1.85rem !important;
	font-weight: 900 !important;
	color: var(--stone) !important;
	letter-spacing: 0.12em !important;
	line-height: 1 !important;
	display: inline-block !important;
	border-right: 2px solid var(--grey-orange) !important;
	padding-right: 1.15rem !important;
	margin-bottom: 0 !important;
	border-bottom: none !important;
	flex-shrink: 0 !important;
}

.pkp_site_name .is_text::before {
	content: 'IJRGAS' !important;
	font-family: var(--font-brand) !important;
	font-size: 3.85rem !important;
	/* Sleek Small Monogram Emblem */
	font-weight: 900 !important;
	color: var(--stone) !important;
	letter-spacing: 0.12em !important;
	line-height: 1 !important;
	display: inline-block !important;
	border-right: 2px solid var(--grey-orange) !important;
	padding-right: 1.15rem !important;
	margin-bottom: 0 !important;
	border-bottom: none !important;
	flex-shrink: 0 !important;
}

/* PRIMARY NAVIGATION ROW (DESKTOP DEFAULT) */
@media (min-width: 992px) {
	nav.pkp_site_nav_menu {
		width: 100% !important;
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
		background: transparent !important;
		border: none !important;
		box-shadow: none !important;
	}
}

.pkp_navigation_primary_row {
	width: 100% !important;
	border-top: 1px solid rgba(214, 192, 177, 0.2) !important;
	border-bottom: 1px solid rgba(214, 192, 177, 0.2) !important;
	padding: 0.65rem 1.5rem !important;
	background: rgba(0, 0, 0, 0.2) !important;
	box-shadow: none !important;
}

.pkp_navigation_primary_wrapper {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	position: relative !important;
	width: 100% !important;
	max-width: 1280px !important;
	margin: 0 auto !important;
	background: transparent !important;
}

.pkp_navigation_primary {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 2rem !important;
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
	flex-wrap: wrap !important;
	background: transparent !important;
}

.pkp_navigation_primary>li {
	background: transparent !important;
	margin: 0 !important;
}

.pkp_navigation_primary>li>a {
	color: var(--stone) !important;
	font-family: var(--font-heading) !important;
	font-size: 0.8125rem !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.08em !important;
	padding: 0.35rem 0.25rem !important;
	position: relative !important;
	transition: var(--transition) !important;
	display: inline-block !important;
	background: transparent !important;
	border: none !important;
}

.pkp_navigation_primary>li>a::after {
	content: '' !important;
	position: absolute !important;
	bottom: 0 !important;
	left: 50% !important;
	width: 0 !important;
	height: 2px !important;
	background: var(--grey-orange) !important;
	transition: var(--transition) !important;
	transform: translateX(-50%) !important;
}

.pkp_navigation_primary>li>a:hover,
.pkp_navigation_primary>li.is_current>a,
.pkp_navigation_primary>li.active>a {
	color: var(--grey-orange) !important;
	background: transparent !important;
}

.pkp_navigation_primary>li>a:hover::after,
.pkp_navigation_primary>li.is_current>a::after {
	width: 100% !important;
}

.pkp_navigation_primary>li>a[href*="call"],
.pkp_navigation_primary>li>a[href*="submission"],
.pkp_navigation_primary>li>a[href*="author"] {
	color: var(--grey-orange) !important;
	font-weight: 800 !important;
}

/* Primary Dropdown Menus */
.pkp_navigation_primary ul {
	display: none;
	position: absolute !important;
	top: 100% !important;
	left: 50% !important;
	transform: translateX(-50%) !important;
	background: var(--dark-red) !important;
	border: 1px solid var(--grey-orange) !important;
	border-radius: var(--radius-md) !important;
	box-shadow: var(--shadow-lg) !important;
	padding: 0.5rem 0 !important;
	min-width: 200px !important;
	z-index: 1050 !important;
}

.pkp_navigation_primary>li:hover>ul {
	display: block !important;
}

.pkp_navigation_primary ul a {
	color: var(--stone) !important;
	font-size: 0.85rem !important;
	font-weight: 600 !important;
	text-transform: none !important;
	letter-spacing: normal !important;
	padding: 0.55rem 1.25rem !important;
	display: block !important;
	transition: var(--transition) !important;
}

.pkp_navigation_primary ul a:hover {
	background: var(--deep-red) !important;
	color: var(--stone) !important;
}

/* SEARCH BUTTON CAPSULE */
.pkp_navigation_search_wrapper {
	position: absolute !important;
	right: 0 !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	display: flex !important;
	align-items: center !important;
	background: transparent !important;
}

.pkp_navigation_search_wrapper a.pkp_search {
	background: rgba(255, 255, 255, 0.08) !important;
	color: var(--stone) !important;
	border: 1px solid var(--grey-orange) !important;
	border-radius: var(--radius-pill) !important;
	padding: 0.3rem 0.85rem !important;
	font-size: 0.775rem !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.05em !important;
	display: inline-flex !important;
	align-items: center !important;
	gap: 0.4rem !important;
	text-decoration: none !important;
	transition: var(--transition) !important;
}

.pkp_navigation_search_wrapper a.pkp_search:hover {
	background: var(--grey-orange) !important;
	color: var(--dark-red) !important;
	border-color: var(--grey-orange) !important;
}

/* --------------------------------------------------------------------------
   4. LAYOUT SCAFFOLDING & CLEAN SURFACES
   -------------------------------------------------------------------------- */
.pkp_structure_content {
	padding-top: 2.25rem !important;
	padding-bottom: 4rem !important;
	max-width: 1280px !important;
	margin: 0 auto !important;
}

/* Main Content Surface Card */
.pkp_structure_main {
	background: var(--surface) !important;
	border-radius: var(--radius-lg) !important;
	border: 1px solid var(--border) !important;
	box-shadow: var(--shadow-sm) !important;
	padding: 2.25rem !important;
	margin-bottom: 2rem !important;
}

/* Sidebar Column */
.pkp_structure_sidebar {
	padding-left: 1.25rem !important;
}

/* --------------------------------------------------------------------------
   5. BREADCRUMBS & PAGE TITLES
   -------------------------------------------------------------------------- */
.cmp_breadcrumbs ol {
	background: var(--surface) !important;
	padding: 0.5rem 1.15rem !important;
	border-radius: var(--radius-md) !important;
	border: 1px solid var(--border) !important;
}

.cmp_breadcrumbs a {
	color: var(--deep-red) !important;
	font-weight: 600;
}

.cmp_breadcrumbs a:hover {
	color: var(--dark-red) !important;
}

.page_title {
	font-size: 2rem !important;
	line-height: 1.3 !important;
	margin-top: 0 !important;
	margin-bottom: 1.5rem !important;
	padding-bottom: 0.65rem !important;
	border-bottom: 2px solid var(--border) !important;
	position: relative !important;
}

.page_title::after {
	content: '' !important;
	position: absolute !important;
	bottom: -2px !important;
	left: 0 !important;
	width: 60px !important;
	height: 3px !important;
	background: var(--deep-red) !important;
	border-radius: 2px !important;
}

/* --------------------------------------------------------------------------
   6. HOMEPAGE & CURRENT ISSUE SECTION
   -------------------------------------------------------------------------- */
.page_index_journal .journal_summary,
.homepage_about {
	background: var(--surface) !important;
	border: 1px solid var(--border) !important;
	padding: 1.75rem 2rem !important;
	border-radius: var(--radius-md) !important;
	margin-bottom: 2.25rem !important;
	box-shadow: var(--shadow-sm) !important;
}

.current_issue {
	background: var(--surface) !important;
	border: 1px solid var(--border) !important;
	border-top: 1px solid var(--border) !important;
	border-radius: var(--radius-lg) !important;
	padding: 2rem !important;
	margin-bottom: 2.25rem !important;
	box-shadow: var(--shadow-sm) !important;
}

.current_issue h2,
.homepage_about h2 {
	font-size: 1.45rem !important;
	color: var(--deep-red) !important;
	margin-bottom: 1.25rem !important;
}

.current_issue_title {
	color: var(--deep-red) !important;
	font-size: 1.3rem !important;
	font-weight: 700 !important;
}

/* View All Issues Button */
a.read_more,
.current_issue a[href*="issue"] {
	color: var(--deep-red) !important;
	font-weight: 700 !important;
	display: inline-flex !important;
	align-items: center !important;
	gap: 0.35rem !important;
}

a.read_more:hover,
.current_issue a[href*="issue"]:hover {
	color: var(--dark-red) !important;
}

/* --------------------------------------------------------------------------
   7. TABLE OF CONTENTS & ARTICLE CARDS
   -------------------------------------------------------------------------- */
.obj_article_summary {
	background: var(--surface) !important;
	border: 1px solid var(--border) !important;
	border-radius: var(--radius-md) !important;
	padding: 1.5rem !important;
	transition: var(--transition) !important;
	margin-bottom: 1.25rem !important;
}

.obj_article_summary:hover {
	border-color: var(--deep-red) !important;
	box-shadow: var(--shadow-md) !important;
	transform: translateY(-2px) !important;
}

.obj_article_summary>.title a {
	color: var(--deep-red) !important;
	font-family: var(--font-heading) !important;
	font-weight: 700 !important;
	font-size: 1.15rem !important;
}

.obj_article_summary>.title a:hover {
	color: var(--dark-red) !important;
}

.obj_article_summary .authors {
	color: var(--text) !important;
	font-weight: 600 !important;
	font-size: 0.925rem !important;
}

.obj_article_summary .pages,
.obj_article_summary .published {
	display: inline-block !important;
	background: var(--background) !important;
	color: var(--dark-red) !important;
	font-size: 0.775rem !important;
	font-weight: 700 !important;
	padding: 0.2rem 0.65rem !important;
	border-radius: var(--radius-pill) !important;
	border: 1px solid var(--border) !important;
}

/* Galleys / Download Action Buttons */
.galley_link,
.obj_article_summary .galley_link {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	background: linear-gradient(135deg, var(--deep-red) 0%, var(--dark-red) 100%) !important;
	color: var(--stone) !important;
	font-family: var(--font-body) !important;
	font-size: 0.825rem !important;
	font-weight: 700 !important;
	padding: 0.45rem 1.1rem !important;
	border-radius: var(--radius-sm) !important;
	border: none !important;
	box-shadow: 0 2px 6px rgba(39, 7, 7, 0.2) !important;
	transition: var(--transition) !important;
	text-decoration: none !important;
}

.galley_link:hover,
.obj_article_summary .galley_link:hover {
	background: linear-gradient(135deg, var(--dark-red) 0%, var(--deep-red) 100%) !important;
	color: var(--grey-orange) !important;
	box-shadow: 0 4px 12px rgba(39, 7, 7, 0.35) !important;
	transform: translateY(-1px) !important;
}

/* --------------------------------------------------------------------------
   8. ARTICLE DETAILS & KEYWORDS
   -------------------------------------------------------------------------- */
.obj_article_details .item.abstract {
	background: var(--surface) !important;
	border: 1px solid var(--border) !important;
	border-radius: var(--radius-md) !important;
	padding: 1.75rem !important;
	margin-bottom: 2rem !important;
}

.obj_article_details .item.abstract .label {
	color: var(--deep-red) !important;
	font-family: var(--font-heading) !important;
	font-size: 1.2rem !important;
	text-transform: uppercase !important;
	letter-spacing: 0.05em !important;
}

.obj_article_details .item.keywords .value span {
	background: var(--background) !important;
	color: var(--dark-red) !important;
	font-size: 0.8rem !important;
	font-weight: 700 !important;
	padding: 0.25rem 0.75rem !important;
	border-radius: var(--radius-pill) !important;
	border: 1px solid var(--border) !important;
}

/* --------------------------------------------------------------------------
   9. SIDEBAR BLOCKS (.pkp_block)
   -------------------------------------------------------------------------- */
.pkp_block {
	background: var(--surface) !important;
	border: 1px solid var(--border) !important;
	border-left: 1px solid var(--border) !important;
	border-radius: var(--radius-md) !important;
	padding: 1.4rem !important;
	margin-bottom: 1.5rem !important;
	box-shadow: var(--shadow-sm) !important;
}

.pkp_block .title,
.pkp_block h2 {
	font-family: var(--font-heading) !important;
	font-size: 1.1rem !important;
	color: var(--deep-red) !important;
	border-bottom: 1px solid var(--border) !important;
	padding-bottom: 0.4rem !important;
	margin-bottom: 0.85rem !important;
	font-weight: 700 !important;
}

.pkp_block a {
	color: var(--deep-red) !important;
	font-weight: 600 !important;
}

.pkp_block a:hover {
	color: var(--dark-red) !important;
}

/* Make a Submission Button Block */
.block_make_submission a {
	display: block !important;
	text-align: center !important;
	background: linear-gradient(135deg, var(--deep-red) 0%, var(--dark-red) 100%) !important;
	color: var(--stone) !important;
	font-family: var(--font-heading) !important;
	font-size: 0.925rem !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.05em !important;
	padding: 0.85rem 1.25rem !important;
	border-radius: var(--radius-md) !important;
	box-shadow: 0 4px 14px rgba(39, 7, 7, 0.25) !important;
	transition: var(--transition) !important;
}

.block_make_submission a:hover {
	background: linear-gradient(135deg, var(--dark-red) 0%, var(--deep-red) 100%) !important;
	color: var(--grey-orange) !important;
	box-shadow: 0 6px 18px rgba(39, 7, 7, 0.35) !important;
	transform: translateY(-2px) !important;
}

/* --------------------------------------------------------------------------
   10. BUTTONS & INPUTS
   -------------------------------------------------------------------------- */
.cmp_button,
.btn-primary,
button[type="submit"] {
	background: linear-gradient(135deg, var(--deep-red) 0%, var(--dark-red) 100%) !important;
	color: var(--stone) !important;
	font-family: var(--font-heading) !important;
	font-weight: 700 !important;
	border-radius: var(--radius-sm) !important;
	border: none !important;
	padding: 0.65rem 1.4rem !important;
	box-shadow: 0 2px 6px rgba(39, 7, 7, 0.2) !important;
	transition: var(--transition) !important;
	cursor: pointer !important;
}

.cmp_button:hover,
.btn-primary:hover,
button[type="submit"]:hover {
	background: linear-gradient(135deg, var(--dark-red) 0%, var(--deep-red) 100%) !important;
	color: var(--grey-orange) !important;
	box-shadow: 0 4px 14px rgba(39, 7, 7, 0.35) !important;
}

/* --------------------------------------------------------------------------
   11. FOOTER (.pkp_structure_footer_wrapper)
   Clean Dark Red (#270707) Background, Deep Red (#660810) Border
   -------------------------------------------------------------------------- */
.pkp_structure_footer_wrapper {
	background: var(--dark-red) !important;
	color: var(--stone) !important;
	border-top: 4px solid var(--deep-red) !important;
	margin-top: 4rem !important;
	padding: 2.5rem 0 !important;
}

.pkp_structure_footer {
	max-width: 1280px !important;
	margin: 0 auto !important;
	padding: 0 1.5rem !important;
}

.pkp_footer_content {
	color: rgba(241, 235, 235, 0.9) !important;
	font-size: 0.9rem !important;
	line-height: 1.65 !important;
}

.pkp_footer_content a {
	color: var(--stone) !important;
	font-weight: 600 !important;
	transition: var(--transition) !important;
}

.pkp_footer_content a:hover {
	color: var(--grey-orange) !important;
	text-decoration: underline !important;
}

.pkp_brand_footer {
	display: none !important;
}

/* --------------------------------------------------------------------------
   12. RESPONSIVE MEDIA QUERIES (MOBILE & TABLET ADAPTATION)
   -------------------------------------------------------------------------- */
@media (max-width: 991px) {

	/* 4. Ensure the toggle button is always clickable and centered on Mobile & Tablet */
	.pkp_site_nav_toggle {
		z-index: 1001 !important;
		position: absolute !important;
		left: 10px !important;
		top: 50% !important;
		transform: translateY(-50%) !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		background: var(--deep-red) !important;
		color: var(--stone) !important;
		border: 1px solid var(--grey-orange) !important;
		padding: 0.4rem 0.85rem !important;
		border-radius: var(--radius-sm) !important;
		font-family: var(--font-heading) !important;
		font-size: 0.8rem !important;
		font-weight: 700 !important;
		text-transform: uppercase !important;
		cursor: pointer !important;
		margin: 0 !important;
	}

	/* 1. Fix the header container to allow for wrapping text on Mobile & Tablet */
	.pkp_site_name_wrapper {
		height: auto !important;
		min-height: 50px !important;
		padding: 1rem 0.75rem !important;
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
		justify-content: center !important;
		position: relative !important;
		width: 100% !important;
		margin: 0 !important;
		background-color: #4A0E16 !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 420'%3E%3Cdefs%3E%3ClinearGradient id='b' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop stop-color='%232B050B'/%3E%3Cstop offset='.35' stop-color='%234A0E16'/%3E%3Cstop offset='.7' stop-color='%236B1720'/%3E%3Cstop offset='1' stop-color='%2335070D'/%3E%3C/linearGradient%3E%3CradialGradient id='g' cx='.78' cy='.5' r='.65'%3E%3Cstop stop-color='%23B34A59' stop-opacity='.18'/%3E%3Cstop offset='.5' stop-color='%237D2532' stop-opacity='.08'/%3E%3Cstop offset='1' stop-color='%23000000' stop-opacity='0'/%3E%3C/radialGradient%3E%3Cpattern id='p' width='18' height='18' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='3' cy='3' r='1' fill='%23E5AAB2' opacity='.12'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='1600' height='420' fill='url(%23b)'/%3E%3Crect width='1600' height='420' fill='url(%23g)'/%3E%3Crect width='1600' height='420' fill='url(%23p)' opacity='.3'/%3E%3Cg fill='none' stroke='%23D98A96'%3E%3Cpath d='M0 75 Q400 25 800 75 T1600 60' opacity='.12'/%3E%3Cpath d='M0 345 Q400 295 800 340 T1600 320' opacity='.12'/%3E%3Ccircle cx='1280' cy='210' r='155' stroke-width='2' opacity='.2'/%3E%3Cellipse cx='1280' cy='210' rx='155' ry='65' opacity='.18'/%3E%3Cellipse cx='1280' cy='210' rx='80' ry='155' opacity='.16'/%3E%3Cpath d='M1125 210 H1435 M1280 55 V365' opacity='.12'/%3E%3Cpath d='M1040 350 C1190 110 1450 70 1600 225' stroke-width='2' opacity='.18'/%3E%3Cpath d='M1000 325 C1240 135 1450 125 1600 295' opacity='.15'/%3E%3C/g%3E%3Cpath d='M1170 135 C1210 105 1260 125 1290 145 C1320 160 1350 145 1380 170 C1410 195 1430 220 1400 235 C1370 250 1350 275 1320 285 C1280 300 1250 270 1230 245 C1200 220 1160 195 1150 165Z' fill='url(%23p)' opacity='.7'/%3E%3Cg fill='%23E3A0AA'%3E%3Ccircle cx='1160' cy='155' r='4' opacity='.6'/%3E%3Ccircle cx='1240' cy='110' r='3' opacity='.5'/%3E%3Ccircle cx='1380' cy='155' r='4' opacity='.6'/%3E%3Ccircle cx='1460' cy='235' r='3' opacity='.5'/%3E%3Ccircle cx='1530' cy='175' r='4' opacity='.5'/%3E%3C/g%3E%3Cg fill='none' stroke='%23D98A96' opacity='.15'%3E%3Ccircle cx='220' cy='210' r='75' stroke-width='2'/%3E%3Ccircle cx='220' cy='210' r='58'/%3E%3Cpath d='M220 135 V285 M145 210 H295 M220 150 L234 210 L220 270 L206 210Z'/%3E%3Cpath d='M35 35 H170 M35 35 V100 M1430 385 H1565 M1565 320 V385' stroke-width='2'/%3E%3C/g%3E%3Cpath d='M0 395 C250 350 450 425 700 390 C950 350 1150 425 1400 380 C1500 360 1560 365 1600 350 L1600 420 L0 420Z' fill='%237D2532' opacity='.22'/%3E%3C/svg%3E") !important;
    box-sizing: border-box !important;
	}

	/* 2. Fix site name container on Mobile & Tablet */
	.pkp_site_name {
		position: relative !important;
		left: 0 !important;
		top: 0 !important;
		width: 100% !important;
		height: auto !important;
		overflow: visible !important;
		margin: 0 !important;
		padding: 0 45px !important;
		/* Clear spacing for left toggle button */
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
		justify-content: center !important;
		text-align: center !important;
		box-sizing: border-box !important;
	}

	/* 1. WHEN IMAGE LOGO IS UPLOADED: Logo image TOP, Full Name BOTTOM */
	.pkp_site_name .is_img {
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
		justify-content: center !important;
		text-align: center !important;
		width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	.pkp_site_name .is_img img {
		max-height: 100px !important;
		width: auto !important;
		margin: 0 auto 0.4rem auto !important;
		display: block !important;
		vertical-align: middle !important;
	}

	.pkp_site_name .is_img::after {
		content: 'INTERNATIONAL JOURNAL FOR RESEARCH IN GLOBAL AND AREA STUDIES' !important;
		font-family: var(--font-heading) !important;
		font-size: 32px !important;
		font-weight: 800 !important;
		color: var(--stone) !important;
		text-transform: uppercase !important;
		letter-spacing: 0.04em !important;
		white-space: normal !important;
		line-height: 1.35 !important;
		text-align: center !important;
		display: block !important;
		border-left: none !important;
		border-top: 2px solid var(--grey-orange) !important;
		padding-left: 0 !important;
		padding-top: 0.5rem !important;
		margin: 0.4rem auto 0 auto !important;
		width: 100% !important;
		max-width: 100% !important;
	}

	/* 2. WHEN TEXT LOGO IS USED: Short Name TOP, Full Name BOTTOM */
	.pkp_site_name a.is_text,
	.pkp_site_name .is_text {
		display: flex !important;
		flex-direction: column !important;
		/* Short name TOP, Full name BOTTOM */
		align-items: center !important;
		justify-content: center !important;
		text-align: center !important;
		width: 100% !important;
		white-space: normal !important;
		line-height: 1.35 !important;
		padding: 0 !important;
		margin: 0 auto !important;
		font-size: 1.05rem !important;
		font-weight: 800 !important;
		color: var(--stone) !important;
		letter-spacing: 0.04em !important;
		text-transform: uppercase !important;
		background: transparent !important;
	}

	/* Short Name Emblem on TOP */
	.pkp_site_name .is_text::before {
		content: 'IJRGAS' !important;
		font-family: var(--font-brand) !important;
		font-size: 2.85rem !important;
		font-weight: 900 !important;
		color: var(--stone) !important;
		letter-spacing: 0.12em !important;
		line-height: 1 !important;
		display: block !important;
		border-right: none !important;
		border-bottom: 2px solid var(--grey-orange) !important;
		padding-right: 0 !important;
		padding-bottom: 0.4rem !important;
		margin: 0 auto 0.5rem auto !important;
		text-align: center !important;
		width: max-content !important;
	}

	/* FIXED MOBILE NAV: Hidden by default; opens when toggle button is clicked */
	nav.pkp_site_nav_menu {
		display: none !important;
	}

	/* Display mobile nav container when open via toggle button */
	nav.pkp_site_nav_menu.pkp_site_nav_menu--visible,
	nav.pkp_site_nav_menu.pkp_nav_open,
	nav.pkp_site_nav_menu.is_open,
	nav.pkp_site_nav_menu.active,
	nav.pkp_site_nav_menu[style*="display: block"],
	nav.pkp_site_nav_menu[style*="display: flex"],
	.pkp_site_nav_toggle[aria-expanded="true"]~nav.pkp_site_nav_menu,
	.pkp_site_nav_toggle.is_open~nav.pkp_site_nav_menu,
	.pkp_site_name_wrapper.is_open~nav.pkp_site_nav_menu,
	.pkp_site_name_wrapper.pkp_nav_open~nav.pkp_site_nav_menu,
	.pkp_head_wrapper.is_open nav.pkp_site_nav_menu,
	.pkp_head_wrapper.pkp_nav_open nav.pkp_site_nav_menu,
	.pkp_structure_head.is_open nav.pkp_site_nav_menu,
	.pkp_structure_head.pkp_nav_open nav.pkp_site_nav_menu,
	body.pkp_nav_open nav.pkp_site_nav_menu,
	body.is_open nav.pkp_site_nav_menu {
		display: flex !important;
		flex-direction: column !important;
		width: 100% !important;
	}

	.pkp_navigation_primary_row {
		display: block !important;
		position: relative !important;
		z-index: 10 !important;
		background: var(--dark-red) !important;
		width: 100% !important;
		padding: 0.75rem 1rem !important;
		border-top: 1px solid rgba(214, 192, 177, 0.2) !important;
		border-bottom: 1px solid rgba(214, 192, 177, 0.2) !important;
	}

	.pkp_navigation_primary_wrapper {
		position: relative !important;
		flex-direction: column !important;
		gap: 0.75rem !important;
		width: 100% !important;
	}

	.pkp_navigation_primary {
		position: relative !important;
		flex-direction: column !important;
		align-items: center !important;
		gap: 0.5rem !important;
		width: 100% !important;
		padding: 0 !important;
		margin: 0 !important;
	}

	.pkp_navigation_primary>li {
		width: 100% !important;
		text-align: center !important;
		margin: 0 !important;
	}

	.pkp_navigation_primary>li>a {
		display: block !important;
		width: 100% !important;
		text-align: center !important;
		padding: 0.45rem 0.5rem !important;
		font-size: 0.85rem !important;
	}

	.pkp_navigation_search_wrapper {
		position: relative !important;
		right: auto !important;
		top: auto !important;
		transform: none !important;
		margin: 0.5rem auto 0 auto !important;
		text-align: center !important;
	}

	.pkp_navigation_user_wrapper {
		position: relative !important;
		justify-content: center !important;
		flex-wrap: wrap !important;
		gap: 0.5rem !important;
		padding: 0.5rem 1rem !important;
	}

	.pkp_navigation_user {
		justify-content: center !important;
		flex-wrap: wrap !important;
		gap: 0.5rem !important;
	}

	.pkp_structure_sidebar {
		width: 100% !important;
		padding-left: 0 !important;
		margin-top: 2rem !important;
	}
}

@media (max-width: 576px) {
	.pkp_site_nav_toggle {
		left: 0.75rem !important;
		top: 5.85rem !important;
		padding: 0.35rem 0.75rem !important;
		font-size: 0.75rem !important;
	}

	.pkp_site_name .is_img img {
		max-height: 65px !important;
	}

	.pkp_site_name .is_img::after,
	.pkp_site_name .is_text {
		font-size: 0.95rem !important;
		letter-spacing: 0.05em !important;
	}

	.pkp_navigation_primary>li>a {
		font-size: 0.775rem !important;
		padding: 0.35rem 0.25rem !important;
	}
}

/* Media for Tonggnle opening */

@media (max-width: 991px) {

	/* 1. Set the menu container to vertical (column) */
	nav.pkp_site_nav_menu.pkp_site_nav_menu--isOpen {
		display: flex !important;
		flex-direction: column !important;
		align-items: stretch !important;
		/* Makes children fill the width */
		padding: 0 !important;
		background-color: #1e6292 !important;
		/* Your blue color */
	}

	/* 2. Position the main links at the top */
	.pkp_navigation_primary_row {
		order: 1 !important;
		padding: 15px !important;
	}

	/* 3. Position the user navigation at the bottom */
	.pkp_navigation_user_wrapper {
		order: 2 !important;
		display: flex !important;
		background-color: rgba(0, 0, 0, 0.15) !important;
		/* Slightly darker blue/shade at bottom */
		padding: 15px !important;
		margin-top: auto;
		/* Pushes it to the very bottom if menu is tall */
	}

	/* 4. Fix centering: ensure lists and links align to the left/start */
	.pkp_site_nav_menu ul {
		text-align: left !important;
		list-style: none;
		padding-left: 0;
	}
}