/* =========================================================
   CUSTOM OJS 3.4 THEME STYLESHEET
   Style: Reddish-Gold Header + Extended Gold Navigation + Black Text Search
   ========================================================= */

/* General page background */
body {
  background-color: #fff8dc; /* soft golden tone */
  background-image: linear-gradient(to bottom right, #fff8dc, #f8e69d);
  color: #222;
  font-family: "Open Sans", sans-serif;
  margin: 0;
  padding: 0;
}

/* Header (journal name area) - Reddish Gold Gradient */
.pkp_site_name {
  background: linear-gradient(to right, #b8860b, #c96a00, #b8860b);
  color: #fff;
  font-size: 32px;              /* Large journal name text */
  font-weight: bold;
  text-align: center;
  padding: 0.1px 0;             /* Keeps strip very thin */
  margin: 0 auto;               /* Centers the header strip */
  width: 100%;                  /* Full-width, like the reference journal */
  max-width: 100%;
  border-bottom: 2px solid #d4af37;
  letter-spacing: 1px;
  text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
  line-height: 1;               /* Ensures text doesn’t add height */
}

/* Navigation bar and search container */
.nav-search-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #a36a00; /* dark gold-red mix */
  border-bottom: 3px solid #d4af37;
  padding: 0 30px;
  flex-wrap: nowrap;
}

/* Navigation bar links */
.pkp_navigation_primary {
  display: flex;
  justify-content: flex-start;
  flex-wrap: nowrap;
  white-space: nowrap;
}

.pkp_navigation_primary a {
  color: #fff;
  text-decoration: none;
  padding: 14px 20px;
  font-size: 16px;
  font-weight: 600;
  transition: all 0.3s ease;
}

.pkp_navigation_primary a:hover {
  background-color: #d4af37;
  color: #000;
  border-radius: 4px;
}

/* Search box */
.pkp_search {
  display: flex;
  align-items: center;
  background: linear-gradient(to right, #ffd700, #ffcc66);
  border: 2px solid #d4af37;
  border-radius: 30px;
  padding: 5px 14px;
  box-shadow: 0 0 10px rgba(212,175,55,0.3);
  transition: all 0.3s ease-in-out;
  height: 40px;
  margin-left: 15px;
  min-width: 240px;
}

.pkp_search:hover {
  box-shadow: 0 0 15px rgba(212,175,55,0.6);
}

.pkp_search::before {
  content: "🔍";
  font-size: 18px;
  margin-right: 10px;
  color: #a36a00;
}

.pkp_search input[type="text"],
.pkp_search input[type="search"] {
  border: none;
  outline: none;
  background: transparent;
  font-size: 16px;
  font-weight: 600;
  color: #000;
  width: 100%;
}

.pkp_search input::placeholder {
  color: #8b6508;
  opacity: 0.8;
}

/* Search button */
.pkp_search button {
  background-color: #d4af37;
  color: #000;
  border: none;
  border-radius: 20px;
  padding: 6px 12px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
}
.pkp_search button:hover {
  background-color: #a36a00;
  color: #fff;
}

/* Main content box */
.pkp_structure_main {
  background-color: #fffef9;
  border: 2px solid #d4af37;
  border-radius: 12px;
  padding: 25px;
  margin-top: 20px;
  box-shadow: 0 0 15px rgba(212,175,55,0.25);
}

/* Sidebar boxes */
.pkp_block {
  background-color: #fffdf6;
  border: 1px solid #d4af37;
  border-radius: 8px;
  padding: 15px;
}

/* Footer */
.pkp_structure_footer_wrapper {
  background-color: #a36a00;
  color: #fff;
  padding: 20px;
  text-align: center;
  border-top: 3px solid #d4af37;
}

/* Buttons */
.pkp_button {
  background-color: #d4af37;
  color: #000;
  border-radius: 5px;
  border: 1px solid #a36a00;
  padding: 8px 16px;
}
.pkp_button:hover {
  background-color: #a36a00;
  color: #fff;
}

/* =========================================================
   OJS 3.4 – Professional Enhancement (No Layout Disturbance)
   Theme: Golden – Reddish Brown – Blue Highlights
   ========================================================= */

/* ----- Issue Page: Article Titles ----- */
.obj_issue_toc .title a,
.obj_issue_toc .title {
    font-family: "Times New Roman", serif;
    font-size: 1.25rem !important;
    font-weight: bold !important;
    color: #7A1E12 !important; /* Reddish Brown */
    text-shadow: 0 0 1px #d9a441; /* Soft golden glow */
    text-decoration: none !important;
}
.obj_issue_toc .title a:hover {
    color: #A33C1B !important;
    text-decoration: underline solid #d9a441 !important;
}

/* ----- Author Names (Issue + Article Loading Pages) ----- */
.obj_issue_toc .authors,
.obj_issue_toc .authors a,
.obj_article_details .authors,
.obj_article_details .authors a {
    color: #004C99 !important; /* Professional Blue */
    font-size: 1.05rem !important;
    font-family: "Times New Roman", serif;
    font-weight: 500 !important;
}

/* ----- PDF and XML Buttons (Uniform Style) ----- */
.obj_galley_link.pdf,
.obj_galley_link.xml {
    background-color: #fffdf8 !important;
    color: #7A1E12 !important;
    border: 2px solid #b8860b !important;
    border-radius: 12px !important;
    box-shadow: 0 0 10px rgba(184, 134, 11, 0.4);
    font-weight: 600 !important;
    padding: 6px 14px !important;
    transition: all 0.3s ease;
}
.obj_galley_link.pdf:hover,
.obj_galley_link.xml:hover {
    background-color: #fff5e6 !important;
    color: #8B0000 !important;
    border-color: #d4af37 !important;
}

/* ----- Abstract Section Box ----- */
.obj_article_details .abstract {
    background: #fffaf0 !important;
    border: 2px solid #d4af37 !important;
    border-radius: 10px !important;
    padding: 15px !important;
    box-shadow: 0 0 8px rgba(150, 100, 30, 0.3);
    font-family: "Times New Roman", serif !important;
}

/* ----- Abstract Headings (Beautiful Brownish-Red) ----- */
.obj_article_details .abstract h2,
.obj_article_details .abstract h3,
.obj_article_details .abstract strong {
    color: #7A1E12 !important;
    font-weight: bold !important;
    text-decoration: underline solid #d4af37 !important;
    text-underline-offset: 3px;
    font-family: "Times New Roman", serif;
}

/* ----- Article Landing Page Title ----- */
.obj_article_details .page_title {
    color: #7A1E12 !important; /* Brownish Red */
    font-family: "Times New Roman", serif !important;
    font-size: 1.6rem !important;
    font-weight: bold !important;
    text-align: center;
    text-shadow: 0 0 2px #e0c067;
}

/* ----- About the Journal Heading and Text ----- */
.about_section h2,
.about_section h3,
.pkp_structure_main .about h2 {
    color: #b02a1d !important;
    font-weight: bold !important;
    text-decoration: underline solid #d4af37;
    text-underline-offset: 4px;
    font-family: "Times New Roman", serif;
}
.about_section,
.about_section p,
.pkp_structure_main .about {
    color: #5c1c0b !important;
    font-family: "Times New Roman", serif;
    font-size: 1.05rem !important;
}

/* Keep other layout intact */
.pkp_structure_main,
.pkp_structure_sidebar {
    background: none !important;
}

/* ==========================================
   UNIVERSAL PAGE BOX STYLING (ALL SECTIONS)
   ========================================== */

.pkp_structure_main {
    background-color: #f9e7b1;
    border: 2px solid #8b0000;
    border-radius: 10px;
    padding: 25px;
    box-shadow: 0 2px 8px rgba(139, 0, 0, 0.15);
}

/* ==========================================
   PAGE HEADINGS (Current, Archives, About, etc.)
   ========================================== */

.pkp_structure_main h1,
.pkp_structure_main h2,
.pkp_structure_main h3 {
    color: #8b0000;
    border-bottom: 3px solid #b8860b;
    padding-bottom: 5px;
    margin-bottom: 15px;
    font-weight: bold;
    font-family: "Times New Roman", serif;
}

/* ==========================================
   PAGE PARAGRAPHS & LINKS
   ========================================== */

.pkp_structure_main p {
    color: #3a2d1a;
    font-family: "Times New Roman", serif;
    font-size: 16px;
    line-height: 1.6;
}

.pkp_structure_main a {
    color: #8b0000;
    text-decoration: underline;
}

.pkp_structure_main a:hover {
    color: #b8860b;
}

/* ==========================================
   REMOVE EDITORIAL BOARD HEADING
   ========================================== */
.page_editorial_team h1,
.page_editorial_team .page_title,
.page_editorial_team header h1 {
    display: none !important;
}

/* ==========================================
   SPECIFIC FIX: GUIDE TO AUTHOR PAGE
   ========================================== */

.page_guidelines h1 {
    visibility: hidden;
    position: relative;
}
.page_guidelines h1::before {
    content: "Guide to Author";
    visibility: visible;
    position: absolute;
    color: #8b0000;
    border-bottom: 3px solid #b8860b;
    font-weight: bold;
    font-family: "Times New Roman", serif;
    font-size: 1.8em;
    padding-bottom: 5px;
}

/* =========================================================
   UNIVERSAL FONT UPDATE FOR OJS 3.4
   ========================================================= */

body, 
h1, h2, h3, h4, h5, h6,
p, span, a, li, td, th,
input, select, textarea,
.navbar, .pkp_structure_main, 
.pkp_page_index, .pkp_page_article,
.obj_article_summary, .pkp_site_name,
.obj_announcement_summary, .pkp_footer_content,
.block_custom, .pkp_navigation_primary, .pkp_navigation_user {
  font-family: "Times New Roman", Times, serif !important;
}

body {
  font-size: 16px !important;
  line-height: 1.6 !important;
}
h1 { font-size: 1.8em !important; }
h2 { font-size: 1.6em !important; }
h3 { font-size: 1.4em !important; }
h4, h5, h6 { font-size: 1.2em !important; }

.obj_article_summary, .obj_article_details, .article_details, .abstract {
  font-family: "Times New Roman", Times, serif !important;
  font-size: 16px !important;
  line-height: 1.6 !important;
}

.block_custom, .pkp_navigation_primary a, .pkp_navigation_user a {
  font-family: "Times New Roman", Times, serif !important;
  font-size: 15px !important;
}

/* =========================================================
   OJS 3.4 CUSTOM FIXES
   ========================================================= */

/* Issue title styling */
.obj_issue_summary .title a,
.obj_issue_toc .title a {
    font-family: "Times New Roman", serif !important;
    font-size: 22px !important;
    font-weight: bold !important;
    color: #8B0000 !important;
    text-decoration: none !important;
}

.obj_issue_summary .title a:hover,
.obj_issue_toc .title a:hover {
    color: #B8860B !important;
}

/* --- ABSTRACT SUBHEADINGS --- */
.article-details .abstract strong,
.obj_article_details .abstract b {
  display: block;
  margin-top: 8px;
  font-weight: bold;
  color: #7b1113;
  font-size: 1.05em;
}

/* ===== DOI Styling on Article Page (Fixed & Working) ===== */
.obj_article_details .doi {
  font-family: "Times New Roman", Times, serif !important;
  font-size: 1rem !important;
  color: #b22222 !important;
  font-weight: bold !important;
  margin-top: 6px;
}

.obj_article_details .doi a {
  color: #b22222 !important;
  font-weight: bold !important;
  font-size: 1rem !important;
  text-decoration: none !important;
}

.obj_article_details .doi a:hover {
  color: #d2691e !important;
  text-decoration: none !important;
}
#autoAbstract {
    border: 3px solid #FFD700;
    padding: 20px;
    border-radius: 15px;
    background: linear-gradient(135deg, #ffe5d6, #ffd1a6);
    color: #5a2d0c;
    font-family: Arial, sans-serif;
    margin-top: 15px;
}
#autoAbstract h3 {
    margin-bottom: 10px;
}
#autoAbstract h4 {
    margin-top: 15px;
    margin-bottom: 10px;
}
/* HIDE KEYWORDS SECTION */
.item.keywords,
.item.keywords * {
    display: none !important;
}
/* FORCE HIDE KEYWORDS – OJS 3.4 ALL THEMES */
.item.keywords,
.pkp_article_details_keywords,
.pkp_article_details_keywords *,
.obj_article_details .keywords,
.obj_article_details .item.keywords,
.section-item.keywords,
.article-details .keywords,
.article-details .item.keywords,
.article_detail .keywords,
.article_detail .item.keywords {
    display: none !important;
}
/* --- MAKE AUTHORS HORIZONTAL --- */
.pkp_authors,
.pkp_authors .authors,
.obj_article_details .authors {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap; /* If many authors, they wrap nicely */
    gap: 10px; /* Space between authors */
}

/* Remove vertical stacking */
.pkp_authors .author,
.obj_article_details .author {
    display: inline-block !important;
    margin-right: 12px;
}


.author{
display:inline-flex;
align-items:center;
gap:0.25rem;
padding:4px 6px;
min-height:30px;
border-radius:4px;
flex:0 0 auto;
}


.author .name{
font-weight:600;
line-height:1;
}


.author + .author{margin-left:6px;position:relative}
.author + .author::before{
content:"";
position:absolute;
left:-4px;
top:10%;
bottom:10%;
width:1px;
border-radius:1px;
/* no background color set to avoid theme conflict */
}


.avatar{
width:28px;
height:28px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
}


.affiliation {
    display: block !important;
}

@media (max-width:560px){
.author-line{white-space:normal;flex-wrap:wrap;gap:4px}
.author{padding:4px 6px}
.author + .author::before{display:none}
}
/* Smooth professional hover movement for sidebar blocks/cards */
.moving-card {
    background: linear-gradient(180deg, #ffffff, #fff8ec);
    padding: 14px 16px;
    margin: 10px 0;
    border-radius: 12px;
    border: 1px solid #f1e4d3;
    box-shadow: 0 4px 14px rgba(0,0,0,0.08);
    transition: 
        transform 0.35s cubic-bezier(.25,.85,.35,1),
        box-shadow 0.35s ease,
        border-color 0.35s ease;
    cursor: pointer;
}

/* Movement + glow on hover */
.moving-card:hover {
    transform: translateY(-6px) translateX(3px) scale(1.02);
    box-shadow: 0 14px 28px rgba(0,0,0,0.16);
    border-color: #d89b2d; /* Golden border */
}

/* Text styling inside */
.moving-card-title {
    font-size: 15px;
    font-weight: 600;
    color: #3a2f28;
    margin-bottom: 4px;
}

.moving-card-sub {
    font-size: 13px;
    color: #6d5c4f;
    opacity: .9;
}
/* =========================================================
   OJS Submission Compatibility Fix
   ========================================================= */

/* Ensure all submission fields remain visible */
input[name="affiliation"],
#affiliation,
.cmp_form input,
.cmp_form select,
.cmp_form textarea {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
}

/* Never hide affiliation fields */
.affiliation,
.item.affiliation,
.author .affiliation {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Keep required fields focusable */
input:required,
select:required,
textarea:required {
    display: block !important;
    visibility: visible !important;
}
/* =========================================================
   UNIVERSAL TYPOGRAPHY (TIMES NEW ROMAN + JUSTIFIED TEXT)
   ========================================================= */

/* Apply Times New Roman to the entire website */
html,
body,
div,
section,
article,
main,
aside,
header,
footer,
nav,
h1, h2, h3, h4, h5, h6,
p,
span,
a,
li,
ul,
ol,
td,
th,
label,
input,
select,
textarea,
button,
blockquote,
caption,
figcaption,
small,
strong,
em {
    font-family: "Times New Roman", Times, serif !important;
}

/* Justify all paragraphs */
p {
    text-align: justify !important;
    text-justify: inter-word;
    line-height: 1.7 !important;
    font-size: 16px !important;
    margin-bottom: 12px;
}

/* Lists */
li {
    text-align: justify !important;
    line-height: 1.7 !important;
    font-size: 16px !important;
}

/* Article Pages */
.obj_article_details,
.obj_article_details p,
.obj_article_details li,
.obj_article_details span,
.article-details,
.article-details p,
.article-details li,
.article-details span,
.abstract,
.abstract p,
.abstract li {
    font-family: "Times New Roman", Times, serif !important;
    text-align: justify !important;
    text-justify: inter-word;
    line-height: 1.7 !important;
    font-size: 16px !important;
}

/* Static Pages (About, Policies, Editorial Team, etc.) */
.pkp_structure_main,
.pkp_structure_main p,
.pkp_structure_main li,
.pkp_structure_main span,
.page p,
.page li,
.about_section p,
.about_section li {
    font-family: "Times New Roman", Times, serif !important;
    text-align: justify !important;
    text-justify: inter-word;
    line-height: 1.7 !important;
    font-size: 16px !important;
}

/* Tables */
table,
td,
th {
    font-family: "Times New Roman", Times, serif !important;
    font-size: 16px !important;
}

/* Sidebar */
.pkp_block,
.pkp_block p,
.pkp_block li,
.pkp_block a {
    font-family: "Times New Roman", Times, serif !important;
}

/* Navigation */
.pkp_navigation_primary a,
.pkp_navigation_user a {
    font-family: "Times New Roman", Times, serif !important;
}

/* Footer */
.pkp_footer_content,
.pkp_footer_content p,
.pkp_footer_content a {
    font-family: "Times New Roman", Times, serif !important;
}
.article-details .published {
    display: none !important;
}

.article-details .item.published {
    display: none !important;
}

.article-summary .published {
    display: none !important;
}
/* Hide publication date everywhere */
.item.published,
.published,
.datePublished,
.article-details-date,
.obj_article_details .published,
.obj_article_details .item.published,
.obj_article_details .date,
.obj_article_details .item.datePublished,
.article_meta .published,
.article_meta .item,
.cmp_article_details .published,
.cmp_article_details .item.published,
.cmp_article_details .datePublished,
.page_article .published,
.page_article .item.published,
.page_article time,
.obj_article_details time {
    display: none !important;
}

/* =========================================================
   ★ ADDITIONAL FIXES — appended only, per latest request ★
   NOTE: Header banner photo, header layout, and journal name
   are NOT touched anywhere in this block — left exactly as-is.
   Covers:
   1. Sidebar pulled fully flush to the right (closes the gap)
   2. All borders removed on every page (main box, sidebar
      blocks, issue lists, article boxes, etc.)
   ========================================================= */

/* ---------------------------------------------------------
   1. SIDEBAR — CLOSE THE RIGHT-SIDE GAP, KEEP IT FLUSH RIGHT
   --------------------------------------------------------- */
.pkp_structure_page {
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

.pkp_structure_content {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: flex-start !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 20px !important;
    box-sizing: border-box !important;
}

.pkp_structure_main {
    order: 1 !important;
    float: none !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
}

.pkp_structure_sidebar {
    order: 2 !important;
    float: none !important;
    flex: 0 0 auto !important;
    margin-left: 24px !important;
    margin-right: 0 !important;
    padding-right: 0 !important;
}

/* ---------------------------------------------------------
   2. REMOVE BORDERS EVERYWHERE, ON ALL PAGES
   (header banner and journal name are untouched)
   --------------------------------------------------------- */
.pkp_structure_main,
.pkp_structure_sidebar,
.pkp_block,
.pkp_structure_page,
.pkp_structure_content,
.pkp_structure_footer_wrapper,
.page,
.container,
main,
section,
article,
.obj_article_details,
.obj_issue_toc,
.obj_issue_summary {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

/* =========================================================
   ★ ADDITIONAL FIXES ROUND 2 — appended only ★
   NOTE: banner photo, header image, and journal name are
   still completely untouched by this block.
   Covers:
   1. Remove the thin grey vertical divider line that runs
      down the middle of the page content on all pages
      (caused by a CSS multi-column layout on the text block)
   2. Give the main content more left-side breathing room so
      text doesn't sit flush against the page edge
   ========================================================= */

/* ---------------------------------------------------------
   1. KILL THE CENTRAL GREY DIVIDER LINE (ALL PAGES)
   This line comes from a CSS "columns" layout on the content
   text — forcing single column removes the rule/line.
   --------------------------------------------------------- */
.pkp_structure_main,
.pkp_structure_main *,
.page,
.page *,
.value,
.description,
.cmp_richtext {
    column-count: 1 !important;
    columns: auto !important;
    column-rule: none !important;
    -webkit-column-rule: none !important;
    -moz-column-rule: none !important;
}

/* ---------------------------------------------------------
   2. MAIN CONTENT — FIX LEFT SIDE BEING TOO TIGHT/EXPANDED
   --------------------------------------------------------- */
.pkp_structure_content {
    padding: 0 30px !important;
}

.pkp_structure_main {
    padding: 25px 30px 25px 40px !important;
    box-sizing: border-box !important;
}

/* =========================================================
   ★ RESTORED FIXES (were missing from the file you tested) ★
   ========================================================= */

/* Push main content in from the left edge */
.pkp_structure_main {
    padding: 25px 30px 25px 70px !important;
}

/* Attempt 1 for the grey line: fix any sidebar video iframe
   that may be collapsing to a thin sliver */
.pkp_block iframe,
.pkp_structure_sidebar iframe,
iframe {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    aspect-ratio: 16 / 9 !important;
    border: none !important;
    display: block !important;
    box-sizing: border-box !important;
}

/* =========================================================
   ★ NEW: DROPDOWN MENU COLORS — Golden + Reddish-Brown ★
   (Hover over "Policies" in the nav to see this)
   ========================================================= */
.pkp_navigation_primary .has_submenu .submenu,
.pkp_navigation_primary ul ul,
.pkp_navigation_primary .dropdown-menu,
.dropdown-menu,
.pkp_navigation_user .submenu {
    background: linear-gradient(180deg, #d4af37 0%, #7a1e12 100%) !important;
    border: 1px solid #d4af37 !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25) !important;
}

.pkp_navigation_primary .has_submenu .submenu a,
.pkp_navigation_primary ul ul a,
.pkp_navigation_primary .dropdown-menu a,
.dropdown-menu a,
.pkp_navigation_user .submenu a {
    color: #ffffff !important;
    background: transparent !important;
}

.pkp_navigation_primary .has_submenu .submenu a:hover,
.pkp_navigation_primary ul ul a:hover,
.pkp_navigation_primary .dropdown-menu a:hover,
.dropdown-menu a:hover,
.pkp_navigation_user .submenu a:hover {
    background: #7a1e12 !important;
    color: #ffe08a !important;
}

/* =========================================================
   ★ NEW: PROFESSIONAL TITLES — remove border lines above/
   below headings and article/issue titles, all pages ★
   ========================================================= */
.pkp_structure_main h1,
.pkp_structure_main h2,
.pkp_structure_main h3,
.pkp_structure_main h4,
.page_title,
.obj_issue_toc .title,
.obj_issue_toc .title a,
.obj_article_details .page_title,
.article_title,
.cmp_article_details .title {
    border-top: none !important;
    border-bottom: none !important;
    text-decoration: none !important;
    box-shadow: none !important;
    padding-bottom: 6px !important;
    margin-bottom: 14px !important;
}

/* =========================================================
   ★ GREY LINE — TARGETED FIX (likely a pasted-from-Word
   leftover border inside the page content itself) ★
   Strips left/right borders and column-rules from every
   text wrapper inside the main content, without touching
   buttons/links (which use <a>, not div/p/span).
   ========================================================= */
.pkp_structure_main .value,
.pkp_structure_main .value *,
.pkp_structure_main .description,
.pkp_structure_main .description *,
.pkp_structure_main p,
.pkp_structure_main div,
.pkp_structure_main span {
    border-left: none !important;
    border-right: none !important;
    -webkit-column-rule: none !important;
    column-rule: none !important;
}

/* =========================================================
   ★ HEADER BANNER — SLIM, FULL-WIDTH (matches reference
   journal's compact header instead of a tall photo strip) ★
   ========================================================= */
.pkp_structure_head img,
.pkp_site_name img,
header.pkp_structure_head img {
    max-height: 400px !important;
    height: 400px !important;
    width: 100% !important;
    object-fit: cover !important;
}

.pkp_structure_head {
    min-height: 400px !important;
    height: auto !important;
}

/* =========================================================
   ★ CENTER JOURNAL NAME OVER THE BANNER + CLEAN UP NAV ★
   Overlays the gold journal-name bar in the vertical middle
   of the hero image instead of it sitting as a thin strip
   pinned to the bottom edge. Nav bar is pushed to sit
   cleanly below the whole banner, not overlapping it.
   ========================================================= */
.pkp_structure_head {
    position: relative !important;
    overflow: hidden !important;
}

.pkp_site_name {
    position: absolute !important;
    top: 200px !important;   /* vertical middle of the 400px banner image only, so it never drops onto the nav row below */
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: auto !important;
    max-width: 90% !important;
    z-index: 20 !important;
    padding: 14px 40px !important;
    border-radius: 6px !important;
}

.nav-search-wrapper,
.pkp_navigation_primary {
    position: relative !important;
    z-index: 5 !important;
    clear: both !important;
    margin-top: 0 !important;
}
   Covers the different markup OJS 3.4 themes use to list
   issues, so the line shows up regardless of theme structure.
   ========================================================= */
.obj_issue_summary,
.issues_archive .obj_issue_summary,
.issues_archive li,
.issues_archive .item,
li.pkp_issue,
.pkp_issue,
.page_issue_archive .obj_issue_summary,
.page_issue_archive li {
    border-bottom: 2px solid #d4af37 !important;
    padding-bottom: 20px !important;
    margin-bottom: 20px !important;
}

/* Remove the line after the very last issue in the list */
.obj_issue_summary:last-child,
.issues_archive .obj_issue_summary:last-child,
.issues_archive li:last-child,
.issues_archive .item:last-child,
li.pkp_issue:last-child,
.pkp_issue:last-child,
.page_issue_archive .obj_issue_summary:last-child,
.page_issue_archive li:last-child {
    border-bottom: none !important;
}

/* =========================================================
   ★ FINAL FIX — KILL THE GREY VERTICAL DIVIDER LINE ★
   Placed last so it wins over every earlier rule and any
   default OJS theme CSS loaded before this stylesheet.
   Covers borders, box-shadows, outlines and pseudo-elements
   on every part of the two-column layout, plus a universal
   column-rule reset in case a "columns" layout is involved.
   ========================================================= */
* {
    column-rule: none !important;
    -webkit-column-rule: none !important;
    -moz-column-rule: none !important;
}

.pkp_structure_content,
.pkp_structure_main,
.pkp_structure_sidebar {
    border: none !important;
    border-left: none !important;
    border-right: none !important;
    outline: none !important;
    box-shadow: none !important;
}

.pkp_structure_content::before,
.pkp_structure_content::after,
.pkp_structure_main::before,
.pkp_structure_main::after,
.pkp_structure_sidebar::before,
.pkp_structure_sidebar::after {
    display: none !important;
    content: none !important;
    border: none !important;
    background: none !important;
}

/* =========================================================
   ★ NAV — SIMPLE, LOW-RISK FIX. Does not touch the banner's
   height, layout mode, or the journal name at all — only
   pushes the nav bar itself down with spacing so it clears
   the hero image instead of overlapping the top of it.
   ========================================================= */
.pkp_site_nav_menu {
    position: relative !important;
    margin-top: 380px !important;
    width: 100% !important;
    z-index: 10 !important;
}

/* =========================================================
   ★ FIX: place the account badge ("tufsteam / 31") right
   next to "Contact" in the nav row, in normal document flow.
   The old absolute top:50%/right:280px positioning was
   anchored to the tall 400px banner (.pkp_structure_head),
   so once the banner image was added the badge floated in
   the middle of the photo instead of sitting by Contact.
   Taking it out of absolute positioning lets it sit inline
   in the nav bar, right after the nav links, and it gets a
   solid pill background so it stays readable against both
   the banner and the gold nav bar.
   ========================================================= */
.nav-search-wrapper {
    flex-wrap: nowrap !important; /* keep nav links and search on one row */
}

/* Switching to a fixed top-right corner badge instead of trying to
   slot it into the nav row — its actual container/width kept fighting
   our overrides (it stayed full-width no matter what we set), so
   position:fixed sidesteps that entirely: it's pinned to the viewport,
   always renders at the exact size we give it, and always lands in
   the same spot regardless of how deep it's nested in the page markup.
   The class is repeated to boost specificity over any theme CSS that
   was forcing width:100% on it. */
.pkp_navigation_user_wrapper.pkp_navigation_user_wrapper {
    position: fixed !important;
    top: 0 !important;
    right: 12px !important;
    left: auto !important;
    bottom: auto !important;
    transform: none !important;
    width: auto !important;
    max-width: fit-content !important;
    min-width: 0 !important;
    height: auto !important;
    float: none !important;
    display: inline-flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important; /* background moved to the link itself below, so any extra
                                            invisible space inside the wrapper no longer shows as strip */
    border: none !important;
    box-shadow: none !important;
    z-index: 9999 !important;
    box-sizing: border-box !important;
}

/* Pill now lives on the link/text itself, so it sizes exactly to
   "tufsteam 31" and nothing wider. */
.pkp_navigation_user_wrapper.pkp_navigation_user_wrapper a,
.pkp_navigation_user_wrapper.pkp_navigation_user_wrapper .profile > a {
    display: inline-flex !important;
    align-items: center !important;
    width: auto !important;
    max-width: fit-content !important;
    white-space: nowrap !important;
    padding: 6px 16px !important;   /* a bit larger than before, still hugging the text */
    background: #5c1c0b !important; /* solid, dark reddish-brown for contrast */
    border: 1px solid #d4af37 !important;
    border-radius: 0 0 10px 10px !important; /* small strip tucked at the very top edge */
    box-shadow: 0 2px 6px rgba(0,0,0,0.4) !important;
    box-sizing: border-box !important;
    font-size: 15px !important;
    line-height: 1.2 !important;
}

.pkp_navigation_user_wrapper a,
.pkp_navigation_user a {
    color: #ffffff !important;   /* white, as requested */
    font-weight: 700 !important;
    font-size: 16px !important;
    text-decoration: none !important;
    text-shadow: none !important;
}

.pkp_navigation_user_wrapper a:hover,
.pkp_navigation_user a:hover {
    color: #ffffff !important;
}

/* Dropdowns (Policies, account menu) were being cut off because the
   header has overflow:hidden (only needed to keep the background
   image cropped — a CSS background never overflows its box on its
   own, so this doesn't affect the banner at all, only lets the
   dropdown menus render in full below the header). */
.pkp_structure_head {
    overflow: visible !important;
}

/* =========================================================
   ★ FIX: hide the small dropdown arrow/caret icons next to
   "Policies" and the account badge, for a cleaner look.
   ========================================================= */
.pkp_navigation_primary a::after,
.pkp_navigation_user a::after,
.profile > a::after,
.has_submenu > a::after {
    display: none !important;
    content: none !important;
}

/* =========================================================
   ★ FIX: search pill was showing a small broken icon box
   next to the magnifying glass. Hides the unstyled icon so
   only the clean search icon + "Search" text show.
   ========================================================= */
.pkp_search .fa,
.pkp_search .fa-search,
.pkp_navigation_search_wrapper .fa,
.pkp_navigation_search_wrapper .fa-search {
    display: none !important;
}

.pkp_search {
    justify-content: center !important;
}