/* =====================================================
   MODERN MATERIAL OJS 3.5 CUSTOM STYLE
   Elegant • Modern • Clean • Premium Look
===================================================== */

/* Import Font */
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Poppins:wght@400;500;600;700&display=swap");

/* =========================
   GLOBAL
========================= */

body {
  font-family: "Inter", sans-serif;
  background: #f4f7fb;
  color: #2d3748;
  line-height: 1.7;
}

a {
  transition: all 0.3s ease;
  text-decoration: none;
}

a:hover {
  opacity: 0.85;
}

/* =========================
   HEADER
========================= */

.pkp_structure_head {
  background: linear-gradient(135deg, #1e3c72, #2a5298);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  border-bottom: none;
}

.pkp_site_name a {
  font-family: "Poppins", sans-serif;
  font-size: 30px;
  font-weight: 700;
  color: #ffffff !important;
  letter-spacing: 0.5px;
}

.pkp_navigation_primary > li > a {
  color: rgba(255, 255, 255, 0.92) !important;
  font-weight: 500;
  font-size: 15px;
  padding: 12px 18px;
  border-radius: 10px;
}

.pkp_navigation_primary > li > a:hover {
  background: rgba(255, 255, 255, 0.12);
  color: #fff !important;
}

/* =========================
   HERO / WELCOME
========================= */

.homepage_about {
  background: #ffffff;
  border-radius: 24px;
  padding: 40px;
  margin-top: 30px;
  box-shadow: 0 10px 35px rgba(0, 0, 0, 0.05);
}

.homepage_about h2 {
  font-family: "Poppins", sans-serif;
  font-size: 34px;
  font-weight: 700;
  color: #1e293b;
  margin-bottom: 18px;
}

/* =========================
   ARTICLE CARDS
========================= */

.obj_issue_summary,
.cmp_article_list articles,
.obj_article_summary {
  background: #ffffff;
  border-radius: 20px;
  padding: 24px;
  margin-bottom: 24px;
  border: none;
  box-shadow: 0 8px 25px rgba(15, 23, 42, 0.06);
  transition: all 0.3s ease;
}

.obj_issue_summary:hover,
.cmp_article_list articles:hover,
.obj_article_summary:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 40px rgba(15, 23, 42, 0.1);
}

.obj_article_summary .title a {
  font-family: "Poppins", sans-serif;
  font-size: 22px;
  font-weight: 600;
  color: #1e293b;
}

.obj_article_summary .title a:hover {
  color: #2563eb;
}

/* =========================
   BUTTONS
========================= */

.btn,
.cmp_button,
.obj_galley_link {
  background: linear-gradient(135deg, #2563eb, #3b82f6);
  color: #ffffff !important;
  border: none;
  border-radius: 12px;
  padding: 12px 22px;
  font-weight: 600;
  transition: all 0.3s ease;
  box-shadow: 0 6px 16px rgba(37, 99, 235, 0.25);
}

.btn:hover,
.cmp_button:hover,
.obj_galley_link:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 24px rgba(37, 99, 235, 0.35);
}

/* PDF BUTTON */
.obj_galley_link.pdf {
  background: linear-gradient(135deg, #dc2626, #ef4444);
}

/* =========================
   SIDEBAR
========================= */

.pkp_block {
  background: #ffffff;
  border-radius: 18px;
  padding: 22px;
  margin-bottom: 24px;
  border: none;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.04);
}

.pkp_block .title {
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 600;
  color: #1e293b;
  margin-bottom: 14px;
}

/* =========================
   ISSUE COVER
========================= */

.obj_issue_toc .cover img,
.obj_issue_summary .cover img {
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
  transition: all 0.3s ease;
}

.obj_issue_toc .cover img:hover,
.obj_issue_summary .cover img:hover {
  transform: scale(1.03);
}

/* =========================
   SEARCH BOX
========================= */

input[type="text"],
input[type="password"],
input[type="email"],
textarea,
select {
  border-radius: 14px !important;
  border: 1px solid #dbe2ea !important;
  padding: 12px 16px !important;
  background: #ffffff;
  box-shadow: none !important;
  transition: all 0.3s ease;
}

input:focus,
textarea:focus,
select:focus {
  border-color: #3b82f6 !important;
  box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.12) !important;
}

/* =========================
   ANNOUNCEMENT
========================= */

.cmp_announcements .obj_announcement_summary {
  background: linear-gradient(135deg, #ffffff, #f8fbff);
  border-left: 5px solid #3b82f6;
  border-radius: 18px;
  padding: 24px;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.04);
}

/* =========================
   FOOTER
========================= */

.pkp_structure_footer_wrapper {
  background: #0f172a;
  color: rgba(255, 255, 255, 0.75);
  margin-top: 60px;
  padding-top: 40px;
}

.pkp_footer_content {
  font-size: 15px;
}

.pkp_footer_content a {
  color: #93c5fd;
}

/* =========================
   SCROLLBAR
========================= */

::-webkit-scrollbar {
  width: 10px;
}

::-webkit-scrollbar-track {
  background: #edf2f7;
}

::-webkit-scrollbar-thumb {
  background: linear-gradient(#2563eb, #60a5fa);
  border-radius: 20px;
}

/* =========================
   RESPONSIVE
========================= */

@media (max-width: 768px) {
  .homepage_about {
    padding: 25px;
  }

  .homepage_about h2 {
    font-size: 26px;
  }

  .pkp_site_name a {
    font-size: 24px;
  }

  .obj_article_summary .title a {
    font-size: 18px;
  }
}