/* =========================================================
   MET / Zarqa University OJS Custom Styles
   Matches the visual direction of https://met.zu.edu.jo/
   ========================================================= */

@import url('https://fonts.googleapis.com/css2?family=Google+Sans+Flex:opsz,wght@6..144,1..1000&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

:root {
  --met-primary: #0f6b63;
  --met-primary-dark: #0a4f49;
  --met-accent: #d7a63c;
  --met-bg: #f5f7f8;
  --met-surface: #ffffff;
  --met-border: #d8e0e3;
  --met-text: #1f2d2f;
  --met-muted: #66787d;
  --met-heading: #123b40;
  --met-shadow: 0 8px 24px rgba(15, 107, 99, 0.08);
  --met-radius: 10px;
}


:root {
  --font-heading: "Merriweather", serif;
  --font-body: "Source Sans 3", sans-serif;
  --font-arabic: "Cairo", sans-serif;
}

*{
	 --font-heading: "Merriweather", serif;
  --font-body: "Source Sans 3", sans-serif;
  --font-arabic: "Cairo", sans-serif;
}


/* Base */
body,
.pkp_page_index,
.pkp_page_article,
.pkp_page_issue,
.pkp_page_search {
  background: var(--met-bg);
  color: var(--met-text);
  font-family: "Roboto", sans-serif;
  line-height: 1.7;
}

a {
  color: var(--met-primary);
  text-decoration: none;
  transition: all 0.25s ease;
}

a:hover,
a:focus {
  color: var(--met-primary-dark);
  text-decoration: underline;
}

h1, h2, h3, h4, h5, h6 {
  color: var(--met-heading);
  font-weight: 700;
}

/* Header */
.pkp_structure_head {
 background: #1f3f79;
  border-bottom: 4px solid #88d2f1;
}

.pkp_site_name_wrapper,
.pkp_navigation_primary_wrapper,
.pkp_navigation_user_wrapper {
  background: transparent;
}

.pkp_site_name .is_text,
.pkp_site_name a {
  color: #fff !important;
  font-weight: 700;
  font-size: 28px;
  letter-spacing: 0.3px;
}

.pkp_navigation_primary > li > a,
.pkp_navigation_user > li > a,
.pkp_navigation_search_wrapper a {
  color: #fff !important;
  font-weight: 600;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 0.4px;
}

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

/* Dropdown menus */
.pkp_nav_list ul {
  background: #ffffff;
  border: 1px solid var(--met-border);
  border-radius: 0 0 var(--met-radius) var(--met-radius);
  box-shadow: var(--met-shadow);
}

.pkp_nav_list ul a {
  color: var(--met-text) !important;
  padding: 10px 16px;
}

.pkp_nav_list ul a:hover {
  background: #eef6f5;
  color: var(--met-primary-dark) !important;
}

/* Main content wrappers */
.pkp_structure_content,
.obj_issue_toc,
.obj_article_details,
.page_index_journal,
.page_issue_archive,
.page_search {
  background: transparent;
}

.page {
  background: transparent;
}

.cmp_breadcrumbs,
.pkp_structure_main,
.pkp_structure_sidebar {
  margin-top: 18px;
}

.pkp_structure_main > *,
.pkp_structure_sidebar .pkp_block {
  background: var(--met-surface);
  border: 1px solid var(--met-border);
  border-radius: var(--met-radius);
  box-shadow: var(--met-shadow);
}

/* Add breathing room */
.pkp_structure_main > * {
  padding: 24px;
  margin-bottom: 24px;
}

.pkp_structure_sidebar .pkp_block {
  padding: 18px;
  margin-bottom: 20px;
}

/* Sidebar block titles */
.pkp_block .title {
  color: var(--met-heading);
  font-size: 16px;
  font-weight: 700;
  border-bottom: 2px solid var(--met-accent);
  padding-bottom: 8px;
  margin-bottom: 12px;
}

/* Buttons */
button,
input[type="submit"],
input[type="button"],
.pkp_button,
.cmp_manuscript_button,
.obj_galley_link,
a.read_more {
  background: var(--met-primary);
  color: #fff !important;
  border: 1px solid var(--met-primary);
  border-radius: 6px;
  padding: 10px 16px;
  font-weight: 600;
  box-shadow: none;
  transition: all 0.25s ease;
}

button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
.pkp_button:hover,
.cmp_manuscript_button:hover,
.obj_galley_link:hover,
a.read_more:hover {
  background: var(--met-primary-dark);
  border-color: var(--met-primary-dark);
  color: #fff !important;
  text-decoration: none;
  transform: translateY(-1px);
}

/* Secondary links styled like chips */
.obj_galley_link {
  display: inline-block;
  margin: 4px 6px 4px 0;
}

/* Current issue / article cards */
.obj_issue_summary,
.cmp_article_list > li,

.media,
.item {
  background: #fff;
  border: 1px solid var(--met-border);
  border-radius: var(--met-radius);
  box-shadow: 0 4px 14px rgba(0,0,0,0.04);
  padding: 18px;
  margin-bottom: 18px;
}

.obj_issue_summary:hover,
.cmp_article_list > li:hover,
.obj_article_summary:hover {
  border-color: #b9ced1;
  box-shadow: 0 10px 25px rgba(15, 107, 99, 0.10);
}

/* Article and issue titles */
.obj_issue_summary .title,
.obj_article_summary .title,
.obj_article_details .page_title,
.cmp_breadcrumbs ol li,
.page_title {
  color: var(--met-heading);
}

.obj_issue_summary .title a,
.obj_article_summary .title a {
  color: var(--met-heading);
}

.obj_issue_summary .title a:hover,
.obj_article_summary .title a:hover {
  color: var(--met-primary);
}

/* Metadata */
.published,
.submissions,
.current_issue .description,
.obj_article_summary .meta,
.item .meta,
.value {
  color: var(--met-muted);
  font-size: 14px;
}

/* Breadcrumbs */
.cmp_breadcrumbs {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  margin-bottom: 8px;
  padding: 0 !important;
}

.cmp_breadcrumbs a {
  color: var(--met-primary);
  font-weight: 600;
}

/* Forms */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="search"],
select,
textarea {
  width: 100%;
  border: 1px solid var(--met-border);
  border-radius: 6px;
  background: #fff;
  color: var(--met-text);
  padding: 10px 12px;
  transition: all 0.2s ease;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="search"]:focus,
select:focus,
textarea:focus {
  border-color: var(--met-primary);
  outline: none;
  box-shadow: 0 0 0 3px rgba(15, 107, 99, 0.14);
}

/* Tables */
table {
  width: 100%;
  border-collapse: collapse;
  background: #fff;
}

table th,
table td {
  border: 1px solid var(--met-border);
  padding: 10px 12px;
  text-align: left;
}

table th {
  background: #eef6f5;
  color: var(--met-heading);
  font-weight: 700;
}

/* Notices and messages */
.cmp_notification {
  border-left: 4px solid var(--met-primary);
  background: #f1f8f7;
  color: var(--met-text);
  border-radius: 6px;
}

/* Footer */
.pkp_structure_footer_wrapper {
  background: #234579;
  color: #fff;
  border-top: 4px solid #88d2f1;
  margin-top: 40px;
}

.pkp_footer_content,
.pkp_brand_footer,
.pkp_structure_footer {
  color: #fff;
}

.pkp_structure_footer a {
  color: #ffe5a8;
}

.pkp_structure_footer a:hover {
  color: #fff;
}

/* Language / login / utility links */
.block_language .content ul li a,
.block_information .content ul li a,
.block_navigation .content ul li a {
  color: var(--met-primary);
}

.block_language .content ul li a:hover,
.block_information .content ul li a:hover,
.block_navigation .content ul li a:hover {
  color: var(--met-primary-dark);
}

/* PDF and article links */
.obj_galley_link.pdf {
  background: var(--met-accent);
  border-color: var(--met-accent);
  color: #1b1b1b !important;
}

.obj_galley_link.pdf:hover {
  background: #c29128;
  border-color: #c29128;
  color: #1b1b1b !important;
}

/* Mobile */
@media (max-width: 768px) {
  .pkp_site_name .is_text,
  .pkp_site_name a {
    font-size: 22px;
    line-height: 1.3;
  }

  .pkp_structure_main > *,
  .pkp_structure_sidebar .pkp_block {
    padding: 16px;
  }

  .obj_issue_summary,
  .cmp_article_list > li,
  .obj_article_summary {
    padding: 14px;
  }

  .pkp_navigation_primary > li > a,
  .pkp_navigation_user > li > a {
    font-size: 13px;
  }
}






@media (min-width: 768px) {
  .pkp_structure_main::before, .pkp_structure_main::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 1px;
    background: unset;
  }
}

.pkp_site_name .is_img::after {
    content: "The International Journal on Modern Educational Trends\A ISSN xxxxx | ISSN xxxxx | ISSN(ONLINE) xxxxx";
    display: block;
    white-space: pre-line;
    font-size: 16px;
    font-weight: 700;
    color: #FFF;
    line-height: 1.5;
    margin-top: 0;
}


.pkp_structure_content, .obj_issue_toc, .obj_article_details, .page_index_journal, .page_issue_archive, .page_search {
  background: #fff;
}






.pkp_structure_main > *, .pkp_structure_sidebar .pkp_block {
  background: unset;
  border: unset;
  border-radius: unset;
  box-shadow: unset;
}

.obj_article_summary > .title {
 font-family: "Roboto", sans-serif;
  font-size: 1rem;
  line-height: 1.43rem;
  font-weight: 700;
  border-bottom: none;
  margin: 0;
}



.pkp_brand_footer img
{
	display:none;
}



.pkp_page_index .current_issue .read_more {
 
  background-color: #88d2f1;
}