/* ==========================================================================
   PELITA - OJS 3.x stylesheet (Default theme), Civics-style layout
   Teal #088798 (header colour of Pelita) + orange #D2641A (PELITA title) + light teal background
   Upload at Settings > Website > Appearance > Journal style sheet (Advanced tab).
   ========================================================================== */

:root{
  --c-maroon:#088798;      /* main colour (Pelita header) */
  --c-maroon-dk:#05525C;   /* dark teal              */
  --c-gold:#D2641A;        /* accent: orange of the PELITA title */
  --c-cream:#E8F5F7;       /* soft background        */
  --c-cream-2:#F1F9FA;     /* table rows             */
  --c-line:#C7E4E8;        /* borders                */
  --c-ink:#13282B;         /* body text              */
  --c-muted:#4E6A6E;       /* secondary text         */
  --f-serif:Georgia,'Times New Roman',serif;
  --f-sans:-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
}

/* ---------- Base ---------- */
body{background:#EEF4F5 !important;color:var(--c-ink);font-family:var(--f-sans);}
.pkp_structure_page{background:#ffffff;box-shadow:0 0 0 1px var(--c-line);}
a{color:var(--c-maroon);}
a:hover,a:focus{color:var(--c-maroon-dk);}
h1,h2,h3,h4,.page_title,.pkp_block .title{font-family:var(--f-serif);color:var(--c-maroon-dk);}
.page_title{font-style:italic;font-size:2rem;border-bottom:3px solid var(--c-gold);padding-bottom:.4rem;}

/* ---------- Header ---------- */
.pkp_structure_head{background:var(--c-maroon) !important;border-bottom:6px solid var(--c-gold) !important;}
.pkp_site_name .is_text{font-family:var(--f-serif);font-style:italic;color:#ffffff !important;font-size:1.9rem;}
.pkp_site_name a:hover{color:var(--c-gold) !important;}

/* ---------- Primary navigation ---------- */
.pkp_navigation_primary_row{background:var(--c-maroon-dk) !important;}
.pkp_navigation_primary > li > a{color:#ffffff !important;font-family:var(--f-sans);font-weight:600;letter-spacing:.5px;
  border-bottom:3px solid transparent;padding-bottom:.4rem;}
.pkp_navigation_primary > li > a:hover,.pkp_navigation_primary > li > a:focus{color:var(--c-gold) !important;border-bottom-color:var(--c-gold);}
.pkp_navigation_primary ul{background:#ffffff;border:1px solid var(--c-line);border-top:3px solid var(--c-gold);}
.pkp_navigation_primary ul a{color:var(--c-maroon) !important;}
.pkp_navigation_primary ul a:hover{background:var(--c-cream);border-left-color:var(--c-maroon) !important;}
.pkp_navigation_user > li > a{color:#ffffff !important;}
.pkp_navigation_user > li > a:hover{color:var(--c-gold) !important;}
.pkp_navigation_search_wrapper a{color:#ffffff !important;}
.pkp_head_wrapper .pkp_search .search_controls .search_prompt{color:#ffffff;}

/* ---------- Content ---------- */
.pkp_structure_main{font-size:15px;line-height:1.7;}
.pkp_structure_main h2{border-left:5px solid var(--c-maroon);padding-left:.6rem;}
.homepage_about,.current_issue{background:var(--c-cream);border:1px solid var(--c-line);border-top:5px solid var(--c-maroon);border-radius:6px;padding:16px 20px;}
.current_issue .current_issue_title{font-family:var(--f-serif);font-style:italic;color:var(--c-maroon-dk);}

/* ---------- Article lists (issue TOC) ---------- */
.obj_issue_toc .section > h2,.obj_issue_toc .sections .section h2{background:var(--c-maroon);color:#ffffff;font-family:var(--f-sans);
  font-size:.85rem;letter-spacing:2px;text-transform:uppercase;padding:6px 12px;border-bottom:3px solid var(--c-gold);border-left:0;}
.obj_article_summary{border-bottom:1px solid var(--c-line);padding:12px 0;}
.obj_article_summary > .title a{font-family:var(--f-serif);font-size:1.1rem;color:var(--c-maroon-dk);}
.obj_article_summary > .title a:hover{color:var(--c-maroon);text-decoration:underline;text-decoration-color:var(--c-gold);}
.obj_article_summary .meta .authors{color:var(--c-muted);font-style:italic;}
.obj_galley_link{background:#ffffff;border:1px solid var(--c-maroon) !important;color:var(--c-maroon) !important;border-radius:4px;font-weight:700;}
.obj_galley_link:hover{background:var(--c-maroon) !important;color:#ffffff !important;}
.obj_galley_link.pdf:before{color:inherit;}

/* ---------- Article page ---------- */
.obj_article_details .page_title{font-style:normal;font-size:1.8rem;line-height:1.25;}
.obj_article_details .item .label,.obj_article_details .sub_item .label{font-family:var(--f-sans);color:var(--c-maroon);
  font-size:.75rem;letter-spacing:1.5px;text-transform:uppercase;}
.obj_article_details .abstract{background:var(--c-cream);border-left:4px solid var(--c-maroon);padding:12px 16px;border-radius:0 6px 6px 0;}
.obj_article_details .entry_details{border-left:1px solid var(--c-line);}
.obj_article_details .entry_details .item{border-bottom:1px solid var(--c-line);}
.obj_article_details .doi a,.obj_article_details .keywords{color:var(--c-maroon);}

/* ---------- Sidebar blocks ---------- */
.pkp_structure_sidebar .pkp_block{background:#ffffff;border:1px solid var(--c-line);border-top:5px solid var(--c-maroon-dk);
  border-radius:6px;margin:0 0 16px 0;padding:0 0 12px 0;overflow:hidden;}
.pkp_structure_sidebar .pkp_block .title{display:block;background:var(--c-maroon);color:#ffffff;font-family:var(--f-sans);
  font-size:.8rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;padding:10px 14px;margin:0 0 10px 0;border-bottom:3px solid var(--c-gold);}
.pkp_structure_sidebar .pkp_block .content{padding:0 14px;}
.pkp_structure_sidebar .pkp_block a{color:var(--c-ink);}
.pkp_structure_sidebar .pkp_block a:hover{color:var(--c-maroon);}
.block_make_submission a{display:block;background:var(--c-maroon);color:#ffffff !important;text-align:center;border-radius:4px;
  font-weight:700;padding:10px;border-bottom:3px solid var(--c-gold);}
.block_make_submission a:hover{background:var(--c-maroon-dk);}

/* ---------- Buttons and forms ---------- */
.cmp_button,.cmp_form .buttons button,.pkp_button,.page_search .submit button,button.submit{background:var(--c-maroon) !important;
  border:1px solid var(--c-maroon) !important;color:#ffffff !important;border-radius:4px;box-shadow:none;font-weight:700;}
.cmp_button:hover,.cmp_form .buttons button:hover,.pkp_button:hover{background:var(--c-maroon-dk) !important;}
.cmp_form input[type="text"]:focus,.cmp_form input[type="email"]:focus,.cmp_form input[type="password"]:focus,.cmp_form textarea:focus,
.cmp_form select:focus{border-color:var(--c-maroon);box-shadow:0 0 0 2px rgba(8,135,152,.18);}
.cmp_notification{border-left-color:var(--c-gold);background:var(--c-cream);}
.cmp_pagination a{color:var(--c-maroon);}

/* ---------- Tables (static pages, announcements) ---------- */
.pkp_structure_main table th{background:var(--c-maroon);color:#ffffff;}
.pkp_structure_main table tr:nth-child(even) td{background:var(--c-cream-2);}
.obj_announcement_summary{border-left:4px solid var(--c-gold);padding-left:12px;}
.obj_announcement_summary h2 a,.obj_announcement_summary h3 a{color:var(--c-maroon-dk);font-family:var(--f-serif);}

/* ---------- Footer ---------- */
.pkp_structure_footer_wrapper{background:var(--c-maroon) !important;border-top:5px solid var(--c-gold);color:#E6F4F6;}
.pkp_structure_footer_wrapper a{color:#ffffff;}
.pkp_structure_footer_wrapper a:hover{color:var(--c-gold);}
.pkp_brand_footer{background:var(--c-maroon-dk);padding:10px 0;}
.pkp_brand_footer img{filter:brightness(0) invert(1);opacity:.8;}

/* ---------- Small screens ---------- */
@media (max-width:991px){
  .pkp_site_nav_menu{background:var(--c-maroon-dk) !important;}
  .pkp_site_nav_toggle{color:#ffffff;}
  .page_title{font-size:1.6rem;}
}

/* ---------- Clean links ---------- */
.pkp_site_name a,.pkp_navigation_primary a,.pkp_navigation_user a,.obj_article_summary > .title a,
.pkp_structure_sidebar .pkp_block a,.block_make_submission a,.obj_galley_link{text-decoration:none !important;}
.pkp_structure_main p a{text-decoration:underline;text-decoration-color:var(--c-gold);text-underline-offset:2px;}

/* ---------- Header logo image: fill the header width ----------
   Upload pelita-header-logo.jpg at Settings > Website > Appearance > Setup > Logo. */
.pkp_structure_head{background:#BFE6E9 !important;border-bottom:5px solid var(--c-gold) !important;}
.pkp_head_wrapper{padding-top:0 !important;max-width:none;}
.pkp_site_name_wrapper{padding:0 !important;height:auto !important;}
.pkp_site_name{padding:0 !important;margin:0 !important;width:100% !important;max-width:none !important;}
.pkp_site_name .is_img{display:block;margin:0 !important;}
.pkp_site_name .is_img img{display:block;width:100% !important;max-width:100% !important;max-height:none !important;height:auto !important;}
@media (min-width:992px){
  .pkp_site_name_wrapper{width:100% !important;}
  .pkp_navigation_primary_row{margin-top:0 !important;}
}
@media (max-width:991px){
  .pkp_site_name_wrapper{padding-right:52px !important;}  /* room for the menu button */
  .pkp_site_nav_toggle{top:8px;}
}
