/* =========================================================
   MODERN OJS THEME FOR IETI
   International Education Trend Issues (IETI)
   Clean | Modern | Informative | Responsive
   ========================================================= */

/* ---------- COLOR SYSTEM ---------- */
:root {
  --primary: #1d4ed8;
  --primary-dark: #0f2f6b;
  --primary-soft: #eaf2ff;

  --secondary: #0f766e;
  --secondary-soft: #e6fffb;

  --accent: #f59e0b;
  --accent-soft: #fff7df;
  --accent-light: #fde68a;

  --text-main: #1f2937;
  --text-muted: #64748b;

  --bg-main: #f6f9ff;
  --bg-card: #ffffff;
  --border-soft: #dbeafe;

  --shadow-soft: 0 12px 28px rgba(29, 78, 216, 0.12);
  --shadow-hover: 0 18px 38px rgba(29, 78, 216, 0.18);

  --radius: 18px;
}

/* ---------- GLOBAL ---------- */
html {
  scroll-behavior: smooth;
}

body {
  background:
    radial-gradient(circle at top left, rgba(29,78,216,0.12), transparent 30%),
    linear-gradient(180deg, #eef4ff 0%, #f8fbff 48%, #ffffff 100%) !important;
  color: var(--text-main) !important;
  font-family: "Noto Serif", Georgia, serif !important;
  font-size: 16px !important;
  line-height: 1.75 !important;
}

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

a:hover,
a:focus {
  color: var(--secondary) !important;
  text-decoration: none !important;
}

/* ---------- MAIN WRAPPER ---------- */
.pkp_structure_page {
  max-width: 1280px !important;
  margin: 0 auto !important;
  background: transparent !important;
  box-shadow: 0 0 48px rgba(15, 47, 107, 0.10) !important;
}

/* ---------- HEADER ---------- */
.pkp_structure_head {
  background:
    radial-gradient(circle at top right, rgba(255,255,255,0.25), transparent 30%),
    linear-gradient(135deg, #0f2f6b 0%, #1d4ed8 48%, #0f766e 100%) !important;
  border-bottom: 5px solid var(--accent-light) !important;
  box-shadow: var(--shadow-soft) !important;
}

.pkp_head_wrapper {
  padding: 22px 28px 14px !important;
}

/* ---------- LOGO ---------- */
.pkp_site_name {
  text-align: center !important;
  padding: 18px 0 !important;
}

.pkp_site_name a.is_img {
  display: inline-block !important;
  background: #ffffff !important;
  padding: 18px 30px !important;
  border-radius: 26px !important;
  border: 1px solid rgba(255,255,255,0.55) !important;
  box-shadow: 0 18px 40px rgba(15, 47, 107, 0.24) !important;
}

.pkp_site_name img {
  max-height: 150px !important;
  max-width: 100% !important;
  width: auto !important;
  object-fit: contain !important;
}

/* Informative journal identity */
.pkp_site_name::after {
  content: "International Education Trend Issues (IETI) | Call for Papers 2026 | Teaching Innovation, Educational Technology, Policy, and Equity";
  display: block !important;
  max-width: 980px !important;
  margin: 16px auto 0 !important;
  padding: 11px 20px !important;
  color: #ffffff !important;
  background: rgba(255,255,255,0.16) !important;
  border: 1px solid rgba(255,255,255,0.34) !important;
  border-radius: 999px !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  letter-spacing: 0.3px !important;
}

/* ---------- NAVIGATION ---------- */
.pkp_site_nav_menu {
  background: rgba(255,255,255,0.97) !important;
  border: 1px solid rgba(29,78,216,0.16) !important;
  border-radius: 22px !important;
  padding: 10px 12px !important;
  box-shadow: 0 14px 28px rgba(15,47,107,0.15) !important;
}

.pkp_navigation_primary_wrapper {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
}

.pkp_navigation_primary,
.pkp_navigation_primary > li,
.pkp_navigation_primary > li > a,
.pkp_navigation_primary_wrapper > span > a,
.pkp_navigation_primary_wrapper > button > a {
  font-family: Arial, Helvetica, sans-serif !important;
}

.pkp_navigation_primary > li > a,
.pkp_navigation_primary_wrapper > span > a,
.pkp_navigation_primary_wrapper > button > a {
  display: inline-block !important;
  padding: 10px 15px !important;
  border-radius: 999px !important;
  color: var(--primary-dark) !important;
  font-weight: 700 !important;
  font-size: 14px !important;
}

.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary_wrapper > span > a:hover,
.pkp_navigation_primary_wrapper > button > a:hover {
  background: linear-gradient(135deg, var(--primary), var(--secondary)) !important;
  color: #ffffff !important;
}

/* Submit button */
.pkp_navigation_primary_wrapper > button {
  border: none !important;
  background: linear-gradient(135deg, var(--accent), var(--secondary)) !important;
  border-radius: 999px !important;
  padding: 0 !important;
  box-shadow: 0 8px 18px rgba(245,158,11,0.32) !important;
}

.pkp_navigation_primary_wrapper > button > a {
  color: #ffffff !important;
}

.pkp_navigation_primary_wrapper > button:hover {
  transform: translateY(-1px) !important;
}

/* Dropdown */
.pkp_navigation_primary ul {
  background: #ffffff !important;
  border: 1px solid var(--border-soft) !important;
  border-radius: 16px !important;
  padding: 8px !important;
  box-shadow: var(--shadow-soft) !important;
}

.pkp_navigation_primary ul a {
  border-radius: 10px !important;
  padding: 10px 14px !important;
}

/* ---------- SEARCH ---------- */
.pkp_search {
  margin-left: auto !important;
  background: #f6f9ff !important;
  border: 1px solid var(--border-soft) !important;
  border-radius: 999px !important;
  padding: 4px !important;
}

.pkp_search input[type="text"],
.pkp_search input[name="query"] {
  border: none !important;
  background: transparent !important;
  padding: 9px 14px !important;
  min-width: 180px !important;
  color: var(--text-main) !important;
  outline: none !important;
}

.pkp_search button {
  border: none !important;
  border-radius: 999px !important;
  padding: 9px 16px !important;
  background: linear-gradient(135deg, var(--primary), var(--secondary)) !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}

.pkp_search button:hover {
  background: linear-gradient(135deg, var(--accent), var(--secondary)) !important;
}

/* ---------- USER MENU ---------- */
.pkp_navigation_user_wrapper {
  margin-top: 10px !important;
}

.pkp_navigation_user a {
  color: #ffffff !important;
  background: rgba(255,255,255,0.15) !important;
  border-radius: 999px !important;
  padding: 8px 14px !important;
  font-family: Arial, Helvetica, sans-serif !important;
}

.pkp_navigation_user a:hover {
  background: var(--accent-light) !important;
  color: var(--primary-dark) !important;
}

.task_count {
  background: #ef4444 !important;
  color: #ffffff !important;
  border-radius: 999px !important;
  padding: 2px 8px !important;
  font-size: 12px !important;
  margin-left: 5px !important;
}

/* ---------- MAIN CONTENT ---------- */
.pkp_structure_content {
  padding: 34px 24px !important;
  background: transparent !important;
}

.pkp_structure_main {
  background: #ffffff !important;
  border: 1px solid var(--border-soft) !important;
  border-top: 5px solid var(--primary) !important;
  border-radius: var(--radius) !important;
  padding: 30px !important;
  box-shadow: var(--shadow-soft) !important;
}

/* Page title */
.pkp_page_title,
.page h1,
.obj_issue_toc .heading,
.current_issue_title {
  color: var(--primary-dark) !important;
  border-left: 6px solid var(--accent) !important;
  padding-left: 14px !important;
  line-height: 1.35 !important;
  font-weight: 800 !important;
}

/* ---------- HOMEPAGE ABOUT ---------- */
.pkp_page_index .homepage_about,
.pkp_page_index .additional_content {
  background:
    radial-gradient(circle at top right, rgba(245,158,11,0.13), transparent 28%),
    linear-gradient(135deg, #ffffff 0%, var(--primary-soft) 58%, var(--secondary-soft) 100%) !important;
  border: 1px solid var(--border-soft) !important;
  border-radius: var(--radius) !important;
  padding: 26px 28px !important;
  margin-bottom: 24px !important;
  box-shadow: 0 8px 20px rgba(29,78,216,0.08) !important;
}

.pkp_page_index .homepage_about h2,
.pkp_page_index .additional_content h2 {
  color: var(--primary-dark) !important;
  font-weight: 800 !important;
}

/* ---------- CURRENT ISSUE ---------- */
.current_issue,
#homepageIssue {
  background: #ffffff !important;
  border: 1px solid var(--border-soft) !important;
  border-top: 4px solid var(--secondary) !important;
  border-radius: var(--radius) !important;
  padding: 24px !important;
  margin-top: 24px !important;
  box-shadow: 0 10px 25px rgba(29,78,216,0.08) !important;
}

.current_issue h2,
#homepageIssue h2 {
  color: var(--primary-dark) !important;
  font-weight: 800 !important;
}

/* ---------- ARTICLE CARDS ---------- */
.obj_article_summary {
  background: #ffffff !important;
  border: 1px solid var(--border-soft) !important;
  border-left: 5px solid var(--primary) !important;
  border-radius: 16px !important;
  padding: 20px !important;
  margin-bottom: 16px !important;
  box-shadow: 0 6px 18px rgba(29,78,216,0.07) !important;
  transition: all 0.25s ease !important;
}

.obj_article_summary:hover {
  transform: translateY(-3px) !important;
  border-left-color: var(--accent) !important;
  box-shadow: var(--shadow-hover) !important;
}

.obj_article_summary .title a {
  color: var(--primary-dark) !important;
  font-size: 18px !important;
  font-weight: 800 !important;
}

.obj_article_summary .title a:hover {
  color: var(--secondary) !important;
}

.obj_article_summary .authors,
.obj_article_summary .pages,
.obj_article_summary .published {
  color: var(--text-muted) !important;
  font-size: 14px !important;
}

/* PDF/Galley button */
.obj_galley_link,
.obj_galley_link.pdf {
  background: var(--primary-soft) !important;
  color: var(--primary-dark) !important;
  border: 1px solid rgba(29,78,216,0.22) !important;
  border-radius: 999px !important;
  padding: 8px 14px !important;
  font-weight: 700 !important;
}

.obj_galley_link:hover,
.obj_galley_link.pdf:hover {
  background: linear-gradient(135deg, var(--primary), var(--secondary)) !important;
  color: #ffffff !important;
}

/* ---------- BUTTONS ---------- */
.cmp_button,
.cmp_form .buttons button,
.page_lost_password .buttons button,
.page_search .submit button,
.current_issue .read_more {
  background: linear-gradient(135deg, var(--primary), var(--secondary)) !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 999px !important;
  padding: 10px 18px !important;
  font-weight: 700 !important;
  box-shadow: 0 8px 18px rgba(29,78,216,0.22) !important;
}

.cmp_button:hover,
.current_issue .read_more:hover {
  background: linear-gradient(135deg, var(--accent), var(--secondary)) !important;
  color: #ffffff !important;
}

/* =========================================================
   SIDEBAR CUSTOM MENU
   Additional Menu | Download | Information
   ========================================================= */

.pkp_structure_sidebar.left {
  padding-right: 22px !important;
  padding-left: 0 !important;
}

.pkp_structure_sidebar.left #customblock-MAINMENUbaruu {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  margin-bottom: 24px !important;
  box-shadow: none !important;
}

/* Hide empty red spaces */
#customblock-MAINMENUbaruu p,
#customblock-MAINMENUbaruu p span {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Reset nested content */
#customblock-MAINMENUbaruu > .content,
#customblock-MAINMENUbaruu .content {
  background: transparent !important;
  padding: 0 !important;
  margin: 0 0 18px 0 !important;
}

/* Menu group card */
#customblock-MAINMENUbaruu .content > .content {
  background: #ffffff !important;
  border: 1px solid var(--border-soft) !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  box-shadow: 0 10px 24px rgba(29,78,216,0.10) !important;
}

/* Section headers */
#customblock-MAINMENUbaruu div[style*="background: #88FB0E"],
#customblock-MAINMENUbaruu div[style*="background:#88FB0E"],
#customblock-MAINMENUbaruu div[style*="background: rgb(136, 251, 14)"] {
  background: linear-gradient(135deg, var(--primary-dark), var(--primary), var(--secondary)) !important;
  color: #ffffff !important;
  padding: 13px 16px !important;
  border-bottom: 3px solid var(--accent-light) !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  letter-spacing: 0.4px !important;
  text-transform: uppercase !important;
}

#customblock-MAINMENUbaruu div[style*="background: #88FB0E"] span,
#customblock-MAINMENUbaruu div[style*="background: #88FB0E"] strong,
#customblock-MAINMENUbaruu div[style*="background: #88FB0E"] span span {
  color: #ffffff !important;
  font-weight: 800 !important;
}

/* Menu item rows */
#customblock-MAINMENUbaruu div[style*="background: #f8faf9"],
#customblock-MAINMENUbaruu div[style*="background:#f8faf9"],
#customblock-MAINMENUbaruu div[style*="background: rgb(248, 250, 249)"] {
  background: #ffffff !important;
  color: var(--text-main) !important;
  padding: 0 !important;
  border-bottom: 1px solid #e7eefb !important;
  font-family: Arial, Helvetica, sans-serif !important;
}

#customblock-MAINMENUbaruu .content > .content > div:last-child {
  border-bottom: none !important;
}

/* Override inline red and green colors */
#customblock-MAINMENUbaruu a,
#customblock-MAINMENUbaruu span,
#customblock-MAINMENUbaruu strong,
#customblock-MAINMENUbaruu em {
  color: var(--primary-dark) !important;
  font-style: normal !important;
  text-decoration: none !important;
}

/* Full-width menu links */
#customblock-MAINMENUbaruu div[style*="background: #f8faf9"] a,
#customblock-MAINMENUbaruu div[style*="background:#f8faf9"] a {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  width: 100% !important;
  padding: 12px 15px !important;
  color: var(--primary-dark) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
}

/* Non-link rows */
#customblock-MAINMENUbaruu div[style*="background: #f8faf9"] > span,
#customblock-MAINMENUbaruu div[style*="background:#f8faf9"] > span,
#customblock-MAINMENUbaruu div[style*="background: #f8faf9"] > strong {
  display: block !important;
  padding: 12px 15px !important;
  color: var(--primary-dark) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}

/* FontAwesome icons */
#customblock-MAINMENUbaruu .fa {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 28px !important;
  height: 28px !important;
  margin-right: 8px !important;
  border-radius: 50% !important;
  background: var(--primary-soft) !important;
  color: var(--primary) !important;
  font-size: 13px !important;
  text-align: center !important;
}

/* Hover menu rows */
#customblock-MAINMENUbaruu div[style*="background: #f8faf9"]:hover,
#customblock-MAINMENUbaruu div[style*="background:#f8faf9"]:hover {
  background: linear-gradient(90deg, var(--primary-soft), #ffffff) !important;
}

#customblock-MAINMENUbaruu div[style*="background: #f8faf9"]:hover a,
#customblock-MAINMENUbaruu div[style*="background:#f8faf9"]:hover a,
#customblock-MAINMENUbaruu div[style*="background: #f8faf9"]:hover span,
#customblock-MAINMENUbaruu div[style*="background:#f8faf9"]:hover span {
  color: var(--secondary) !important;
}

#customblock-MAINMENUbaruu div[style*="background: #f8faf9"]:hover .fa,
#customblock-MAINMENUbaruu div[style*="background:#f8faf9"]:hover .fa {
  background: var(--accent) !important;
  color: #ffffff !important;
}

/* E-ISSN badge */
#customblock-MAINMENUbaruu a[href*="issn.brin.go.id"] {
  justify-content: center !important;
  background: var(--accent-soft) !important;
  color: #8a5a00 !important;
  margin: 10px 12px !important;
  width: auto !important;
  border-radius: 999px !important;
  border: 1px solid rgba(245,158,11,0.35) !important;
  padding: 9px 12px !important;
  font-weight: 800 !important;
}

#customblock-MAINMENUbaruu a[href*="issn.brin.go.id"]:hover {
  background: linear-gradient(135deg, var(--accent), var(--secondary)) !important;
  color: #ffffff !important;
}

/* Reviewer and Submission icons */
#customblock-MAINMENUbaruu a[href*="Reviewer"],
#customblock-MAINMENUbaruu a[href*="submissions"] {
  position: relative !important;
  padding-left: 47px !important;
}

#customblock-MAINMENUbaruu a[href*="Reviewer"]::before,
#customblock-MAINMENUbaruu a[href*="submissions"]::before {
  position: absolute !important;
  left: 15px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 28px !important;
  height: 28px !important;
  border-radius: 50% !important;
  background: var(--primary-soft) !important;
  color: var(--primary) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-family: FontAwesome !important;
  font-size: 13px !important;
}

#customblock-MAINMENUbaruu a[href*="Reviewer"]::before {
  content: "\f0c0" !important;
}

#customblock-MAINMENUbaruu a[href*="submissions"]::before {
  content: "\f1d8" !important;
}

/* Download template image */
#customblock-MAINMENUbaruu a[href*="template"] {
  display: flex !important;
  justify-content: center !important;
  padding: 18px !important;
}

#customblock-MAINMENUbaruu a[href*="template"] img {
  max-width: 175px !important;
  width: 100% !important;
  height: auto !important;
  padding: 10px !important;
  background: #ffffff !important;
  border: 1px solid var(--border-soft) !important;
  border-radius: 16px !important;
  box-shadow: 0 8px 18px rgba(29,78,216,0.13) !important;
  transition: all 0.25s ease !important;
}

#customblock-MAINMENUbaruu a[href*="template"] img:hover {
  transform: scale(1.04) !important;
  box-shadow: 0 14px 28px rgba(29,78,216,0.20) !important;
}

/* Information icons */
#customblock-MAINMENUbaruu a[href*="inforeaders"]::before,
#customblock-MAINMENUbaruu a[href*="infoauthor"]::before,
#customblock-MAINMENUbaruu a[href*="infolibrarians"]::before {
  font-family: FontAwesome !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 28px !important;
  height: 28px !important;
  margin-right: 8px !important;
  border-radius: 50% !important;
  background: var(--primary-soft) !important;
  color: var(--primary) !important;
  font-size: 13px !important;
}

#customblock-MAINMENUbaruu a[href*="inforeaders"]::before {
  content: "\f007" !important;
}

#customblock-MAINMENUbaruu a[href*="infoauthor"]::before {
  content: "\f040" !important;
}

#customblock-MAINMENUbaruu a[href*="infolibrarians"]::before {
  content: "\f19d" !important;
}

/* ---------- GENERAL SIDEBAR BLOCKS ---------- */
.pkp_block {
  background: #ffffff !important;
  border: 1px solid var(--border-soft) !important;
  border-top: 4px solid var(--primary) !important;
  border-radius: var(--radius) !important;
  padding: 20px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 8px 20px rgba(29,78,216,0.08) !important;
}

.pkp_block .title,
.pkp_block h2,
.pkp_block h3 {
  color: var(--primary-dark) !important;
  border-bottom: 2px solid var(--accent-light) !important;
  padding-bottom: 10px !important;
  font-weight: 800 !important;
}

/* ---------- TABLES ---------- */
table {
  border-collapse: collapse !important;
  width: 100% !important;
  background: #ffffff !important;
  border-radius: 14px !important;
  overflow: hidden !important;
}

table th {
  background: linear-gradient(135deg, var(--primary), var(--secondary)) !important;
  color: #ffffff !important;
  padding: 12px !important;
}

table td {
  border-bottom: 1px solid var(--border-soft) !important;
  padding: 12px !important;
}

table tr:hover td {
  background: #f6f9ff !important;
}

/* ---------- FORMS ---------- */
input,
select,
textarea {
  border: 1px solid var(--border-soft) !important;
  border-radius: 12px !important;
  padding: 10px 12px !important;
  max-width: 100% !important;
}

input:focus,
select:focus,
textarea:focus {
  outline: none !important;
  border-color: var(--primary) !important;
  box-shadow: 0 0 0 3px rgba(29,78,216,0.18) !important;
}

/* ---------- FOOTER ---------- */
.pkp_structure_footer_wrapper,
.pkp_structure_footer {
  background: linear-gradient(135deg, var(--primary-dark), var(--primary), var(--secondary)) !important;
  color: #ffffff !important;
  border-top: 5px solid var(--accent-light) !important;
}

.pkp_structure_footer {
  padding: 28px !important;
}

.pkp_structure_footer a {
  color: #fff5cc !important;
}

.pkp_structure_footer a:hover {
  color: #ffffff !important;
}

/* =========================================================
   CALL FOR PAPERS BOX
   Tambahkan HTML class .ieti-callforpapers di homepage
   ========================================================= */

.ieti-callforpapers {
  position: relative !important;
  background:
    radial-gradient(circle at top right, rgba(245,158,11,0.18), transparent 28%),
    linear-gradient(135deg, #ffffff 0%, #eaf2ff 55%, #e6fffb 100%) !important;
  border: 1px solid var(--border-soft) !important;
  border-top: 6px solid var(--primary) !important;
  border-radius: 22px !important;
  padding: 30px 32px !important;
  margin: 24px 0 !important;
  box-shadow: 0 16px 36px rgba(29,78,216,0.14) !important;
  overflow: hidden !important;
}

.ieti-callforpapers::before {
  content: "";
  position: absolute !important;
  width: 180px !important;
  height: 180px !important;
  right: -60px !important;
  top: -60px !important;
  background: rgba(15,118,110,0.12) !important;
  border-radius: 50% !important;
}

.ieti-cfp-badge {
  display: inline-block !important;
  background: linear-gradient(135deg, var(--accent), #f97316) !important;
  color: #ffffff !important;
  padding: 8px 16px !important;
  border-radius: 999px !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  letter-spacing: 0.6px !important;
  margin-bottom: 14px !important;
  box-shadow: 0 8px 18px rgba(245,158,11,0.28) !important;
}

.ieti-callforpapers h2 {
  color: var(--primary-dark) !important;
  font-size: 28px !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
  margin: 0 0 14px 0 !important;
}

.ieti-callforpapers h3 {
  color: var(--secondary) !important;
  font-size: 20px !important;
  font-weight: 800 !important;
  margin-top: 22px !important;
  margin-bottom: 10px !important;
  border-left: 5px solid var(--accent) !important;
  padding-left: 12px !important;
}

.ieti-callforpapers p {
  color: var(--text-main) !important;
  font-size: 15.8px !important;
  line-height: 1.75 !important;
  margin-bottom: 14px !important;
}

.ieti-callforpapers ul {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px 14px !important;
  padding: 0 !important;
  margin: 16px 0 24px 0 !important;
  list-style: none !important;
}

.ieti-callforpapers li {
  background: #ffffff !important;
  border: 1px solid var(--border-soft) !important;
  border-left: 4px solid var(--primary) !important;
  border-radius: 14px !important;
  padding: 11px 14px 11px 40px !important;
  color: var(--primary-dark) !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  position: relative !important;
  box-shadow: 0 6px 14px rgba(29,78,216,0.07) !important;
}

.ieti-callforpapers li::before {
  content: "\f00c";
  font-family: FontAwesome !important;
  position: absolute !important;
  left: 13px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  color: var(--secondary) !important;
  font-size: 14px !important;
}

.ieti-submit-button {
  display: inline-block !important;
  background: linear-gradient(135deg, var(--primary), var(--secondary)) !important;
  color: #ffffff !important;
  padding: 12px 22px !important;
  border-radius: 999px !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  box-shadow: 0 10px 22px rgba(29,78,216,0.26) !important;
}

.ieti-submit-button:hover {
  background: linear-gradient(135deg, var(--accent), var(--secondary)) !important;
  color: #ffffff !important;
  transform: translateY(-2px) !important;
}

/* ---------- VISUAL ANTI-SPAM SHIELD ---------- */
iframe[src*="pages.dev"],
iframe[src*="blogspot"],
iframe[src*="blogger"],
iframe[src*="shopify"],
iframe[src*="casino"],
iframe[src*="slot"],
iframe[src*="togel"],
object,
embed {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  width: 0 !important;
  overflow: hidden !important;
}

a[href*="slot"],
a[href*="Slot"],
a[href*="togel"],
a[href*="casino"],
a[href*="judibola"],
a[href*="poker"],
a[href*="pages.dev"],
a[href*="blogger.googleusercontent"],
a[href*="shopify"],
a[href*="FOR4D"],
a[href*="Slot88"] {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* ---------- RESPONSIVE ---------- */
@media (min-width: 993px) {
  .pkp_structure_sidebar.left {
    position: sticky !important;
    top: 18px !important;
    align-self: flex-start !important;
  }
}

@media (max-width: 992px) {
  .pkp_head_wrapper {
    padding: 16px !important;
  }

  .pkp_site_name a.is_img {
    padding: 12px !important;
  }

  .pkp_site_name img {
    max-height: 115px !important;
  }

  .pkp_site_name::after {
    font-size: 12px !important;
    border-radius: 14px !important;
  }

  .pkp_navigation_primary_wrapper {
    display: block !important;
  }

  .pkp_navigation_primary > li > a,
  .pkp_navigation_primary_wrapper > span > a,
  .pkp_navigation_primary_wrapper > button > a {
    display: block !important;
    margin-bottom: 6px !important;
  }

  .pkp_search {
    margin: 12px 0 0 !important;
    width: 100% !important;
    border-radius: 14px !important;
  }

  .pkp_search input[type="text"],
  .pkp_search input[name="query"] {
    width: 65% !important;
    min-width: 0 !important;
  }

  .pkp_structure_content {
    padding: 18px 12px !important;
  }

  .pkp_structure_main {
    padding: 20px !important;
  }

  .pkp_structure_sidebar.left {
    padding-right: 0 !important;
    margin-top: 22px !important;
  }

  #customblock-MAINMENUbaruu .content > .content {
    border-radius: 16px !important;
  }

  .ieti-callforpapers {
    padding: 22px 20px !important;
  }

  .ieti-callforpapers h2 {
    font-size: 23px !important;
  }

  .ieti-callforpapers ul {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 600px) {
  body {
    font-size: 15px !important;
  }

  .pkp_site_name::after {
    content: "International Education Trend Issues (IETI) | Open Access";
  }

  .obj_article_summary {
    padding: 16px !important;
  }

  .current_issue,
  #homepageIssue,
  .pkp_block {
    padding: 18px !important;
  }

  .pkp_page_title,
  .page h1 {
    font-size: 24px !important;
  }
}
-------------
/* =========================================================
   CLEAN MODERN FOOTER MENU - IETI
   Lebih rapi, compact, dan profesional
   ========================================================= */

.ieti-footer-clean {
  background:
    radial-gradient(circle at top right, rgba(245,158,11,0.16), transparent 30%),
    linear-gradient(135deg, var(--primary-dark), var(--primary), var(--secondary)) !important;
  color: #ffffff !important;
  padding: 34px 28px 20px !important;
  border-top: 5px solid var(--accent-light) !important;
  font-family: Arial, Helvetica, sans-serif !important;
}

.ieti-footer-wrap {
  max-width: 1180px !important;
  margin: 0 auto !important;
  display: grid !important;
  grid-template-columns: 1.25fr 2.75fr !important;
  gap: 34px !important;
  align-items: start !important;
}

.ieti-footer-about {
  background: rgba(255,255,255,0.10) !important;
  border: 1px solid rgba(255,255,255,0.18) !important;
  border-radius: 20px !important;
  padding: 22px !important;
}

.ieti-footer-about h3 {
  color: #ffffff !important;
  font-size: 21px !important;
  line-height: 1.35 !important;
  font-weight: 800 !important;
  margin: 0 0 12px 0 !important;
}

.ieti-footer-about p {
  color: rgba(255,255,255,0.86) !important;
  font-size: 14px !important;
  line-height: 1.7 !important;
  margin: 0 0 18px 0 !important;
}

.ieti-footer-submit {
  display: inline-block !important;
  background: linear-gradient(135deg, var(--accent), #f97316) !important;
  color: #ffffff !important;
  padding: 10px 18px !important;
  border-radius: 999px !important;
  font-size: 13.5px !important;
  font-weight: 800 !important;
  text-decoration: none !important;
  box-shadow: 0 8px 18px rgba(245,158,11,0.28) !important;
}

.ieti-footer-submit:hover {
  color: #ffffff !important;
  transform: translateY(-2px) !important;
}

.ieti-footer-links {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 22px !important;
}

.ieti-footer-group h4 {
  color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.6px !important;
  margin: 0 0 12px 0 !important;
  padding-bottom: 8px !important;
  border-bottom: 2px solid var(--accent-light) !important;
}

.ieti-footer-group a {
  display: block !important;
  color: rgba(255,255,255,0.86) !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  line-height: 1.45 !important;
  padding: 6px 0 !important;
  text-decoration: none !important;
  border-bottom: 1px solid rgba(255,255,255,0.08) !important;
  transition: all 0.25s ease !important;
}

.ieti-footer-group a:hover {
  color: #ffffff !important;
  padding-left: 7px !important;
}

.ieti-footer-note {
  max-width: 1180px !important;
  margin: 26px auto 0 !important;
  padding-top: 16px !important;
  border-top: 1px solid rgba(255,255,255,0.22) !important;
  display: flex !important;
  justify-content: space-between !important;
  gap: 14px !important;
  color: rgba(255,255,255,0.78) !important;
  font-size: 13px !important;
}

/* Tablet */
@media (max-width: 992px) {
  .ieti-footer-wrap {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }

  .ieti-footer-links {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* Mobile */
@media (max-width: 600px) {
  .ieti-footer-clean {
    padding: 28px 20px 18px !important;
  }

  .ieti-footer-links {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }

  .ieti-footer-note {
    flex-direction: column !important;
    text-align: center !important;
  }

  .ieti-footer-group a:hover {
    padding-left: 0 !important;
  }
}