/* ============================================================
   IQTISHAD — OJS FUTURISTIC BLUE JOURNAL STYLESHEET
   Target: OJS 3.x Default Theme (best-effort for 3.3–3.5)
   Install as a Journal Style Sheet; do not replace OJS core files.
   ============================================================ */

:root {
  --iq-blue-950: #06162b;
  --iq-blue-900: #082344;
  --iq-blue-800: #0b3768;
  --iq-blue-700: #07549a;
  --iq-blue-600: #0877c9;
  --iq-blue-500: #168eea;
  --iq-cyan: #36d9ff;
  --iq-cyan-light: #b9f5ff;
  --iq-text: #1b2b40;
  --iq-muted: #63758b;
  --iq-surface: #ffffff;
  --iq-surface-soft: #f3f8fd;
  --iq-border: #d8e6f3;
  --iq-shadow: 0 8px 24px rgba(8, 57, 105, .09);
}

html {
  scroll-behavior: smooth;
  -webkit-text-size-adjust: 100%;
}

body {
  color: var(--iq-text);
  background: #f1f6fc;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.65;
}

/* Main page canvas */
.pkp_structure_page {
  background: var(--iq-surface);
  box-shadow: 0 0 34px rgba(6, 35, 68, .07);
}

.pkp_structure_content {
  background: #fff;
}

.pkp_structure_main {
  min-width: 0;
}

/* Header and journal identity */
.pkp_structure_head {
  color: #fff;
  background: linear-gradient(118deg, var(--iq-blue-950) 0%, var(--iq-blue-800) 55%, #087eae 100%);
  border-bottom: 3px solid var(--iq-cyan);
}

.pkp_head_wrapper {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.pkp_site_name,
.pkp_site_name a,
.pkp_site_name a:link,
.pkp_site_name a:visited {
  color: #fff;
  text-decoration: none;
}

.pkp_site_name a:hover,
.pkp_site_name a:focus {
  color: var(--iq-cyan-light);
}

.pkp_site_name img {
  max-height: 94px;
  width: auto;
  height: auto;
}

/* Primary navigation */
.pkp_navigation_primary_row,
.pkp_navigation_primary_wrapper {
  background: linear-gradient(90deg, #082344 0%, #07549a 70%, #087eae 100%);
  border-top: 1px solid rgba(185, 245, 255, .18);
}

.pkp_navigation_primary > li > a,
.pkp_navigation_primary > li > a:link,
.pkp_navigation_primary > li > a:visited {
  color: #f3fbff;
  border-bottom: 2px solid transparent;
  transition: color .2s ease, background-color .2s ease, border-color .2s ease;
}

.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li > a:focus,
.pkp_navigation_primary > li > a[aria-current="page"] {
  color: #fff;
  background: rgba(54, 217, 255, .11);
  border-bottom-color: var(--iq-cyan);
}

.pkp_navigation_primary ul {
  background: #082344;
  border: 1px solid rgba(54, 217, 255, .42);
  box-shadow: 0 10px 28px rgba(2, 18, 38, .24);
}

.pkp_navigation_primary ul a,
.pkp_navigation_primary ul a:link,
.pkp_navigation_primary ul a:visited {
  color: #eaf5ff;
}

.pkp_navigation_primary ul a:hover,
.pkp_navigation_primary ul a:focus {
  color: #fff;
  background: #07549a;
}

.pkp_navigation_user_wrapper,
.pkp_navigation_user_wrapper a,
.pkp_navigation_user_wrapper a:link,
.pkp_navigation_user_wrapper a:visited {
  color: #eaf5ff;
}

.pkp_navigation_user_wrapper a:hover,
.pkp_navigation_user_wrapper a:focus {
  color: var(--iq-cyan-light);
}

/* Links and headings */
a,
a:link {
  color: #075fae;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
  transition: color .18s ease;
}

a:hover,
a:focus {
  color: #008bbd;
}

.pkp_structure_main h1,
.pkp_structure_main h2,
.pkp_structure_main h3,
.pkp_structure_main h4,
.pkp_structure_main h5 {
  color: var(--iq-blue-900);
  line-height: 1.3;
}

.pkp_structure_main h1 {
  letter-spacing: -.02em;
}

/* Article and issue listings */
.obj_article_summary,
.obj_issue_summary {
  padding: 1.1rem 1.2rem;
  margin-bottom: 1rem;
  background: #fff;
  border: 1px solid var(--iq-border);
  border-left: 3px solid #168eea;
  border-radius: 7px;
  box-shadow: 0 3px 12px rgba(8, 57, 105, .035);
  transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.obj_article_summary:hover,
.obj_issue_summary:hover {
  border-left-color: var(--iq-cyan);
  box-shadow: var(--iq-shadow);
  transform: translateY(-1px);
}

.obj_article_summary .title a,
.obj_article_summary h3 a,
.obj_issue_summary .title a {
  color: var(--iq-blue-800);
  font-weight: 700;
  text-decoration: none;
}

.obj_article_summary .title a:hover,
.obj_article_summary h3 a:hover,
.obj_issue_summary .title a:hover {
  color: #008bbd;
}

.obj_article_summary .meta,
.obj_article_summary .authors,
.obj_issue_summary .description,
.obj_issue_summary .published {
  color: var(--iq-muted);
  font-size: .93em;
}

.obj_article_details .item {
  margin-bottom: 1.25rem;
}

.obj_article_details .item h2,
.obj_article_details .item h3 {
  padding-bottom: .4rem;
  border-bottom: 1px solid var(--iq-border);
}

/* Sidebar blocks: compatible with standard OJS block layout */
.pkp_structure_sidebar .pkp_block {
  margin-bottom: 1.15rem;
  overflow: hidden;
  background: #fff;
  border: 1px solid var(--iq-border);
  border-radius: 9px;
  box-shadow: 0 4px 15px rgba(8, 57, 105, .055);
}

.pkp_structure_sidebar .pkp_block .title {
  margin: 0;
  padding: .85rem 1rem;
  color: #fff;
  background: linear-gradient(110deg, var(--iq-blue-900), var(--iq-blue-700));
  border-bottom: 2px solid var(--iq-cyan);
  font-size: .98rem;
  font-weight: 700;
  letter-spacing: .02em;
}

.pkp_structure_sidebar .pkp_block .content {
  padding: .8rem;
  overflow-wrap: anywhere;
}

.pkp_structure_sidebar .pkp_block ul {
  margin: 0;
  padding-left: 1.25rem;
}

.pkp_structure_sidebar .pkp_block li {
  margin: .35rem 0;
}

.pkp_structure_sidebar .pkp_block a:focus-visible,
.pkp_structure_sidebar .pkp_block button:focus-visible {
  outline: 2px solid var(--iq-cyan);
  outline-offset: 2px;
}

/* Native details/summary submenu used in the IQTISHAD custom block */
.pkp_structure_sidebar details > summary {
  cursor: pointer;
  transition: background-color .2s ease, color .2s ease;
}

.pkp_structure_sidebar details > summary:hover,
.pkp_structure_sidebar details > summary:focus-visible {
  color: #fff !important;
  background-color: #07549a !important;
  outline: 2px solid var(--iq-cyan);
  outline-offset: -2px;
}

/* Buttons and action controls */
.pkp_structure_main button,
.pkp_structure_main input[type="submit"],
.pkp_structure_main input[type="button"],
.pkp_structure_main .cmp_button,
.pkp_structure_main .pkp_button,
.pkp_structure_main .submit button,
.pkp_structure_main .buttons button {
  color: #fff;
  background: linear-gradient(115deg, #07549a, #087dc0);
  border: 1px solid #0877c9;
  border-radius: 5px;
  box-shadow: 0 3px 9px rgba(7, 84, 154, .12);
  transition: background .2s ease, box-shadow .2s ease, transform .2s ease;
}

.pkp_structure_main button:hover,
.pkp_structure_main input[type="submit"]:hover,
.pkp_structure_main input[type="button"]:hover,
.pkp_structure_main .cmp_button:hover,
.pkp_structure_main .pkp_button:hover,
.pkp_structure_main .submit button:hover,
.pkp_structure_main .buttons button:hover {
  color: #fff;
  background: linear-gradient(115deg, #0877c9, #008bbd);
  border-color: var(--iq-cyan);
  box-shadow: 0 5px 15px rgba(7, 119, 201, .22);
}

/* Inputs and forms */
.pkp_structure_main input[type="text"],
.pkp_structure_main input[type="email"],
.pkp_structure_main input[type="password"],
.pkp_structure_main input[type="search"],
.pkp_structure_main input[type="url"],
.pkp_structure_main input[type="number"],
.pkp_structure_main select,
.pkp_structure_main textarea {
  max-width: 100%;
  color: var(--iq-text);
  background: #fff;
  border: 1px solid #bfd2e5;
  border-radius: 5px;
  box-sizing: border-box;
  transition: border-color .2s ease, box-shadow .2s ease;
}

.pkp_structure_main input:focus,
.pkp_structure_main select:focus,
.pkp_structure_main textarea:focus {
  border-color: #168eea;
  box-shadow: 0 0 0 3px rgba(54, 217, 255, .17);
  outline: none;
}

/* Tables */
.pkp_structure_main table {
  width: 100%;
  max-width: 100%;
  border-collapse: collapse;
}

.pkp_structure_main table th {
  color: #fff;
  background: #0b3768;
  border-color: #27618d;
}

.pkp_structure_main table td,
.pkp_structure_main table th {
  padding: .65rem .75rem;
  border: 1px solid var(--iq-border);
}

.pkp_structure_main table tbody tr:nth-child(even) {
  background: #f3f8fd;
}

/* Notifications and status messages */
.cmp_notification,
.pkp_notification,
.cmp_notification_warning,
.cmp_notification_info,
.cmp_notification_success {
  border-radius: 6px;
}

.cmp_notification_info,
.pkp_notification {
  border-left: 4px solid #168eea;
  background: #eef8ff;
}

/* Pagination */
.cmp_pagination a,
.cmp_pagination .current,
ul.cmp_pagination li a {
  border-radius: 4px;
}

.cmp_pagination .current,
.cmp_pagination a:hover,
ul.cmp_pagination li a:hover {
  color: #fff;
  background: #07549a;
  border-color: #36d9ff;
}

/* Search */
.pkp_search button,
.pkp_search .submit button {
  color: #fff;
  background: #07549a;
  border-color: #168eea;
}

/* Footer */
.pkp_structure_footer_wrapper {
  color: #dceeff;
  background: linear-gradient(120deg, var(--iq-blue-950), var(--iq-blue-800));
  border-top: 3px solid var(--iq-cyan);
}

.pkp_structure_footer_wrapper a,
.pkp_structure_footer_wrapper a:link,
.pkp_structure_footer_wrapper a:visited {
  color: var(--iq-cyan-light);
}

.pkp_structure_footer_wrapper a:hover,
.pkp_structure_footer_wrapper a:focus {
  color: #fff;
}

/* Visible keyboard focus for accessibility */
a:focus-visible,
button:focus-visible,
summary:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline: 2px solid #00a9de;
  outline-offset: 3px;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .pkp_head_wrapper {
    padding-top: .7rem;
    padding-bottom: .7rem;
  }

  .pkp_site_name img {
    max-height: 68px;
  }

  .obj_article_summary,
  .obj_issue_summary {
    padding: .9rem;
  }

  .pkp_structure_sidebar .pkp_block {
    border-radius: 7px;
  }

  .pkp_structure_main table {
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  *,
  *::before,
  *::after {
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
  }
}