/* =========================================================
   THNHMJ — OJS 3 / "Manuscript (Default child theme)" Custom CSS
   Verified against the LIVE compiled stylesheet at:
   https://li05.tci-thaijo.org/index.php/thnhmj/$$$call$$$/page/page/css?name=stylesheet
   (fetched directly — status 200, Content-Type: text/css — this route
   is NOT affected by the styleSheet.html MIME bug found under Bootstrap3)

   Brand tokens: Secondary #006B3C · Background #FFFFFF
                 Text #111111 · Light Green #E8F2EF · Light Blue #EEF2FF

   FILE-SPECIFIC OVERRIDE (confirmed with Kamon 2026-08-31): for THIS
   file only, Primary blue = #2541D6 — the Manuscript theme's own
   native default blue — instead of the official THNHMJ Primary
   #0000FF. The official brand color doc (claude/thnhmj-color-system.md)
   and every other deliverable (logo, other documents) still use
   #0000FF and are UNCHANGED. Do not carry #2541D6 over to any other
   file without asking again.
   ========================================================= */

/* -----------------------------------------------------------
   0. WHAT THIS THEME LOOKS LIKE BEFORE THIS FILE (verified live)
   -----------------------------------------------------------
   - header.pkp_structure_head / nav.pkp_site_nav_menu background:
       rgb(37,65,214) = #2541D6 — this IS the theme's own native
       default blue, and per Kamon's instruction it is kept as the
       Primary color for this file (see override note above), so
       section 1 below is really just unifying the header/nav into
       one seamless bar rather than recoloring it.
   - div.pkp_navigation_primary_row (the strip holding HOME / ABOUT /
     PUBLICATION ETHICS / ... and the search box) background: WHITE.
     This is the one element that breaks the header into two visual
     bars instead of one seamless bar.
   - Nav links + Register/Login text color: rgba(0,0,0,0.54) — dark
     gray/black, fine on white but low-contrast if the row is made
     blue, so this file also flips it to white.
   - Sidebar block titles (.pkp_block .title) already render a
     border-bottom: 3px solid #006b3c — this is a MANUSCRIPT THEME
     DEFAULT (confirmed in the theme's own compiled CSS, not left over
     from any file we wrote), and it happens to already match our
     brand Secondary exactly. No fix needed there — left as-is,
     restated explicitly below only for robustness.
   - "MAKE A SUBMISSION" button background: rgb(37,65,214), same
     theme-default blue as the header. */


/* 1. Header — make it one seamless bar (theme's native blue) --------- */
.pkp_structure_head,
.pkp_site_nav_menu {
    background-color: #2541D6 !important;
}

/* This is the fix for the two-tone header: the primary-nav row was
   rendering solid white on top of the blue nav bar. Making it
   transparent lets the blue from .pkp_site_nav_menu show through, so
   the logo bar and the HOME/ABOUT/... bar read as one strip. */
.pkp_navigation_primary_row {
    background-color: transparent !important;
    border-top: 1px solid rgba(255, 255, 255, 0.25);
}

/* 2. Nav links + Register/Login — flip to white for contrast on blue */
#navigationPrimary > li > a,
.pkp_navigation_user a {
    color: #FFFFFF !important;
}

#navigationPrimary > li > a:hover,
#navigationPrimary > li > a:focus,
.pkp_navigation_user a:hover,
.pkp_navigation_user a:focus {
    color: #FFFFFF !important;
    opacity: 0.8;
}

/* Dropdown submenu panels (e.g. About ▾) already use the theme blue —
   keep them the same brand blue as the bar so the whole nav reads as
   one color family, and give submenu items a green hover to match the
   brand secondary. */
.pkp_navigation_primary .dropdown-menu {
    background-color: #2541D6 !important;
}
.pkp_navigation_primary .dropdown-menu a {
    color: #FFFFFF !important;
}
.pkp_navigation_primary .dropdown-menu a:hover,
.pkp_navigation_primary .dropdown-menu a:focus {
    background-color: #006B3C !important;
    color: #FFFFFF !important;
}

/* 2b. Logo — bigger than the theme's 80px default -------------------- */
/* Verified live: the logo <img> sits in .pkp_site_name with
   max-height:80px from the theme. Raising it to 115px still fits
   inside the existing header without other elements overlapping. */
.pkp_site_name img {
    max-height: 115px !important;
    height: auto !important;
    width: auto !important;
}

/* 3. Page background — brand Background token ------------------------ */
body {
    background-color: #FFFFFF !important;
}

/* 4. Sidebar blocks ---------------------------------------------------- */
/* Restated explicitly (see note in section 0) so this stays correct
   even if the theme's own default ever changes. */
.pkp_block .title {
    border-bottom: 3px solid #006B3C !important;
    color: #111111 !important;
}

/* Give the block body a light brand tint, consistent with the sidebar
   treatment already used elsewhere for THNHMJ. */
.pkp_block .content {
    background-color: #E8F2EF !important;
    border-radius: 6px !important;
    padding: 12px 15px !important;
}

.pkp_block a {
    color: #2541D6 !important;
}
.pkp_block a:hover,
.pkp_block a:focus {
    color: #006B3C !important;
}

/* 5. Buttons — "Make a Submission" and other primary actions --------- */
.cmp_manuscript_button,
.block_make_submission a,
.pkp_button.pkp_button_offset {
    background-color: #2541D6 !important;
    color: #FFFFFF !important;
}
.cmp_manuscript_button:hover,
.block_make_submission a:hover {
    background-color: #006B3C !important;
}

/* =========================================================
   NOTES FOR KAMON
   =========================================================
   1. Where to paste this: Website Settings → Appearance → Setup tab →
      "Additional Style Sheet" (the same field as before). This theme
      compiles that field into the SAME live stylesheet route I fetched
      directly and confirmed is served as real text/css — so the MIME
      bug we hit under Bootstrap3's styleSheet.html should not apply
      here. Please still hard-refresh (Ctrl+Shift+R) and check once,
      the same way you checked before — I'll re-verify from my side
      too once you confirm it's saved.
   2. Not touched on purpose: the dark hero banner image, the TCI Tier
      2 badge, and the "HOME ThaiJO" block — those are images/widgets,
      not colors, so nothing in this file affects them.
   3. Primary blue in this file is #2541D6 (the Manuscript theme's own
      native blue), per your instruction — NOT the official #0000FF.
      This is a file-specific exception for this deliverable only; the
      official color doc and everything else built so far still use
      #0000FF and were left untouched.
   ========================================================= */