/* ZATARA Journals — theme override to match www.zatara.id
   Palette: navy #0B2545 / gold #C6A664
   Fonts:   Cormorant Garamond (headings) + Source Sans 3 (body)
   Applies site-wide to every journal hosted on this OJS instance. */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500;1,600&family=Source+Sans+3:wght@300;400;600;700&display=swap');

:root {
  --zatara-navy: #0B2545;
  --zatara-navy-light: #13315C;
  --zatara-gold: #C6A664;
  --zatara-gold-light: #D4B87A;
}

/* Body / UI font */
html, body,
.pkp_site_name, .pkp_site_name .is_text,
.cmp_breadcrumbs .current h1,
.obj_article_details .main_entry .item .label,
.obj_article_details .entry_details .item .label,
.obj_article_details .citation_display .citation_formats_button,
.obj_article_details .item .label,
.obj_article_summary > .title,
.obj_issue_summary .title,
.pkp_block .title {
  font-family: 'Source Sans 3', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif;
}

/* Headings — sized and weighted to match zatara.id's dramatic display scale */
.pkp_structure_main h1,
.page_index_journal h1 {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-weight: 700;
  font-size: 2.75rem;
  line-height: 1.15;
  color: var(--zatara-navy);
  position: relative;
  padding-bottom: 1.5rem;
  margin-bottom: 1rem;
}

/* Gold underline bar, matching the .gold-line accent on the main site */
.pkp_structure_main h1::after,
.page_index_journal h1::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 60px;
  height: 3px;
  background: var(--zatara-gold);
}

.pkp_structure_main h2,
.pkp_structure_main h3,
.page_index_journal h2 {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-weight: 600;
  color: var(--zatara-navy);
}

.pkp_structure_main h2 { font-size: 1.8rem; }
.pkp_structure_main h3 { font-size: 1.4rem; }

/* Header & navigation background -> ZATARA navy */
.pkp_structure_head,
.pkp_site_nav_menu {
  background-color: var(--zatara-navy) !important;
}

.pkp_navigation_primary > li > a:focus,
.pkp_navigation_user > li > a:focus,
.pkp_navigation_user > li > a:focus .task_count,
.pkp_navigation_search_wrapper a:focus {
  background: var(--zatara-gold) !important;
  color: var(--zatara-navy) !important;
}

.swiper {
  --swiper-theme-color: var(--zatara-navy);
}

/* Buttons & accent links -> ZATARA gold, navy text for contrast */
.pkp_button,
.pkp_button_primary,
.pkp_button_offset,
.pkp_button_link,
.cmp_button_wire,
.obj_galley_link {
  color: var(--zatara-navy);
  border-color: var(--zatara-gold);
}

.pkp_button:hover, .pkp_button:focus,
.pkp_button_offset:hover, .pkp_button_offset:focus,
.pkp_button_link:hover, .pkp_button_link:focus {
  color: var(--zatara-navy);
  border-color: var(--zatara-gold-light);
}

.pkp_button_primary {
  background: var(--zatara-gold) !important;
  border-color: var(--zatara-gold) !important;
  box-shadow: 0 1px 0 var(--zatara-gold) !important;
}

.pkp_button_primary:hover, .pkp_button_primary:focus {
  background: var(--zatara-gold-light) !important;
  color: var(--zatara-navy) !important;
}

.cmp_button_wire:hover, .cmp_button_wire:focus,
.obj_galley_link:hover, .obj_galley_link:focus {
  background: var(--zatara-gold) !important;
  color: var(--zatara-navy) !important;
}

/* General links */
a { color: var(--zatara-navy-light); }
a:hover, a:focus { color: var(--zatara-gold); }

/* Footer -> navy background, light text, gold links (matches zatara.id footer) */
.pkp_structure_footer_wrapper {
  background: var(--zatara-navy) !important;
}

.pkp_footer_content,
.pkp_footer_content p {
  color: rgba(255, 255, 255, 0.65);
  font-size: 0.85rem;
}

.pkp_footer_content a {
  color: rgba(255, 255, 255, 0.85);
}

.pkp_footer_content a:hover,
.pkp_footer_content a:focus {
  color: var(--zatara-gold);
}