/* ================================================
   UFUK JOURNAL - CUSTOM STYLESHEET
   Theme: Professional Academic with Indo-Turkish Elements
   ================================================ */

/* ---- ROOT VARIABLES ---- */
:root {
  /* Primary Colors */
  --ufuk-navy: #1b3a5f;
  --ufuk-turquoise: #4ecdc4;
  --ufuk-light-cyan: #a8e6cf;

  /* Secondary Colors */
  --ufuk-teal: #2c7873;
  --ufuk-gold: #d4a84b;
  --ufuk-brown: #8b4513;

  /* Neutral Colors */
  --ufuk-dark: #2d3436;
  --ufuk-gray: #636e72;
  --ufuk-light: #f5f6fa;
  --ufuk-white: #ffffff;

  /* Typography */
  --font-heading: "Playfair Display", "Crimson Text", Georgia, serif;
  --font-body: "Source Sans Pro", "Open Sans", Arial, sans-serif;

  /* Spacing */
  --spacing-unit: 8px;
}

/* ---- GLOBAL STYLES ---- */
body {
  font-family: var(--font-body);
  color: var(--ufuk-dark);
  line-height: 1.6;
  background-color: var(--ufuk-light);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--font-heading);
  color: var(--ufuk-navy);
  font-weight: 600;
}

a {
  color: var(--ufuk-teal);
  text-decoration: none;
  transition: color 0.3s ease;
}

a:hover {
  color: var(--ufuk-turquoise);
}

/* ---- HEADER ---- */
.pkp_structure_head {
  background: linear-gradient(
    135deg,
    var(--ufuk-navy) 0%,
    var(--ufuk-teal) 100%
  );
  border-bottom: 4px solid var(--ufuk-turquoise);
}

.pkp_site_name a {
  color: var(--ufuk-white) !important;
  font-family: var(--font-heading);
  font-size: 1.8rem;
  font-weight: 700;
}

/* Journal Logo Area */
.pkp_head_wrapper {
  padding: calc(var(--spacing-unit) * 3) 0;
}

/* ---- NAVIGATION ---- */
.pkp_navigation_primary {
  background-color: transparent;
}

.pkp_navigation_primary a {
  color: var(--ufuk-white) !important;
  font-weight: 500;
  padding: calc(var(--spacing-unit) * 1.5) calc(var(--spacing-unit) * 2);
  transition: background-color 0.3s ease;
}

.pkp_navigation_primary a:hover,
.pkp_navigation_primary li.current a {
  background-color: var(--ufuk-turquoise);
  color: var(--ufuk-navy) !important;
}

.pkp_site_nav_menu {
  background: transparent !important;
}

/* ---- HOMEPAGE ---- */
.homepage_image {
  position: relative;
  overflow: hidden;
}

.homepage_image::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(
    90deg,
    var(--ufuk-gold) 0%,
    var(--ufuk-turquoise) 50%,
    var(--ufuk-brown) 100%
  );
}

/* Journal Description */
.homepage_about {
  background-color: var(--ufuk-white);
  padding: calc(var(--spacing-unit) * 4);
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
  margin-bottom: calc(var(--spacing-unit) * 3);
}

.homepage_about h2 {
  color: var(--ufuk-navy);
  border-bottom: 3px solid var(--ufuk-turquoise);
  padding-bottom: calc(var(--spacing-unit) * 1);
  display: inline-block;
}

/* ---- ISSUE DISPLAY ---- */
.issue_summary {
  background-color: var(--ufuk-white);
  border-left: 4px solid var(--ufuk-turquoise);
  padding: calc(var(--spacing-unit) * 3);
  margin-bottom: calc(var(--spacing-unit) * 2);
  border-radius: 0 8px 8px 0;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.issue_summary h2 {
  color: var(--ufuk-navy);
  margin-bottom: calc(var(--spacing-unit) * 1);
}

/* ---- ARTICLE LIST ---- */
.obj_article_summary {
  background-color: var(--ufuk-white);
  border-radius: 8px;
  padding: calc(var(--spacing-unit) * 3);
  margin-bottom: calc(var(--spacing-unit) * 2);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease;
}

.obj_article_summary:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

.obj_article_summary .title {
  font-family: var(--font-heading);
  font-size: 1.2rem;
  color: var(--ufuk-navy);
  margin-bottom: calc(var(--spacing-unit) * 1);
}

.obj_article_summary .authors {
  color: var(--ufuk-gray);
  font-size: 0.95rem;
}

.pkp_nav_list ul {
  background: #4ecdc4 !important;
}

/* Section Badges */
.obj_article_summary .section {
  display: inline-block;
  background-color: var(--ufuk-turquoise);
  color: var(--ufuk-navy);
  font-size: 0.75rem;
  font-weight: 600;
  padding: calc(var(--spacing-unit) * 0.5) calc(var(--spacing-unit) * 1.5);
  border-radius: 20px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* ---- ARTICLE PAGE ---- */
.obj_article_details {
  background-color: var(--ufuk-white);
  padding: calc(var(--spacing-unit) * 4);
  border-radius: 8px;
}

.obj_article_details .page_title {
  font-family: var(--font-heading);
  font-size: 2rem;
  color: var(--ufuk-navy);
  line-height: 1.3;
  margin-bottom: calc(var(--spacing-unit) * 2);
}

/* Abstract Box */
.obj_article_details .abstract {
  background-color: var(--ufuk-light);
  padding: calc(var(--spacing-unit) * 3);
  border-radius: 8px;
  border-left: 4px solid var(--ufuk-turquoise);
}

.obj_article_details .abstract h3 {
  color: var(--ufuk-navy);
  font-size: 1.1rem;
  margin-bottom: calc(var(--spacing-unit) * 1);
}

/* Keywords */
.obj_article_details .keywords {
  margin-top: calc(var(--spacing-unit) * 2);
}

.obj_article_details .keywords .keyword {
  display: inline-block;
  background-color: var(--ufuk-light-cyan);
  color: var(--ufuk-teal);
  padding: calc(var(--spacing-unit) * 0.5) calc(var(--spacing-unit) * 1.5);
  border-radius: 4px;
  font-size: 0.85rem;
  margin-right: calc(var(--spacing-unit) * 0.5);
  margin-bottom: calc(var(--spacing-unit) * 0.5);
}

/* ---- SIDEBAR ---- */
.pkp_structure_sidebar {
  background-color: var(--ufuk-white);
  padding: calc(var(--spacing-unit) * 2);
  border-radius: 8px;
}

.pkp_block {
  margin-bottom: calc(var(--spacing-unit) * 3);
}

.pkp_block .title {
  font-family: var(--font-heading);
  color: var(--ufuk-navy);
  font-size: 1.1rem;
  border-bottom: 2px solid var(--ufuk-turquoise);
  padding-bottom: calc(var(--spacing-unit) * 1);
  margin-bottom: calc(var(--spacing-unit) * 1.5);
}

/* ---- BUTTONS ---- */
.pkp_button,
.cmp_button {
  background-color: var(--ufuk-turquoise) !important;
  color: var(--ufuk-navy) !important;
  border: none !important;
  padding: calc(var(--spacing-unit) * 1.5) calc(var(--spacing-unit) * 3) !important;
  border-radius: 6px !important;
  font-weight: 600 !important;
  transition: background-color 0.3s ease !important;
}

.pkp_button:hover,
.cmp_button:hover {
  background-color: var(--ufuk-teal) !important;
  color: var(--ufuk-white) !important;
}

/* Primary Button */
.pkp_button.primary,
.cmp_button.primary {
  background-color: var(--ufuk-navy) !important;
  color: var(--ufuk-white) !important;
}

.pkp_button.primary:hover,
.cmp_button.primary:hover {
  background-color: var(--ufuk-teal) !important;
}

/* ---- FOOTER ---- */

.pkp_structure_footer_wrapper {
  background-color: var(--ufuk-light-cyan);
}
.pkp_structure_footer {
  color: var(--ufuk-white);
  padding: calc(var(--spacing-unit) * 4) 0;
}

.pkp_structure_footer a {
  color: var(--ufuk-turquoise);
}

.pkp_structure_footer a:hover {
  color: var(--ufuk-light-cyan);
}

/* ---- FORMS ---- */
.pkp_form input[type="text"],
.pkp_form input[type="email"],
.pkp_form input[type="password"],
.pkp_form textarea,
.pkp_form select {
  border: 2px solid var(--ufuk-light);
  border-radius: 6px;
  padding: calc(var(--spacing-unit) * 1.5);
  transition: border-color 0.3s ease;
}

.pkp_form input:focus,
.pkp_form textarea:focus,
.pkp_form select:focus {
  border-color: var(--ufuk-turquoise);
  outline: none;
  box-shadow: 0 0 0 3px rgba(78, 205, 196, 0.2);
}

/* ---- ANNOUNCEMENTS ---- */
.obj_announcement {
  background-color: var(--ufuk-white);
  border-left: 4px solid var(--ufuk-gold);
  padding: calc(var(--spacing-unit) * 2);
  margin-bottom: calc(var(--spacing-unit) * 2);
  border-radius: 0 8px 8px 0;
}

/* ---- TABLE ---- */
table {
  width: 100%;
  border-collapse: collapse;
}

table th {
  background-color: var(--ufuk-navy);
  color: var(--ufuk-white);
  padding: calc(var(--spacing-unit) * 1.5);
  text-align: left;
}

table td {
  padding: calc(var(--spacing-unit) * 1.5);
  border-bottom: 1px solid var(--ufuk-light);
}

table tr:hover {
  background-color: var(--ufuk-light);
}

/* ---- RESPONSIVE ---- */
@media (max-width: 768px) {
  .pkp_site_name a {
    font-size: 1.4rem;
  }

  .obj_article_details .page_title {
    font-size: 1.5rem;
  }

  .homepage_about {
    padding: calc(var(--spacing-unit) * 2);
  }
}

/* ---- DECORATIVE ELEMENTS ---- */
/* Inspired by Turkish/Indonesian geometric patterns */
.section-divider {
  height: 4px;
  background: linear-gradient(
    90deg,
    var(--ufuk-gold) 0%,
    var(--ufuk-turquoise) 25%,
    var(--ufuk-navy) 50%,
    var(--ufuk-turquoise) 75%,
    var(--ufuk-brown) 100%
  );
  margin: calc(var(--spacing-unit) * 4) 0;
}
/* ---- SECTION-BASED STYLES ---- */

/* Research Article - Navy Blue (primary academic) */
.obj_article_summary .section[data-section="RA"],
a.label[href*="research-article"] {
  background-color: #1b3a5f !important;
  color: #ffffff !important;
}

/* Comparative & Analytical Essay - Teal */
.obj_article_summary .section[data-section="CAE"],
a.label[href*="comparative"] {
  background-color: #2c7873 !important;
  color: #ffffff !important;
}

/* Field/Diaspora Notes - Gold (signature section) */
.obj_article_summary .section[data-section="FDN"],
a.label[href*="field-diaspora"] {
  background-color: #d4a84b !important;
  color: #1b3a5f !important;
  font-weight: 700;
}

/* Translation / Source Dossier - Brown (archival feel) */
.obj_article_summary .section[data-section="TSD"],
a.label[href*="translation"] {
  background-color: #8b4513 !important;
  color: #ffffff !important;
}

/* Review Essay - Gray */
.obj_article_summary .section[data-section="RE"],
a.label[href*="review-essay"] {
  background-color: #636e72 !important;
  color: #ffffff !important;
}

/* Special highlight for Field/Diaspora Notes as signature section */
.obj_article_summary:has(.section[data-section="FDN"]) {
  border-left: 4px solid #d4a84b;
}