/* ============================================================
   TALÓS OJS FINAL THEME
   TALÓS: Saliksik sa Wika, Kalinangan, at Likas-Kayang Pag-unlad
   Philippine Flag / Academic Theme

   Primary Blue : #0038A8
   Dark Blue    : #062F82
   Red          : #CE1126
   Gold         : #FCD116
   Ivory        : #FFFAF0
   Text         : #374151
   ============================================================ */

/* ============================================================
   1. GENERAL PAGE
   ============================================================ */
html,
body {
  margin: 0 !important;
  padding: 0 !important;
  background: #fffdf8 !important;
}

body {
  color: #374151 !important;
}

.pkp_structure_page {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
  background: #ffffff !important;
}

/* General links */
a {
  color: #0038A8;
}

a:hover,
a:focus {
  color: #CE1126;
}

/* ============================================================
   2. HEADER BACKGROUND
   ============================================================ */
.pkp_structure_head {
  position: relative !important;
  background: #0038A8 !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Philippine flag accent below header */
.pkp_structure_head::after {
  content: "";
  display: block;
  width: 100%;
  height: 5px;
  background: linear-gradient(
    90deg,
    #0038A8 0%,
    #0038A8 42%,
    #FCD116 42%,
    #FCD116 58%,
    #CE1126 58%,
    #CE1126 100%
  );
}

/* Remove default width limits */
.pkp_head_wrapper,
.pkp_site_name_wrapper,
.pkp_site_name,
.pkp_site_name .is_img {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Make uploaded TALÓS header image full width */
.pkp_site_name .is_img img,
.pkp_site_name img {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  height: auto !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  object-fit: cover !important;
  object-position: center !important;
}

/* ============================================================
   3. REGISTER / LOGIN
   ============================================================ */
.pkp_navigation_user_wrapper {
  position: absolute !important;
  top: 14px !important;
  right: 18px !important;
  z-index: 20 !important;
}

.pkp_navigation_user > li > a {
  color: #ffffff !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.25);
}

.pkp_navigation_user > li > a:hover,
.pkp_navigation_user > li > a:focus {
  color: #FCD116 !important;
  text-decoration: none !important;
}

/* ============================================================
   4. PRIMARY NAVIGATION
   ============================================================ */
.pkp_navigation_primary_wrapper {
  margin: 0 !important;
  background: #ffffff !important;
  border-top: 0 !important;
  border-bottom: 2px solid #FCD116 !important;
  box-shadow: 0 2px 7px rgba(0,56,168,.06) !important;
}

.pkp_navigation_primary > li > a {
  color: #0038A8 !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li > a:focus {
  color: #CE1126 !important;
  background: #fff9e8 !important;
  text-decoration: none !important;
}

/* Current / active navigation item */
.pkp_navigation_primary > li.current > a,
.pkp_navigation_primary > li.active > a {
  color: #CE1126 !important;
  border-bottom: 3px solid #FCD116 !important;
}

/* Dropdown navigation */
.pkp_navigation_primary ul {
  background: #ffffff !important;
  border-top: 3px solid #FCD116 !important;
  box-shadow: 0 5px 15px rgba(0,56,168,.12) !important;
}

.pkp_navigation_primary ul a {
  color: #0038A8 !important;
}

.pkp_navigation_primary ul a:hover,
.pkp_navigation_primary ul a:focus {
  color: #CE1126 !important;
  background: #fff9e8 !important;
}

/* ============================================================
   5. PAGE HEADINGS / CONTENT ACCENTS
   ============================================================ */
.pkp_page_index .current_issue h2,
.page h1,
.page h2,
.page h3,
.obj_issue_toc .heading,
.obj_issue_summary .title,
.obj_article_details .page_title {
  color: #0038A8;
}

.pkp_page_index .current_issue h2,
.obj_issue_toc .heading {
  border-bottom-color: #FCD116 !important;
}

/* Sidebar headings */
.pkp_structure_sidebar .title,
.pkp_structure_sidebar h2,
.pkp_structure_sidebar h3 {
  color: #0038A8 !important;
  border-bottom-color: #FCD116 !important;
}

.pkp_structure_sidebar a {
  color: #0038A8 !important;
}

.pkp_structure_sidebar a:hover,
.pkp_structure_sidebar a:focus {
  color: #CE1126 !important;
}

/* ============================================================
   6. ARTICLE LIST / ARTICLE TITLES
   ============================================================ */
.obj_article_summary .title a,
.obj_article_summary .title,
.obj_article_summary h3 a {
  color: #0038A8 !important;
  font-weight: 700 !important;
}

.obj_article_summary .title a:hover,
.obj_article_summary .title a:focus,
.obj_article_summary h3 a:hover,
.obj_article_summary h3 a:focus {
  color: #CE1126 !important;
}

/* ============================================================
   7. PDF / GALLEY BUTTON FIX
   Ensures “PDF” remains clearly visible
   ============================================================ */
.obj_article_summary .galleys_links .obj_galley_link,
.obj_article_details .galleys_links .obj_galley_link,
.cmp_article_list .galleys_links .obj_galley_link,
.obj_galley_link,
a.obj_galley_link,
a.obj_galley_link.pdf {
  display: inline-block !important;
  background: #0038A8 !important;
  color: #ffffff !important;
  border: 1px solid #0038A8 !important;
  border-bottom: 3px solid #FCD116 !important;
  border-radius: 4px !important;
  padding: 6px 12px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
  box-shadow: none !important;
  opacity: 1 !important;
}

.obj_article_summary .galleys_links .obj_galley_link:hover,
.obj_article_summary .galleys_links .obj_galley_link:focus,
.obj_article_details .galleys_links .obj_galley_link:hover,
.obj_article_details .galleys_links .obj_galley_link:focus,
.cmp_article_list .galleys_links .obj_galley_link:hover,
.cmp_article_list .galleys_links .obj_galley_link:focus,
.obj_galley_link:hover,
.obj_galley_link:focus,
a.obj_galley_link:hover,
a.obj_galley_link:focus,
a.obj_galley_link.pdf:hover,
a.obj_galley_link.pdf:focus {
  background: #CE1126 !important;
  color: #ffffff !important;
  border-color: #CE1126 !important;
  border-bottom-color: #FCD116 !important;
  text-decoration: none !important;
}

/* Force nested text/icons inside PDF button to white */
.obj_galley_link *,
.obj_galley_link.pdf *,
a.obj_galley_link *,
a.obj_galley_link.pdf * {
  color: #ffffff !important;
  fill: #ffffff !important;
  opacity: 1 !important;
}

/* ============================================================
   8. BUTTONS
   ============================================================ */
.cmp_button,
button,
input[type="submit"],
.pkp_structure_sidebar .block_make_submission a,
.block_make_submission a {
  background: #0038A8 !important;
  color: #ffffff !important;
  border: 1px solid #0038A8 !important;
  border-bottom: 3px solid #FCD116 !important;
  border-radius: 4px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

.cmp_button:hover,
.cmp_button:focus,
button:hover,
button:focus,
input[type="submit"]:hover,
input[type="submit"]:focus,
.pkp_structure_sidebar .block_make_submission a:hover,
.pkp_structure_sidebar .block_make_submission a:focus,
.block_make_submission a:hover,
.block_make_submission a:focus {
  background: #CE1126 !important;
  color: #ffffff !important;
  border-color: #CE1126 !important;
  border-bottom-color: #FCD116 !important;
}

/* ============================================================
   9. CUSTOM TALÓS FOOTER
   ============================================================ */
.pkp_structure_footer_wrapper {
  display: block !important;
  margin: 36px 0 0 !important;
  padding: 0 !important;
  background: #ffffff !important;
  border: 0 !important;
}

.pkp_structure_footer {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #ffffff !important;
}

/* Hide only default OJS/PKP branding */
.pkp_brand_footer {
  display: none !important;
}

.pkp_structure_footer h3 {
  color: #0038A8 !important;
}

.pkp_structure_footer p {
  color: #475569;
}

.pkp_structure_footer a {
  color: #0038A8 !important;
  text-decoration: none !important;
}

.pkp_structure_footer a:hover,
.pkp_structure_footer a:focus {
  color: #CE1126 !important;
  text-decoration: underline !important;
  text-decoration-color: #FCD116 !important;
}

/* ============================================================
   10. FORMS
   ============================================================ */
input:focus,
textarea:focus,
select:focus {
  border-color: #0038A8 !important;
  box-shadow: 0 0 0 2px rgba(0,56,168,.10) !important;
  outline: none !important;
}

/* ============================================================
   11. TABLET
   ============================================================ */
@media (max-width: 991px) {
  .pkp_navigation_user_wrapper {
    top: 10px !important;
    right: 12px !important;
  }
}

/* ============================================================
   12. MOBILE
   ============================================================ */
@media (max-width: 767px) {

  .pkp_site_name .is_img img,
  .pkp_site_name img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
    object-position: center !important;
  }

  .pkp_navigation_user_wrapper {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    padding: 7px 12px !important;
    background: #0038A8 !important;
  }

  .pkp_navigation_primary_wrapper {
    border-bottom: 3px solid #FCD116 !important;
  }

  /* Keep PDF button compact and readable on mobile */
  .obj_article_summary .galleys_links .obj_galley_link,
  .obj_article_details .galleys_links .obj_galley_link,
  .cmp_article_list .galleys_links .obj_galley_link,
  .obj_galley_link,
  a.obj_galley_link {
    padding: 6px 10px !important;
    font-size: 11px !important;
  }
}