/* ==========================================================================
   NEO-BRUTALISM OVERRIDES
   ========================================================================== */
:root {
  --pa-border: #0f172a;
  --pa-border-2: #0f172a;
  --pa-radius: 0px;
  --pa-radius-lg: 0px;
  --pa-shadow-sm: 2px 2px 0px #0f172a;
  --pa-shadow: 5px 5px 0px #0f172a;
  --pa-shadow-lg: 8px 8px 0px #0f172a;
  --pa-primary-gradient: var(--pa-primary);
  --pa-surface-2: #fdfdfd;
}

/* Base structural borders */
.pa-topbar, .pa-navbar, .pa-stats-bar {
  border-bottom: 3px solid var(--pa-border) !important;
}
.pa-navbar {
  position: sticky !important;
  top: 0 !important;
  z-index: 1050 !important;
  background: #ffffff !important;
  transition: box-shadow 0.2s ease;
}
.pa-navbar.pa-scrolled {
  box-shadow: 0 4px 0px var(--pa-border) !important;
}

/* Footer in Neo-Brutalism (Clean, Bright & High-Contrast) */
.pa-footer {
  border-top: 4px solid var(--pa-border) !important;
  border-bottom: none !important;
  background: #f8fafc !important;
  color: #0f172a !important;
}
.pa-footer-heading {
  color: #0f172a !important;
  font-weight: 900 !important;
}
.pa-footer-heading::after {
  background: var(--pa-accent) !important;
  height: 4px;
}
.pa-footer-brand-name {
  color: #0f172a !important;
  font-weight: 900 !important;
}
.pa-footer-desc,
.pa-footer-contact-text,
.pa-footer .small {
  color: #475569 !important;
  font-weight: 600 !important;
}
.pa-footer-links a {
  color: #334155 !important;
  font-weight: 700 !important;
}
.pa-footer-links a:hover {
  color: var(--pa-primary) !important;
  transform: translateX(3px);
}
.pa-social-btn {
  background: #ffffff !important;
  border: 2px solid var(--pa-border) !important;
  box-shadow: 2px 2px 0px var(--pa-border) !important;
  color: #0f172a !important;
}
.pa-social-btn:hover {
  background: var(--pa-accent) !important;
  color: #000000 !important;
  border-color: var(--pa-border) !important;
  transform: translate(2px, 2px) !important;
  box-shadow: 0px 0px 0px var(--pa-border) !important;
}
.pa-footer-ojs-badge {
  background: #ffffff !important;
  border: 2px solid var(--pa-border) !important;
  box-shadow: 3px 3px 0px var(--pa-border) !important;
  border-radius: 0px !important;
}
.pa-footer-ojs-badge:hover {
  background: var(--pa-accent) !important;
  border-color: var(--pa-border) !important;
  transform: translate(2px, 2px) !important;
  box-shadow: 0px 0px 0px var(--pa-border) !important;
}
.pa-footer-ojs-name {
  color: #0f172a !important;
  font-weight: 800 !important;
}
.pa-footer-ojs-sub {
  color: #64748b !important;
  font-weight: 700 !important;
}
.pa-footer-cms {
  border-color: var(--pa-border) !important;
  color: #475569 !important;
  font-weight: 600 !important;
}
.pa-footer-cms a {
  color: var(--pa-primary) !important;
  font-weight: 700 !important;
}
.pa-footer-bottom {
  color: #64748b !important;
  border-top: 2px solid var(--pa-border) !important;
  font-weight: 600 !important;
}
.pa-creator-link {
  color: var(--pa-primary) !important;
  font-weight: 800 !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
  transition: color 0.15s ease !important;
}
.pa-creator-link:hover {
  color: #000000 !important;
}
body.pa-dark .pa-creator-link {
  color: var(--pa-accent, #facc15) !important;
}
body.pa-dark .pa-creator-link:hover {
  color: #38bdf8 !important;
}

@media (max-width: 767.98px) {
  .pa-footer {
    padding-bottom: 8.5rem !important;
  }
  .pa-footer-bottom {
    text-align: center !important;
    gap: 0.5rem !important;
    justify-content: center !important;
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
}

/* Blocks and Cards */
.pkp_block, .pa-sidebar-card, .pa-announce-card, .pa-cover-card, .dropdown-menu {
  border: 3px solid var(--pa-border) !important;
  box-shadow: var(--pa-shadow) !important;
  border-radius: var(--pa-radius) !important;
  transition: transform 0.2s, box-shadow 0.2s;
}
.pa-announce-card:hover {
  transform: translate(-3px, -3px);
  box-shadow: var(--pa-shadow-lg) !important;
}
.pkp_block .title, .pa-sidebar-header {
  border-bottom: 3px solid var(--pa-border) !important;
  background: var(--pa-accent) !important;
  color: #000000 !important;
  font-weight: 900 !important;
  letter-spacing: 1px !important;
}

/* Dropdown Menus */
#main-navigation li ul, #navigationUser li ul {
  background: #ffffff !important;
  border: 3px solid var(--pa-border) !important;
  box-shadow: 4px 4px 0px var(--pa-border) !important;
  border-radius: var(--pa-radius) !important;
  z-index: 99999 !important;
}
#main-navigation li ul li > a, #navigationUser li ul li > a {
  color: #000000 !important;
  font-weight: 700 !important;
}
#main-navigation li ul li > a:hover, #navigationUser li ul li > a:hover {
  background: var(--pa-accent) !important;
  color: #000000 !important;
}

/* Buttons */
.btn-pa-hero-primary, .btn-pa-pdf, .btn-pa-login, .btn-pa-register, .pa-wa-btn, .btn-pa-submit {
  border: 3px solid var(--pa-border) !important;
  box-shadow: var(--pa-shadow-sm) !important;
  border-radius: var(--pa-radius) !important;
  font-weight: 800 !important;
  text-transform: uppercase;
  transition: all 0.15s ease !important;
}
.btn-pa-hero-primary {
  background: var(--pa-accent) !important;
  color: #000000 !important;
}
.btn-pa-login {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 0.85rem !important;
  letter-spacing: 0.5px !important;
  line-height: 1.4 !important;
  padding: 0.5rem 1.15rem !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
}
.btn-pa-register {
  background: var(--pa-accent, #facc15) !important;
  color: #000000 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 0.85rem !important;
  letter-spacing: 0.5px !important;
  line-height: 1.4 !important;
  padding: 0.5rem 1.15rem !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
}
.btn-pa-hero-primary:hover, .btn-pa-pdf:hover, .btn-pa-login:hover, .pa-wa-btn:hover, .btn-pa-submit:hover {
  transform: translate(2px, 2px) !important;
  box-shadow: 0px 0px 0px var(--pa-border) !important;
}
.btn-pa-register:hover {
  background: #000000 !important;
  color: #ffffff !important;
  border-color: #000000 !important;
  transform: translate(2px, 2px) !important;
  box-shadow: 0px 0px 0px var(--pa-border) !important;
}

/* WhatsApp Floating Button - Neo-Brutalist & Stacked Above AI Chat Assistant */
.pa-wa-btn {
  position: fixed !important;
  bottom: 98px !important;
  right: 29px !important;
  width: 50px !important;
  height: 50px !important;
  border-radius: 12px !important;
  background: #25d366 !important;
  color: #ffffff !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 1.5rem !important;
  border: 2.5px solid #000000 !important;
  box-shadow: 3px 3px 0px #000000 !important;
  z-index: 99990 !important;
  transition: bottom 0.3s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.25s ease, transform var(--pa-transition-fast), box-shadow var(--pa-transition-fast) !important;
}
.pa-wa-btn:hover {
  background: #20bd5a !important;
  color: #ffffff !important;
  transform: translate(2px, 2px) !important;
  box-shadow: 0px 0px 0px #000000 !important;
}
body.pa-dark .pa-wa-btn {
  background: #25d366 !important;
  border-color: #000000 !important;
  box-shadow: 3px 3px 0px var(--pa-accent, #facc15) !important;
}
body.pa-dark .pa-wa-btn:hover {
  box-shadow: 0px 0px 0px var(--pa-accent, #facc15) !important;
}

@media (max-width: 480px) {
  .pa-wa-btn {
    bottom: 85px !important;
    right: 20px !important;
  }
  body:has(#ai-chat-fab) .pa-wa-btn,
  body:has(.ai-chat-fab) .pa-wa-btn,
  body.has-ai-chat .pa-wa-btn {
    bottom: 150px !important;
    right: 19px !important;
  }
}

body:has(.ai-chat-window.open) .pa-wa-btn,
body.ai-chat-window-open .pa-wa-btn {
  opacity: 0 !important;
  pointer-events: none !important;
  transform: scale(0.7) !important;
}

/* Typography & Badges */
.pa-brand-acronym {
  background: var(--pa-accent) !important;
  color: #000000 !important;
  border: 2px solid var(--pa-border) !important;
  box-shadow: 2px 2px 0px var(--pa-border) !important;
}
.pa-issn-badge {
  border: 2px solid var(--pa-border) !important;
  box-shadow: 2px 2px 0px var(--pa-border) !important;
  background: #ffffff !important;
}
.pa-issn-badge-label {
  background: var(--pa-accent) !important;
  color: #000000 !important;
  border-right: 2px solid var(--pa-border) !important;
}
.pa-issn-badge-value {
  color: #000000 !important;
  font-weight: 800;
}

/* Hero Section */
.pa-hero {
  background: var(--pa-primary) !important;
  border-bottom: 3px solid var(--pa-border) !important;
  position: relative !important;
  overflow: hidden !important;
}
.pa-hero-title {
  font-weight: 900;
  letter-spacing: -1px;
  text-transform: uppercase;
}

/* ==========================================================================
   HERO BACKGROUND ANIMATIONS (Neo-Brutalism Dynamic Modes)
   ========================================================================== */

/* ── Common Background Wrapper ────────────────────────────────────── */
.pa-hero-bg {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
  z-index: 1;
}

/* ── 1. BLUEPRINT GRID & FLOATING GLYPHS ──────────────────────────── */
.pa-hero-bg-blueprint {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
  z-index: 1;
}

.pa-hero-blueprint-grid {
  position: absolute;
  width: 250%;
  height: 250%;
  top: -75%;
  left: -75%;
  background-image: 
    linear-gradient(to right, rgba(255, 255, 255, 0.08) 1.5px, transparent 1.5px),
    linear-gradient(to bottom, rgba(255, 255, 255, 0.08) 1.5px, transparent 1.5px);
  background-size: 38px 38px;
  animation: paGridDrift 28s linear infinite;
  will-change: transform;
}

@keyframes paGridDrift {
  0% { transform: translate3d(0, 0, 0); }
  100% { transform: translate3d(38px, 38px, 0); }
}

.pa-glyph {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: monospace, sans-serif;
  user-select: none;
  pointer-events: none;
  z-index: 1;
  text-shadow: 2px 2px 0px #000000;
  will-change: transform;
}

.pa-glyph-1 {
  top: 10%;
  right: 6%;
  font-size: 3rem;
  color: var(--pa-accent, #facc15);
  animation: paFloatRotate 12s ease-in-out infinite;
}

.pa-glyph-2 {
  bottom: 12%;
  right: 16%;
  font-size: 2.2rem;
  color: #ffffff;
  animation: paFloatRotateReverse 14s ease-in-out infinite;
}

.pa-glyph-3 {
  top: 18%;
  left: 32%;
  font-size: 1.8rem;
  color: var(--pa-accent, #facc15);
  animation: paPulseBob 4s ease-in-out infinite;
}

.pa-glyph-4 {
  bottom: 20%;
  left: 5%;
  font-size: 2.5rem;
  color: #ffffff;
  animation: paFloatRotate 16s ease-in-out infinite;
}

.pa-glyph-5 {
  top: 62%;
  right: 4%;
  font-size: 1.6rem;
  color: var(--pa-accent, #facc15);
  animation: paPulseBob 5s ease-in-out infinite;
}

.pa-glyph-6 {
  top: 8%;
  left: 7%;
  font-size: 1.5rem;
  color: rgba(255, 255, 255, 0.7);
  animation: paFloatRotateReverse 11s ease-in-out infinite;
}

@keyframes paFloatRotate {
  0% { transform: translate3d(0, 0, 0) rotate(0deg); }
  50% { transform: translate3d(-10px, -14px, 0) rotate(180deg); }
  100% { transform: translate3d(0, 0, 0) rotate(360deg); }
}

@keyframes paFloatRotateReverse {
  0% { transform: translate3d(0, 0, 0) rotate(0deg); }
  50% { transform: translate3d(10px, 12px, 0) rotate(-180deg); }
  100% { transform: translate3d(0, 0, 0) rotate(-360deg); }
}

@keyframes paPulseBob {
  0%, 100% { transform: translate3d(0, 0, 0) scale(1); opacity: 0.8; }
  50% { transform: translate3d(0, -12px, 0) scale(1.15); opacity: 1; }
}

/* ── 2. GIANT RUNNING OUTLINE MARQUEE ────────────────────────────── */
.pa-hero-bg-marquee {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  opacity: 0.18;
}

.pa-marquee-track {
  display: flex;
  white-space: nowrap;
  width: max-content;
}

.pa-marquee-left {
  animation: paMarqueeLeft 26s linear infinite;
  will-change: transform;
}

.pa-marquee-right {
  animation: paMarqueeRight 30s linear infinite;
  will-change: transform;
}

.pa-marquee-track span {
  font-size: clamp(3.5rem, 6vw, 6rem);
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 3px;
  color: transparent;
  -webkit-text-stroke: 2px #ffffff;
  padding-right: 2.5rem;
  line-height: 1.1;
  user-select: none;
}

@keyframes paMarqueeLeft {
  0% { transform: translate3d(0, 0, 0); }
  100% { transform: translate3d(-50%, 0, 0); }
}

@keyframes paMarqueeRight {
  0% { transform: translate3d(-50%, 0, 0); }
  100% { transform: translate3d(0, 0, 0); }
}

/* ── 3. TECHNICAL DOT-MATRIX & RADAR ─────────────────────────────── */
.pa-hero-bg-dotmatrix {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
  z-index: 1;
}

.pa-dotmatrix-canvas {
  position: absolute;
  inset: 0;
  background-image: radial-gradient(circle, rgba(255, 255, 255, 0.2) 2px, transparent 2px);
  background-size: 32px 32px;
}

.pa-dotmatrix-radar {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, transparent 0%, rgba(250, 204, 21, 0.15) 50%, transparent 100%);
  animation: paRadarSweep 5s ease-in-out infinite;
  will-change: transform;
}

@keyframes paRadarSweep {
  0% { transform: translate3d(-100%, 0, 0); }
  50% { transform: translate3d(100%, 0, 0); }
  100% { transform: translate3d(100%, 0, 0); }
}

.pa-matrix-cross {
  position: absolute;
  font-family: monospace;
  font-weight: 900;
  font-size: 1.5rem;
  color: var(--pa-accent, #facc15);
  animation: paCrossBlink 2.4s steps(2, start) infinite;
  text-shadow: 1px 1px 0px #000;
}

.pa-mc-1 { top: 16%; left: 12%; animation-delay: 0s; }
.pa-mc-2 { top: 22%; right: 10%; animation-delay: 0.5s; }
.pa-mc-3 { bottom: 18%; left: 24%; animation-delay: 1.1s; }
.pa-mc-4 { bottom: 28%; right: 26%; animation-delay: 1.7s; }
.pa-mc-5 { top: 68%; right: 6%; animation-delay: 0.8s; }

@keyframes paCrossBlink {
  0%, 100% { opacity: 0.25; transform: scale(0.9); }
  50% { opacity: 1; transform: scale(1.3); }
}

/* ── 4. FLOATING 3D ACADEMIC BADGES & PARALLAX ───────────────────── */
.pa-hero-bg-parallax {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
  z-index: 1;
}

.pa-floating-badge {
  position: absolute;
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  background: #ffffff;
  color: #000000;
  border: 2.5px solid var(--pa-border);
  box-shadow: 4px 4px 0px var(--pa-border);
  padding: 0.45rem 0.9rem;
  font-weight: 900;
  font-size: 0.82rem;
  letter-spacing: 0.5px;
  user-select: none;
  will-change: transform;
}

.pa-fb-1 {
  top: 14%;
  right: 8%;
  transform: rotate(4deg);
  animation: paBadgeFloat1 4.8s ease-in-out infinite;
}

.pa-fb-2 {
  bottom: 16%;
  right: 18%;
  background: var(--pa-accent, #facc15);
  transform: rotate(-3deg);
  animation: paBadgeFloat2 5.5s ease-in-out infinite;
}

.pa-fb-3 {
  top: 24%;
  left: 28%;
  transform: rotate(-5deg);
  animation: paBadgeFloat1 5.2s ease-in-out infinite;
}

.pa-fb-4 {
  bottom: 20%;
  left: 4%;
  background: #ffffff;
  transform: rotate(3deg);
  animation: paBadgeFloat2 6s ease-in-out infinite;
}

@keyframes paBadgeFloat1 {
  0%, 100% { transform: translate3d(0, 0, 0) rotate(4deg); }
  50% { transform: translate3d(0, -14px, 0) rotate(1deg); box-shadow: 6px 8px 0px var(--pa-border); }
}

@keyframes paBadgeFloat2 {
  0%, 100% { transform: translate3d(0, 0, 0) rotate(-3deg); }
  50% { transform: translate3d(0, -16px, 0) rotate(-6deg); box-shadow: 6px 8px 0px var(--pa-border); }
}

/* Search Box */
.pa-search-wrap {
  flex-shrink: 1 !important;
}
.pa-search-input {
  border: 2px solid var(--pa-border) !important;
  border-radius: 0 !important;
  font-weight: 700;
  max-width: 170px;
}
.pa-search-input:focus {
  box-shadow: var(--pa-shadow-sm) !important;
}
.pa-cover-badge {
  border: 2px solid var(--pa-border) !important;
  box-shadow: 2px 2px 0px var(--pa-border) !important;
}

.pa-footer-issn-badge {
  background: #ffffff !important;
  border: 2px solid var(--pa-border) !important;
  color: #0f172a !important;
  box-shadow: 2px 2px 0px var(--pa-border) !important;
  border-radius: 0px !important;
}
.pa-footer-issn-badge-label {
  background: var(--pa-accent) !important;
  color: #000000 !important;
  font-weight: 800 !important;
  border-right: 2px solid var(--pa-border) !important;
}
.pa-footer-issn-badge-val {
  color: #0f172a !important;
  font-weight: 800 !important;
  background: #ffffff !important;
}

/* Sidebar Custom Block Lists (Brutalist Tile Buttons) */
.pkp_block .content ul {
  gap: 0.5rem !important;
}
.pkp_block .content em.fa,
.pkp_block .content i.fa,
.pkp_block .content .mcd-menu em {
  display: none !important;
}
.pkp_block .content li > a,
.pkp_block .content > a,
.pkp_block .content p > a:only-child {
  background: #ffffff !important;
  color: #0f172a !important;
  border: 2px solid var(--pa-border) !important;
  box-shadow: 2px 2px 0px var(--pa-border) !important;
  font-weight: 800 !important;
  border-radius: 0px !important;
  text-transform: none;
}
.pkp_block .content li > a::after,
.pkp_block .content > a::after,
.pkp_block .content p > a:only-child::after {
  color: #0f172a !important;
  opacity: 0.7;
}
.pkp_block .content li > a:hover,
.pkp_block .content > a:hover,
.pkp_block .content p > a:only-child:hover {
  background: var(--pa-accent) !important;
  color: #000000 !important;
  border-color: var(--pa-border) !important;
  transform: translate(2px, 2px) !important;
  box-shadow: 0px 0px 0px var(--pa-border) !important;
}
.pkp_block .content li > a:hover::after,
.pkp_block .content > a:hover::after,
.pkp_block .content p > a:only-child:hover::after {
  color: #000000 !important;
  opacity: 1;
  transform: translateX(3px);
}

/* ==========================================================================
   ABOUT THE JOURNAL SECTION (Neo-Brutalism)
   ========================================================================== */
.pa-about-card {
  border: 3px solid var(--pa-border) !important;
  box-shadow: var(--pa-shadow) !important;
  border-radius: 0px !important;
  background: #ffffff !important;
  padding: 2.25rem !important;
}
.pa-about-icon-box {
  background: var(--pa-accent) !important;
  color: #000000 !important;
  border: 2px solid var(--pa-border) !important;
  box-shadow: 2px 2px 0px var(--pa-border) !important;
  border-radius: 0px !important;
}
.pa-about-title {
  color: #0f172a !important;
  font-weight: 900 !important;
}
.pa-about-subtitle {
  color: var(--pa-primary) !important;
  font-weight: 800 !important;
}
.pa-about-description {
  color: #334155 !important;
  font-weight: 500 !important;
}
.pa-about-info-tile {
  border: 2px solid var(--pa-border) !important;
  box-shadow: 3px 3px 0px var(--pa-border) !important;
  border-radius: 0px !important;
  background: #ffffff !important;
  transition: transform 0.15s ease, box-shadow 0.15s ease !important;
}
.pa-about-info-tile:hover {
  transform: translate(-2px, -2px) !important;
  box-shadow: 5px 5px 0px var(--pa-border) !important;
}
.pa-about-tile-icon {
  background: var(--pa-accent) !important;
  color: #000000 !important;
  border: 1.5px solid var(--pa-border) !important;
  border-radius: 0px !important;
}
.pa-about-tile-label {
  color: #64748b !important;
  font-weight: 800 !important;
}
.pa-about-tile-value {
  color: #0f172a !important;
  font-weight: 800 !important;
}
.btn-pa-about-primary {
  background: var(--pa-primary) !important;
  color: #ffffff !important;
  border: 2px solid var(--pa-border) !important;
  box-shadow: 3px 3px 0px var(--pa-border) !important;
  border-radius: 0px !important;
  transition: transform 0.15s, box-shadow 0.15s, background-color 0.15s !important;
}
.btn-pa-about-primary:hover {
  background: var(--pa-accent) !important;
  color: #000000 !important;
  border-color: var(--pa-border) !important;
  transform: translate(2px, 2px) !important;
  box-shadow: 0px 0px 0px var(--pa-border) !important;
}
.btn-pa-about-secondary {
  background: #ffffff !important;
  color: #0f172a !important;
  border: 2px solid var(--pa-border) !important;
  box-shadow: 3px 3px 0px var(--pa-border) !important;
  border-radius: 0px !important;
  transition: transform 0.15s, box-shadow 0.15s, background-color 0.15s !important;
}
.btn-pa-about-secondary:hover {
  background: var(--pa-accent) !important;
  color: #000000 !important;
  border-color: var(--pa-border) !important;
  transform: translate(2px, 2px) !important;
  box-shadow: 0px 0px 0px var(--pa-border) !important;
}

.pa-about-content {
  font-weight: 500;
  color: #1e293b;
}
.pa-about-content p {
  line-height: 1.8;
}
.pa-about-content img {
  border: 2px solid var(--pa-border) !important;
  box-shadow: 3px 3px 0px var(--pa-border) !important;
  border-radius: 0px !important;
}

/* ==========================================================================
   FEATURED CURRENT ISSUE CARD (Neo-Brutalism)
   ========================================================================== */
.pa-current-issue-card {
  background: #ffffff !important;
  border: 3px solid var(--pa-border) !important;
  box-shadow: var(--pa-shadow) !important;
  border-radius: 0px !important;
  padding: 2.25rem !important;
}
.pa-current-issue-img {
  border: 2px solid var(--pa-border) !important;
  box-shadow: 4px 4px 0px var(--pa-border) !important;
  border-radius: 0px !important;
  transition: transform 0.15s ease, box-shadow 0.15s ease !important;
}
.pa-current-issue-img:hover {
  transform: translate(-2px, -2px) !important;
  box-shadow: 6px 6px 0px var(--pa-border) !important;
}
.pa-current-issue-badge {
  background: var(--pa-accent) !important;
  color: #000000 !important;
  border: 2px solid var(--pa-border) !important;
  box-shadow: 2px 2px 0px var(--pa-border) !important;
  border-radius: 0px !important;
  font-weight: 800 !important;
}
.pa-current-issue-title {
  color: #0f172a !important;
  font-weight: 900 !important;
}
.pa-current-issue-desc {
  color: #334155 !important;
  font-weight: 500 !important;
  line-height: 1.65 !important;
}
.pa-current-issue-desc p {
  margin-bottom: 0.5rem !important;
}
.pa-current-issue-desc p:last-child {
  margin-bottom: 0 !important;
}
.pa-current-issue-desc a {
  color: var(--pa-primary) !important;
  font-weight: 700 !important;
  text-decoration: underline !important;
}
.pa-current-issue-desc a:hover {
  background: var(--pa-accent) !important;
  color: #000000 !important;
}
.pa-current-issue-date {
  background: #ffffff !important;
  border: 2px solid var(--pa-border) !important;
  box-shadow: 2px 2px 0px var(--pa-border) !important;
  border-radius: 0px !important;
  color: #0f172a !important;
  font-weight: 800 !important;
}

/* ==========================================================================
   INDEXING SERVICES LOGO GRID (Neo-Brutalism)
   ========================================================================== */
.pa-indexing-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)) !important;
  gap: 1.1rem !important;
  width: 100% !important;
}

/* Main Homepage 4-Column Justified Grid (Rata Penuh Kiri-Kanan) */
.pa-indexing-grid-main {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 1.1rem !important;
  width: 100% !important;
}

@media (min-width: 1200px) {
  .pa-indexing-grid-main {
    grid-template-columns: repeat(4, 1fr) !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .pa-indexing-grid-main {
    grid-template-columns: repeat(4, 1fr) !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .pa-indexing-grid-main {
    grid-template-columns: repeat(3, 1fr) !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .pa-indexing-grid-main {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}
@media (max-width: 575.98px) {
  .pa-indexing-grid,
  .pa-indexing-grid-main {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 0.65rem !important;
  }
}

/* Symmetrical Center for single leftover item in the last row */
@media (min-width: 992px) {
  .pa-indexing-grid-main > :last-child:nth-child(4n + 1) {
    grid-column: 1 / -1 !important;
    max-width: 260px !important;
    margin: 0 auto !important;
  }
}
@media (max-width: 767.98px) {
  .pa-indexing-grid-main > :last-child:nth-child(2n + 1) {
    grid-column: 1 / -1 !important;
    max-width: 240px !important;
    margin: 0 auto !important;
  }
}

.pa-indexing-tile {
  width: 100% !important;
  min-height: 68px !important;
  background: #ffffff !important;
  border: 2.5px solid var(--pa-border) !important;
  box-shadow: 4px 4px 0px var(--pa-border) !important;
  border-radius: 0px !important;
  padding: 0.75rem 1rem !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  transition: transform 0.18s cubic-bezier(0.25, 1, 0.5, 1), 
              box-shadow 0.18s cubic-bezier(0.25, 1, 0.5, 1), 
              background-color 0.18s ease !important;
  position: relative !important;
  text-decoration: none !important;
}

.pa-indexing-tile:hover {
  animation: none !important;
  background: #ffffff !important;
  border-color: var(--pa-border) !important;
  transform: translate(-3px, -3px) !important;
  box-shadow: 7px 7px 0px var(--pa-border) !important;
  z-index: 10 !important;
}

.pa-indexing-tile-sm {
  min-height: 48px !important;
  border: 2px solid var(--pa-border) !important;
  box-shadow: 2px 2px 0px var(--pa-border) !important;
  border-radius: 0px !important;
  padding: 0.4rem 0.75rem !important;
}

.pa-indexing-logo {
  height: 38px !important;
  max-width: 165px !important;
  width: auto !important;
  object-fit: contain !important;
  transition: transform 0.25s ease !important;
}

.pa-indexing-tile:hover .pa-indexing-logo {
  transform: scale(1.06) !important;
}

/* Sidebar scoped indexing grid (in article details, etc.) */
.pa-sidebar .pa-indexing-grid,
.col-lg-4 .pa-indexing-grid,
.col-xl-3 .pa-indexing-grid {
  grid-template-columns: repeat(auto-fill, minmax(115px, 1fr)) !important;
  gap: 0.5rem !important;
}

/* ==========================================================================
   NEO-BRUTALISM LIVING ANIMATION (Snappy & Silky Smooth)
   ========================================================================== */
@keyframes paBrutalPopA {
  0% {
    transform: translate3d(0, 0, 0) rotate(0deg);
    box-shadow: 4px 4px 0px var(--pa-border);
    background-color: #ffffff;
  }
  38% {
    transform: translate3d(-5px, -5px, 0) rotate(-1.2deg);
    box-shadow: 9px 9px 0px var(--pa-border);
    background-color: var(--pa-accent, #facc15);
  }
  70% {
    transform: translate3d(-1.5px, -1.5px, 0) rotate(0.4deg);
    box-shadow: 5px 5px 0px var(--pa-border);
    background-color: #ffffff;
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(0deg);
    box-shadow: 4px 4px 0px var(--pa-border);
    background-color: #ffffff;
  }
}

@keyframes paBrutalPopB {
  0% {
    transform: translate3d(0, 0, 0) rotate(0deg);
    box-shadow: 4px 4px 0px var(--pa-border);
    background-color: #ffffff;
  }
  38% {
    transform: translate3d(-5px, -5px, 0) rotate(1.2deg);
    box-shadow: 9px 9px 0px var(--pa-border);
    background-color: var(--pa-accent, #facc15);
  }
  70% {
    transform: translate3d(-1.5px, -1.5px, 0) rotate(-0.4deg);
    box-shadow: 5px 5px 0px var(--pa-border);
    background-color: #ffffff;
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(0deg);
    box-shadow: 4px 4px 0px var(--pa-border);
    background-color: #ffffff;
  }
}

@keyframes paBrutalPopC {
  0% {
    transform: translate3d(0, 0, 0) scale(1);
    box-shadow: 4px 4px 0px var(--pa-border);
    background-color: #ffffff;
  }
  38% {
    transform: translate3d(-4px, -5px, 0) scale(1.025);
    box-shadow: 9px 9px 0px var(--pa-border);
    background-color: var(--pa-accent, #facc15);
  }
  70% {
    transform: translate3d(-1px, -1px, 0) scale(1.005);
    box-shadow: 5px 5px 0px var(--pa-border);
    background-color: #ffffff;
  }
  100% {
    transform: translate3d(0, 0, 0) scale(1);
    box-shadow: 4px 4px 0px var(--pa-border);
    background-color: #ffffff;
  }
}

.pa-indexing-tile.pa-brutal-alive-a {
  animation: paBrutalPopA 0.75s cubic-bezier(0.22, 1, 0.36, 1) forwards !important;
  z-index: 5 !important;
}

.pa-indexing-tile.pa-brutal-alive-b {
  animation: paBrutalPopB 0.75s cubic-bezier(0.22, 1, 0.36, 1) forwards !important;
  z-index: 5 !important;
}

.pa-indexing-tile.pa-brutal-alive-c {
  animation: paBrutalPopC 0.75s cubic-bezier(0.22, 1, 0.36, 1) forwards !important;
  z-index: 5 !important;
}

.pa-indexing-tile.pa-brutal-alive-a .pa-indexing-logo,
.pa-indexing-tile.pa-brutal-alive-b .pa-indexing-logo,
.pa-indexing-tile.pa-brutal-alive-c .pa-indexing-logo {
  transform: scale(1.07) !important;
}

/* ==========================================================================
   ARTICLE SUMMARY CARD V2 (Neo-Brutalism)
   ========================================================================== */
.pa-section-header-block {
  margin-bottom: 1.5rem !important;
}
.pa-section-header-underline {
  height: 4px !important;
  width: 56px !important;
  background: var(--pa-border) !important;
  border-radius: 0px !important;
}

.pa-article-card-v2 {
  background: #ffffff !important;
  border: 2.5px solid var(--pa-border) !important;
  border-radius: 0px !important;
  box-shadow: 4px 4px 0px var(--pa-border) !important;
  transition: transform 0.15s ease, box-shadow 0.15s ease !important;
}
.pa-article-card-v2:hover {
  border-color: var(--pa-border) !important;
  transform: translate(-2px, -2px) !important;
  box-shadow: 7px 7px 0px var(--pa-border) !important;
}

.pa-art-cover-img {
  border: 2px solid var(--pa-border) !important;
  border-radius: 0px !important;
  box-shadow: 2px 2px 0px var(--pa-border) !important;
}

.pa-art-graphic-box {
  background: #ffffff !important;
  border: 2px solid var(--pa-border) !important;
  border-radius: 0px !important;
  box-shadow: 2px 2px 0px var(--pa-border) !important;
  color: var(--pa-text) !important;
}
.pa-art-graphic-tile:hover .pa-art-graphic-box {
  background: #fef08a !important;
  border-color: var(--pa-border) !important;
  transform: translate(-1px, -1px) !important;
  box-shadow: 4px 4px 0px var(--pa-border) !important;
}
.pa-art-graphic-header {
  color: var(--pa-text) !important;
  font-weight: 900 !important;
}
.pa-art-graphic-center {
  color: var(--pa-primary) !important;
}
.pa-art-graphic-footer {
  color: var(--pa-text) !important;
  font-weight: 800 !important;
}

.pa-art-pill {
  border-radius: 0px !important;
  border: 1.5px solid var(--pa-border) !important;
  box-shadow: 1.5px 1.5px 0px var(--pa-border) !important;
  font-weight: 800 !important;
}
.pa-pill-section {
  background: #67e8f9 !important;
  color: #000000 !important;
}
.pa-pill-views {
  background: #fef08a !important;
  color: #000000 !important;
}
.pa-pill-downloads {
  background: #86efac !important;
  color: #000000 !important;
}
.pa-art-date-box {
  color: var(--pa-text) !important;
  font-weight: 800 !important;
}

.pa-art-title {
  font-weight: 800 !important;
}
.pa-art-title a {
  color: var(--pa-text) !important;
}
.pa-art-title a:hover {
  color: var(--pa-primary) !important;
  text-decoration: underline !important;
}

.pa-art-author-icon {
  color: var(--pa-border) !important;
}
.pa-art-author-item strong {
  font-weight: 700 !important;
  color: var(--pa-text) !important;
}

.pa-art-bottom-row {
  border-top: 2px solid var(--pa-border) !important;
}

.pa-art-doi-box {
  border: 2px solid var(--pa-border) !important;
  border-radius: 0px !important;
  box-shadow: 2px 2px 0px var(--pa-border) !important;
  background: #ffffff !important;
}
.pa-art-doi-link {
  color: var(--pa-text) !important;
  font-weight: 700 !important;
}
.pa-btn-copy-doi {
  border-left: 2px solid var(--pa-border) !important;
  background: var(--pa-accent, #facc15) !important;
  color: #000000 !important;
  font-weight: 900 !important;
}
.pa-btn-copy-doi:hover {
  background: #000000 !important;
  color: #ffffff !important;
}
.pa-btn-copy-doi.pa-copied {
  background: #16a34a !important;
  color: #ffffff !important;
}

.pa-dimensions-badge-box {
  display: inline-flex !important;
  align-items: center !important;
  vertical-align: middle !important;
  transition: transform 0.15s ease !important;
}
.pa-dimensions-badge-box:hover {
  transform: translateY(-1px) !important;
}
.pa-dimensions-badge-box .__dimensions_badge_embed__ {
  display: inline-flex !important;
  align-items: center !important;
  line-height: 1 !important;
}

.pa-art-pages {
  border: 2px solid var(--pa-border) !important;
  border-radius: 0px !important;
  box-shadow: 2px 2px 0px var(--pa-border) !important;
  background: #ffffff !important;
  color: var(--pa-text) !important;
  font-weight: 700 !important;
}

.btn-pa-pdf-action {
  background: #000000 !important;
  color: #ffffff !important;
  border: 2px solid var(--pa-border) !important;
  border-radius: 0px !important;
  box-shadow: 2px 2px 0px var(--pa-accent, #facc15) !important;
  font-weight: 800 !important;
  transition: transform 0.15s ease, box-shadow 0.15s ease !important;
}
.btn-pa-pdf-action:hover {
  background: var(--pa-accent, #facc15) !important;
  color: #000000 !important;
  transform: translate(-1px, -1px) !important;
  box-shadow: 4px 4px 0px var(--pa-border) !important;
}

.btn-pa-turnitin-action {
  background: #ffffff !important;
  color: #000000 !important;
  border: 2px solid var(--pa-border) !important;
  border-radius: 0px !important;
  box-shadow: 2px 2px 0px var(--pa-border) !important;
  font-weight: 800 !important;
}
.btn-pa-turnitin-action:hover {
  background: #86efac !important;
  transform: translate(-1px, -1px) !important;
  box-shadow: 4px 4px 0px var(--pa-border) !important;
}

/* ==========================================================================
   ARTICLE DETAILS PAGE (Neo-Brutalism)
   ========================================================================== */
.pa-article-main {
  background: #ffffff !important;
  border: 3px solid var(--pa-border) !important;
  box-shadow: var(--pa-shadow) !important;
  border-radius: 0px !important;
  padding: 2.25rem !important;
}

.pa-article-section-badge {
  background: var(--pa-accent, #facc15) !important;
  color: #000000 !important;
  border: 2px solid var(--pa-border) !important;
  border-radius: 0px !important;
  font-weight: 800 !important;
  box-shadow: 2px 2px 0px var(--pa-border) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
}

.pa-article-title {
  font-family: 'Merriweather', serif !important;
  font-weight: 900 !important;
  color: #0f172a !important;
  letter-spacing: -0.5px !important;
}

.pa-article-meta-bar {
  border-bottom: 2.5px solid var(--pa-border) !important;
  padding-bottom: 1.25rem !important;
}

.pa-meta-stat-pill {
  background: #ffffff !important;
  border: 2px solid var(--pa-border) !important;
  border-radius: 0px !important;
  box-shadow: 2px 2px 0px var(--pa-border) !important;
  font-weight: 800 !important;
  color: #000000 !important;
}
.pa-meta-stat-pill i {
  color: var(--pa-primary) !important;
}

.pa-author-chip-card {
  background: #ffffff !important;
  border: 2px solid var(--pa-border) !important;
  border-radius: 0px !important;
  box-shadow: 3px 3px 0px var(--pa-border) !important;
  transition: transform 0.15s ease, box-shadow 0.15s ease !important;
}
.pa-author-chip-card:hover {
  transform: translate(-1px, -1px) !important;
  box-shadow: 4px 4px 0px var(--pa-accent, #facc15) !important;
}

.pa-author-avatar {
  background: var(--pa-accent, #facc15) !important;
  color: #000000 !important;
  border: 2px solid var(--pa-border) !important;
  border-radius: 0px !important;
  font-weight: 900 !important;
}

.pa-author-name {
  font-weight: 800 !important;
  color: #0f172a !important;
}

.pa-orcid-badge {
  background: #22c55e !important;
  color: #ffffff !important;
  border: 1.5px solid var(--pa-border) !important;
  border-radius: 0px !important;
  box-shadow: 1.5px 1.5px 0px var(--pa-border) !important;
}
.pa-orcid-badge:hover {
  background: #16a34a !important;
  color: #ffffff !important;
}

.pa-country-tag {
  background: #f1f5f9 !important;
  color: #0f172a !important;
  border: 1.5px solid var(--pa-border) !important;
  border-radius: 0px !important;
}

.pa-content-card {
  background: #ffffff !important;
  border: 2.5px solid var(--pa-border) !important;
  border-radius: 0px !important;
  box-shadow: 4px 4px 0px var(--pa-border) !important;
}

.pa-card-header-bar {
  background: var(--pa-accent, #facc15) !important;
  border-bottom: 2.5px solid var(--pa-border) !important;
  color: #000000 !important;
  padding: 0.85rem 1.25rem !important;
}

.pa-card-title {
  font-weight: 900 !important;
  color: #000000 !important;
}

.pa-card-counter-badge {
  background: #000000 !important;
  color: #ffffff !important;
  border: 1.5px solid #000000 !important;
  border-radius: 0px !important;
  font-weight: 800 !important;
}

.pa-abstract-body {
  color: #1e293b !important;
  font-size: 1.05rem !important;
  line-height: 1.85 !important;
  text-align: justify !important;
  text-justify: inter-word !important;
  hyphens: auto !important;
}

.pa-abstract-body p {
  text-align: justify !important;
  text-justify: inter-word !important;
  hyphens: auto !important;
  margin-bottom: 0.75rem !important;
}

.pa-abstract-body p:last-child {
  margin-bottom: 0 !important;
}

.pa-keyword-badge {
  background: #ffffff !important;
  color: #000000 !important;
  border: 2px solid var(--pa-border) !important;
  border-radius: 0px !important;
  box-shadow: 2px 2px 0px var(--pa-border) !important;
  font-weight: 700 !important;
}
.pa-keyword-badge:hover {
  background: var(--pa-accent, #facc15) !important;
  color: #000000 !important;
  transform: translate(-1px, -1px) !important;
  box-shadow: 3px 3px 0px var(--pa-border) !important;
}

.pa-ref-item {
  border-bottom: 1.5px solid #e2e8f0 !important;
  color: #1e293b !important;
}

.pa-ref-doi-badge {
  background: var(--pa-accent, #facc15) !important;
  color: #000000 !important;
  border: 1.5px solid var(--pa-border) !important;
  border-radius: 0px !important;
  box-shadow: 1.5px 1.5px 0px var(--pa-border) !important;
}
.pa-ref-doi-badge:hover {
  background: #000000 !important;
  color: #ffffff !important;
}

.pa-ref-url-badge {
  background: #ffffff !important;
  color: #000000 !important;
  border: 1.5px solid var(--pa-border) !important;
  border-radius: 0px !important;
  box-shadow: 1.5px 1.5px 0px var(--pa-border) !important;
}
.pa-ref-url-badge:hover {
  background: var(--pa-accent, #facc15) !important;
  color: #000000 !important;
}

/* ── Citation Style Language (CSL) More Citation Formats Fix ─────── */
.citation_display .citation_formats {
  margin-top: 1rem !important;
  border: 2px solid var(--pa-border, #000000) !important;
  border-radius: 0px !important;
  box-shadow: 2.5px 2.5px 0px var(--pa-border, #000000) !important;
  background: #ffffff !important;
  overflow: hidden !important;
}

.citation_display .citation_formats_button {
  position: relative !important;
  background: #f8fafc !important;
  color: #000000 !important;
  font-weight: 800 !important;
  font-size: 0.85rem !important;
  padding: 0.65rem 2.5rem 0.65rem 1rem !important;
  border: none !important;
  width: 100% !important;
  min-height: 2.6rem !important;
  text-align: left !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  transition: background 0.15s ease !important;
}

.citation_display .citation_formats_button:hover {
  background: var(--pa-accent, #facc15) !important;
  color: #000000 !important;
}

.citation_display .citation_formats_button:after {
  display: inline-block !important;
  font-family: bootstrap-icons !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 0.95rem !important;
  line-height: 1 !important;
  content: "\f282" !important; /* bi-chevron-down */
  position: absolute !important;
  top: 50% !important;
  right: 1rem !important;
  transform: translateY(-50%) !important;
  transition: transform 0.2s ease !important;
}

.citation_display .citation_formats_button[aria-expanded="true"]:after {
  content: "\f286" !important; /* bi-chevron-up */
}

.citation_display .citation_formats_list {
  background: #ffffff !important;
  border-top: 2px solid var(--pa-border, #000000) !important;
}

.citation_display .citation_formats_styles {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.citation_display .citation_formats_styles a {
  display: block !important;
  padding: 0.55rem 1rem !important;
  border-bottom: 1.5px solid #e2e8f0 !important;
  color: #1e293b !important;
  font-weight: 700 !important;
  font-size: 0.82rem !important;
  text-decoration: none !important;
  transition: all 0.15s ease !important;
}

.citation_display .citation_formats_styles a:hover {
  background: #fef08a !important;
  color: #000000 !important;
  padding-left: 1.25rem !important;
}

.citation_display .citation_formats_list .label {
  font-weight: 800 !important;
  font-size: 0.78rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  padding: 0.75rem 1rem 0.35rem 1rem !important;
  color: #64748b !important;
  background: #f1f5f9 !important;
  border-bottom: 1px solid #e2e8f0 !important;
}

.citation_display .fa,
.citation_display .fa-download {
  display: inline-block !important;
  font-family: bootstrap-icons !important;
  font-style: normal !important;
  font-weight: 400 !important;
  margin-right: 0.4rem !important;
}

.citation_display .fa-download:before,
.citation_display .fa.fa-download:before {
  content: "\f30a" !important; /* bi-download */
}

.pa-bio-item-card {
  background: #f8fafc !important;
  border: 2px solid var(--pa-border) !important;
  border-radius: 0px !important;
  box-shadow: 2.5px 2.5px 0px var(--pa-border) !important;
}

.pa-bio-avatar {
  background: var(--pa-accent, #facc15) !important;
  color: #000000 !important;
  border: 2px solid var(--pa-border) !important;
  border-radius: 0px !important;
  font-weight: 900 !important;
}

.pa-lic-pill {
  background: #ffffff !important;
  border: 1.5px solid var(--pa-border) !important;
  border-radius: 0px !important;
  box-shadow: 1.5px 1.5px 0px var(--pa-border) !important;
  font-weight: 800 !important;
  color: #000000 !important;
}

.pa-metric-box {
  background: #ffffff !important;
  border: 2px solid var(--pa-border) !important;
  border-radius: 0px !important;
  box-shadow: 2px 2px 0px var(--pa-border) !important;
}
.pa-metric-box .pa-metric-val {
  font-weight: 900 !important;
}

/* ==========================================================================
   MONTHLY VIEWS & DOWNLOADS (Neo-Brutalism)
   ========================================================================== */
.pa-monthly-stats-card {
  border: 3px solid var(--pa-border) !important;
  box-shadow: var(--pa-shadow) !important;
  border-radius: 0px !important;
  background: #ffffff !important;
}
.pa-stats-icon-box {
  border: 2px solid var(--pa-border) !important;
  border-radius: 0px !important;
  box-shadow: 2px 2px 0px var(--pa-border) !important;
  background: var(--pa-accent, #facc15) !important;
  color: #000000 !important;
}
.pa-stats-card-title {
  font-weight: 900 !important;
  color: #0f172a !important;
}
.pa-metric-badge {
  border-radius: 0px !important;
  border: 2px solid var(--pa-border) !important;
  box-shadow: 2.5px 2.5px 0px var(--pa-border) !important;
  background: #ffffff !important;
}
.pa-metric-badge:hover {
  transform: translate(-1px, -1px) !important;
  box-shadow: 4px 4px 0px var(--pa-border) !important;
}
.pa-chart-filters {
  border-radius: 0px !important;
  border: 2px solid var(--pa-border) !important;
  background: #ffffff !important;
  box-shadow: 2px 2px 0px var(--pa-border) !important;
  padding: 4px !important;
}
.pa-chart-filter-btn {
  border: 1.5px solid transparent !important;
  border-radius: 0px !important;
  font-weight: 800 !important;
}
.pa-chart-filter-btn.active {
  background: var(--pa-accent, #facc15) !important;
  color: #000000 !important;
  border: 1.5px solid var(--pa-border) !important;
  box-shadow: 1.5px 1.5px 0px var(--pa-border) !important;
}
.pa-chart-filter-btn:hover:not(.active) {
  background: #f1f5f9 !important;
  color: #000000 !important;
}

/* ── Author Geographic Distribution Card (Neo-Brutalism) ── */
.pa-author-geo-card {
  border: 3px solid var(--pa-border) !important;
  box-shadow: var(--pa-shadow) !important;
  border-radius: 0px !important;
  background: #ffffff !important;
}
.pa-geo-icon-box {
  border: 2px solid var(--pa-border) !important;
  border-radius: 0px !important;
  box-shadow: 2px 2px 0px var(--pa-border) !important;
  background: var(--pa-accent, #facc15) !important;
  color: #000000 !important;
}
.pa-geo-card-title {
  font-weight: 900 !important;
  color: #0f172a !important;
}
.pa-geo-metric-badge {
  border-radius: 0px !important;
  border: 2px solid var(--pa-border) !important;
  box-shadow: 2.5px 2.5px 0px var(--pa-border) !important;
  background: #ffffff !important;
}
.pa-geo-metric-badge:hover {
  transform: translate(-1px, -1px) !important;
  box-shadow: 4px 4px 0px var(--pa-border) !important;
}
.pa-geo-map-wrapper {
  border: 2px solid var(--pa-border) !important;
  border-radius: 0px !important;
  background: #f8fafc !important;
  box-shadow: 2.5px 2.5px 0px var(--pa-border) !important;
}
.pa-geo-legend {
  border: 2px solid var(--pa-border) !important;
  border-radius: 0px !important;
  box-shadow: 2px 2px 0px var(--pa-border) !important;
  background: #ffffff !important;
}
.pa-geo-country-panel {
  border: 2px solid var(--pa-border) !important;
  border-radius: 0px !important;
  box-shadow: 2.5px 2.5px 0px var(--pa-border) !important;
  background: #ffffff !important;
}
.pa-geo-code-badge {
  border-radius: 0px !important;
  border: 1.5px solid var(--pa-border) !important;
  box-shadow: 1px 1px 0px var(--pa-border) !important;
}
.pa-geo-progress {
  border-radius: 0px !important;
  border: 1.5px solid var(--pa-border) !important;
  background: #ffffff !important;
  height: 8px !important;
}
.pa-geo-progress-bar {
  border-radius: 0px !important;
  background: var(--pa-primary, #1d4ed8) !important;
}
.jvm-zoom-btn {
  border-radius: 0px !important;
  border: 2px solid #000000 !important;
  box-shadow: 2px 2px 0px #000000 !important;
  background: #ffffff !important;
  color: #000000 !important;
}
.jvm-zoom-btn:hover {
  background: var(--pa-accent, #facc15) !important;
  color: #000000 !important;
}
.jvm-tooltip {
  border-radius: 0px !important;
  border: 2px solid #000000 !important;
  box-shadow: 3px 3px 0px #000000 !important;
  background: #000000 !important;
  color: #ffffff !important;
}

/* ==========================================================================
   ARCHIVE & ISSUE STYLES (Neo-Brutalism)
   ========================================================================== */
.pa-archive-page-wrap,
.pa-issue-page-wrap {
  min-height: 60vh;
}

/* Inner Banner on non-article pages */
.pa-inner-banner {
  background: #ffffff !important;
  border-bottom: 3px solid #000000 !important;
  padding: 1.75rem 0 !important;
  margin-bottom: 1.5rem !important;
  box-shadow: 0 4px 0px rgba(0, 0, 0, 0.05) !important;
}
.pa-inner-banner h1 {
  font-weight: 900 !important;
  font-size: 2.1rem !important;
  letter-spacing: -0.5px !important;
  color: #000000 !important;
  margin-bottom: 0 !important;
}
.pa-inner-banner .breadcrumb {
  margin-bottom: 0.35rem !important;
}
.pa-inner-banner .breadcrumb a {
  color: #475569 !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}
.pa-inner-banner .breadcrumb a:hover {
  color: #000000 !important;
  text-decoration: underline !important;
}
.pa-inner-banner .breadcrumb-item.active {
  color: #000000 !important;
  font-weight: 800 !important;
}

/* Archive Intro Bar */
.pa-archive-intro {
  background: #ffffff !important;
  border: 3px solid #000000 !important;
  box-shadow: 4px 4px 0px #000000 !important;
  padding: 1.25rem 1.5rem !important;
}
.pa-archive-heading {
  font-size: 1.45rem !important;
  font-weight: 900 !important;
  color: #000000 !important;
}
.pa-archive-sub {
  font-size: 0.88rem !important;
  color: #475569 !important;
  font-weight: 500 !important;
}
.pa-archive-count-pill {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.35rem !important;
  background: var(--pa-accent, #facc15) !important;
  color: #000000 !important;
  border: 2px solid #000000 !important;
  box-shadow: 2px 2px 0px #000000 !important;
  font-weight: 800 !important;
  font-size: 0.82rem !important;
  padding: 0.4rem 0.85rem !important;
  white-space: nowrap !important;
}

/* Issue Card in Grid */
.pa-issue-card {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  height: 100% !important;
  background: #ffffff !important;
  border: 3px solid #000000 !important;
  box-shadow: 4px 4px 0px #000000 !important;
  border-radius: 0px !important;
  overflow: hidden !important;
  transition: transform 0.15s ease, box-shadow 0.15s ease !important;
}
.pa-issue-card:hover {
  transform: translate(-3px, -3px) !important;
  box-shadow: 7px 7px 0px #000000 !important;
}

/* Issue Cover Container - STRICT ASPECT RATIO */
.pa-issue-cover-wrap {
  position: relative !important;
  width: 100% !important;
  aspect-ratio: 3 / 4 !important;
  max-height: 280px !important;
  background: #020617 !important;
  border-bottom: 3px solid #000000 !important;
  overflow: hidden !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.pa-issue-cover-link {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
}
.pa-issue-cover-wrap img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center top !important;
  display: block !important;
  transition: transform 0.3s ease !important;
}
.pa-issue-card:hover .pa-issue-cover-wrap img {
  transform: scale(1.04) !important;
}

.pa-issue-vol-badge {
  position: absolute !important;
  top: 10px !important;
  right: 10px !important;
  z-index: 3 !important;
  background: var(--pa-accent, #facc15) !important;
  color: #000000 !important;
  border: 2px solid #000000 !important;
  box-shadow: 2px 2px 0px #000000 !important;
  font-weight: 900 !important;
  font-size: 0.72rem !important;
  padding: 0.2rem 0.55rem !important;
  letter-spacing: 0.3px !important;
  text-transform: uppercase !important;
}

.pa-issue-cover-placeholder-link {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  text-decoration: none !important;
}
.pa-issue-cover-placeholder {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.75rem !important;
  width: 100% !important;
  height: 100% !important;
  background: #0f172a !important;
  padding: 1.5rem !important;
  text-align: center !important;
}
.pa-issue-cover-placeholder i {
  font-size: 3rem !important;
  color: #facc15 !important;
}
.pa-placeholder-id {
  font-size: 0.85rem !important;
  font-weight: 700 !important;
  color: #f8fafc !important;
}

/* Issue Card Body */
.pa-issue-card-body {
  padding: 1.1rem !important;
  display: flex !important;
  flex-direction: column !important;
  flex-grow: 1 !important;
}
.pa-issue-year-pill {
  font-size: 0.72rem !important;
  font-weight: 800 !important;
  color: #64748b !important;
  margin-bottom: 0.35rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
}
.pa-issue-card-title {
  font-size: 1rem !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
  margin-bottom: 0.4rem !important;
  color: #000000 !important;
}
.pa-issue-card-title a {
  color: inherit !important;
  text-decoration: none !important;
}
.pa-issue-card-title a:hover {
  color: var(--pa-primary, #1e3a8a) !important;
  text-decoration: underline !important;
}
.pa-issue-card-date {
  font-size: 0.78rem !important;
  font-weight: 600 !important;
  color: #64748b !important;
  margin-bottom: 0.5rem !important;
}

/* Issue Action Button */
.btn-pa-issue-view {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.4rem !important;
  width: 100% !important;
  background: var(--pa-accent, #facc15) !important;
  color: #000000 !important;
  border: 2px solid #000000 !important;
  box-shadow: 2px 2px 0px #000000 !important;
  font-weight: 800 !important;
  font-size: 0.82rem !important;
  padding: 0.48rem 0.8rem !important;
  text-decoration: none !important;
  transition: all 0.15s ease !important;
}
.btn-pa-issue-view:hover {
  background: #000000 !important;
  color: #ffffff !important;
  transform: translate(-1px, -1px) !important;
  box-shadow: 3px 3px 0px var(--pa-border) !important;
}

/* Sidebar Issue Cover & TOC */
.pa-sidebar-issue-cover {
  border: 2px solid #000000 !important;
  box-shadow: 2px 2px 0px #000000 !important;
  max-height: 220px !important;
  overflow: hidden !important;
  background: #020617 !important;
  text-align: center !important;
  margin-bottom: 0.75rem !important;
}
.pa-sidebar-issue-cover img {
  width: 100% !important;
  max-height: 220px !important;
  object-fit: contain !important;
  display: block !important;
  margin: 0 auto !important;
}

.pa-toc-cover-wrap {
  border: 3px solid #000000 !important;
  box-shadow: 3px 3px 0px #000000 !important;
  max-height: 260px !important;
  overflow: hidden !important;
  background: #020617 !important;
}
.pa-toc-cover-wrap img {
  width: 100% !important;
  max-height: 260px !important;
  object-fit: contain !important;
  display: block !important;
}

/* Pagination Bar */
.pa-pagination-bar {
  background: #ffffff !important;
  border: 2px solid #000000 !important;
  box-shadow: 3px 3px 0px #000000 !important;
}
.pa-page-btn {
  display: inline-flex !important;
  align-items: center !important;
  background: var(--pa-accent, #facc15) !important;
  color: #000000 !important;
  border: 2px solid #000000 !important;
  box-shadow: 2px 2px 0px #000000 !important;
  font-weight: 800 !important;
  font-size: 0.82rem !important;
  padding: 0.4rem 0.85rem !important;
  text-decoration: none !important;
  transition: all 0.15s ease !important;
}
.pa-page-btn:hover {
  background: #000000 !important;
  color: #ffffff !important;
  transform: translate(-1px, -1px) !important;
}

/* ==========================================================================
   NEO-BRUTALISM AUTH PAGES (Register, Login & Complete)
   ========================================================================== */
.pa-auth-page {
  min-height: calc(85vh - 120px);
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 2.5rem 0 !important;
}
.pa-auth-card {
  background: #ffffff !important;
  border: 4px solid var(--pa-border, #0f172a) !important;
  box-shadow: 8px 8px 0px var(--pa-border, #0f172a) !important;
  border-radius: 0px !important;
  overflow: hidden !important;
  width: 100% !important;
  max-width: 1060px !important;
  margin: 0 auto !important;
}
.pa-auth-left {
  background: var(--pa-primary, #059669) !important;
  color: #ffffff !important;
  padding: 3.5rem 2.5rem !important;
  border-right: 4px solid var(--pa-border, #0f172a) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  position: relative !important;
}
.pa-auth-logo-wrap {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-bottom: 1.25rem !important;
}
.pa-auth-logo-img {
  max-height: 90px !important;
  max-width: 170px !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
  filter: drop-shadow(0 4px 10px rgba(0, 0, 0, 0.3)) !important;
}
.pa-auth-left-icon {
  font-size: 3.5rem !important;
  color: var(--pa-accent, #facc15) !important;
  margin-bottom: 1.25rem !important;
  display: inline-block !important;
}
.pa-auth-left-title {
  font-weight: 900 !important;
  font-size: 1.5rem !important;
  letter-spacing: -0.5px !important;
  color: #ffffff !important;
}
.pa-auth-left-sub {
  color: rgba(255, 255, 255, 0.9) !important;
  font-weight: 500 !important;
  line-height: 1.6 !important;
}
.pa-auth-feature-pill {
  display: flex !important;
  align-items: center !important;
  gap: 0.75rem !important;
  padding: 0.65rem 1rem !important;
  background: rgba(0, 0, 0, 0.22) !important;
  border: 2px solid rgba(255, 255, 255, 0.25) !important;
  color: #ffffff !important;
  font-size: 0.875rem !important;
  font-weight: 700 !important;
  margin-bottom: 0.75rem !important;
  border-radius: 0px !important;
  text-align: left !important;
  width: 100% !important;
}
.pa-auth-feature-pill i.bi {
  font-size: 1.1rem !important;
  color: var(--pa-accent, #facc15) !important;
}
.pa-auth-right {
  background: #ffffff !important;
  padding: 3rem 2.5rem !important;
}
.pa-auth-right-title {
  font-size: 1.85rem !important;
  font-weight: 900 !important;
  color: #0f172a !important;
  letter-spacing: -0.5px !important;
  margin-bottom: 0.35rem !important;
}
.pa-auth-right-title i.bi {
  color: var(--pa-primary, #059669) !important;
}
.pa-auth-right-sub {
  color: #64748b !important;
  font-weight: 600 !important;
  font-size: 0.95rem !important;
}
.pa-register-section-title {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
  background: var(--pa-accent, #facc15) !important;
  color: #000000 !important;
  border: 2.5px solid var(--pa-border, #0f172a) !important;
  box-shadow: 2.5px 2.5px 0px var(--pa-border, #0f172a) !important;
  border-radius: 0px !important;
  padding: 0.4rem 0.85rem !important;
  font-size: 0.85rem !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
}
.pa-auth-page label.form-label {
  font-weight: 800 !important;
  font-size: 0.82rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0.4px !important;
  color: #0f172a !important;
  margin-bottom: 0.4rem !important;
}
.pa-form-icon-wrap {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
}
.pa-form-icon-wrap > i.bi {
  position: absolute !important;
  left: 1rem !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  font-size: 1.1rem !important;
  color: #64748b !important;
  pointer-events: none !important;
  z-index: 3 !important;
}
.pa-form-control {
  width: 100% !important;
  padding: 0.7rem 1rem 0.7rem 2.85rem !important;
  font-size: 0.925rem !important;
  font-weight: 600 !important;
  border: 2.5px solid var(--pa-border, #0f172a) !important;
  box-shadow: 3px 3px 0px var(--pa-border, #0f172a) !important;
  border-radius: 0px !important;
  background: #ffffff !important;
  color: #000000 !important;
  transition: all 0.15s ease !important;
}
.pa-form-control:focus {
  outline: none !important;
  border-color: #000000 !important;
  box-shadow: 4px 4px 0px var(--pa-accent, #facc15) !important;
  transform: translate(-1px, -1px) !important;
  background: #ffffff !important;
  color: #000000 !important;
}
select.pa-form-control {
  appearance: auto !important;
  padding-left: 2.85rem !important;
  cursor: pointer;
}
.pa-pw-toggle {
  position: absolute !important;
  right: 0.85rem !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  background: none !important;
  border: none !important;
  color: #64748b !important;
  cursor: pointer !important;
  padding: 0.25rem !important;
  font-size: 1.15rem !important;
  z-index: 4 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
}
.pa-pw-toggle:hover {
  color: #000000 !important;
}
.btn-pa-submit {
  width: 100% !important;
  padding: 0.85rem 1.5rem !important;
  font-size: 1rem !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  background: var(--pa-accent, #facc15) !important;
  color: #000000 !important;
  border: 3px solid var(--pa-border, #0f172a) !important;
  box-shadow: 4px 4px 0px var(--pa-border, #0f172a) !important;
  border-radius: 0px !important;
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.5rem !important;
  transition: all 0.15s ease !important;
  text-decoration: none !important;
}
.btn-pa-submit:hover {
  background: #000000 !important;
  color: #ffffff !important;
  border-color: #000000 !important;
  transform: translate(2px, 2px) !important;
  box-shadow: 1px 1px 0px var(--pa-border, #0f172a) !important;
}
.pa-auth-consent-box {
  background: #f8fafc !important;
  border: 2.5px solid var(--pa-border, #0f172a) !important;
  box-shadow: 3px 3px 0px var(--pa-border, #0f172a) !important;
  border-radius: 0px !important;
  padding: 1.25rem !important;
}
.pa-auth-divider {
  display: flex !important;
  align-items: center !important;
  text-align: center !important;
  margin: 1.5rem 0 !important;
  color: #64748b !important;
  font-weight: 800 !important;
  font-size: 0.8rem !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
}
.pa-auth-divider::before,
.pa-auth-divider::after {
  content: '' !important;
  flex: 1 !important;
  border-bottom: 2px solid var(--pa-border, #0f172a) !important;
}
.pa-auth-divider:not(:empty)::before {
  margin-right: 1rem !important;
}
.pa-auth-divider:not(:empty)::after {
  margin-left: 1rem !important;
}

/* ==========================================================================
   NEO-BRUTALISM DARK MODE (High Contrast, Sleek Surfaces & Vibrant Accents)
   ========================================================================== */

body.pa-dark {
  --pa-surface: #0b1329 !important;
  --pa-surface-2: #0b1329 !important;
  --pa-surface-3: #151f38 !important;
  --pa-border: #2a3756 !important;
  --pa-border-2: #3b4d75 !important;
  --pa-shadow-sm: 2px 2px 0px #000000 !important;
  --pa-shadow: 4px 4px 0px #000000 !important;
  --pa-shadow-lg: 7px 7px 0px #000000 !important;
  --pa-text: #f8fafc !important;
  --pa-text-muted: #94a3b8 !important;
  --pa-text-light: #64748b !important;
  background-color: #0b1329 !important;
  color: #f8fafc !important;
}

/* ── Topbar & Sticky Navbar ────────────────────────────────────────── */
body.pa-dark .pa-topbar {
  background: #080e1e !important;
  border-bottom: 2px solid #1e293b !important;
  color: #94a3b8 !important;
}
body.pa-dark .pa-topbar a {
  color: var(--pa-accent, #facc15) !important;
}
body.pa-dark .pa-topbar-sep {
  background-color: #1e293b !important;
}

body.pa-dark .pa-navbar {
  background: #0b1329 !important;
  border-bottom: 3px solid #1e293b !important;
}
body.pa-dark .pa-navbar.pa-scrolled {
  box-shadow: 0 4px 0px #000000 !important;
}
body.pa-dark .pa-navbar-brand {
  color: #f8fafc !important;
}
body.pa-dark .pa-navbar .nav-link {
  color: #f1f5f9 !important;
}
body.pa-dark .pa-navbar .nav-link:hover,
body.pa-dark .pa-navbar .nav-link.active {
  background: #151f38 !important;
  color: var(--pa-accent, #facc15) !important;
}
body.pa-dark .pa-search-input {
  background: #111a33 !important;
  border: 2px solid #2a3756 !important;
  color: #f8fafc !important;
  box-shadow: none !important;
}
body.pa-dark .pa-search-input:focus {
  border-color: var(--pa-accent, #facc15) !important;
  box-shadow: 2px 2px 0px #000000 !important;
}
body.pa-dark .pa-search-input::placeholder {
  color: #64748b !important;
}
body.pa-dark .pa-search-btn {
  color: #94a3b8 !important;
}
body.pa-dark .btn-pa-login {
  background: #151f38 !important;
  border: 2px solid #2a3756 !important;
  color: #f8fafc !important;
  box-shadow: 2px 2px 0px #000000 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 0.85rem !important;
  letter-spacing: 0.5px !important;
  line-height: 1.4 !important;
  padding: 0.5rem 1.15rem !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
}
body.pa-dark .btn-pa-login:hover {
  background: var(--pa-accent, #facc15) !important;
  color: #000000 !important;
  border-color: #2a3756 !important;
  transform: translate(1px, 1px) !important;
  box-shadow: 1px 1px 0px #000000 !important;
}
body.pa-dark .btn-pa-register {
  background: var(--pa-accent, #facc15) !important;
  border: 2px solid #2a3756 !important;
  color: #000000 !important;
  box-shadow: 2px 2px 0px #000000 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 0.85rem !important;
  letter-spacing: 0.5px !important;
  line-height: 1.4 !important;
  padding: 0.5rem 1.15rem !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
}
body.pa-dark .btn-pa-register:hover {
  background: #ffffff !important;
  color: #000000 !important;
  border-color: #ffffff !important;
  transform: translate(1px, 1px) !important;
  box-shadow: 1px 1px 0px #000000 !important;
}
body.pa-dark .pa-dark-toggle {
  background: #151f38 !important;
  border: 2px solid #2a3756 !important;
  box-shadow: 2px 2px 0px #000000 !important;
  color: var(--pa-accent, #facc15) !important;
}
body.pa-dark .pa-dark-toggle:hover {
  background: var(--pa-accent, #facc15) !important;
  color: #000000 !important;
  border-color: #2a3756 !important;
  transform: translate(-1px, -1px) !important;
}

/* ── Dropdown Menus ────────────────────────────────────────────────── */
body.pa-dark #main-navigation li ul,
body.pa-dark #navigationUser li ul,
body.pa-dark .dropdown-menu {
  background: #111a33 !important;
  border: 3px solid #2a3756 !important;
  box-shadow: 4px 4px 0px #000000 !important;
}
body.pa-dark #main-navigation li ul li > a,
body.pa-dark #navigationUser li ul li > a,
body.pa-dark .dropdown-item {
  color: #f8fafc !important;
}
body.pa-dark #main-navigation li ul li > a:hover,
body.pa-dark #navigationUser li ul li > a:hover,
body.pa-dark .dropdown-item:hover {
  background: var(--pa-accent, #facc15) !important;
  color: #000000 !important;
}

/* ── Hero Badges & ISSN ────────────────────────────────────────────── */
body.pa-dark .pa-issn-badge {
  background: #151f38 !important;
  border: 2px solid #2a3756 !important;
  box-shadow: 2px 2px 0px #000000 !important;
}
body.pa-dark .pa-issn-badge-value {
  color: #f8fafc !important;
}
body.pa-dark .pa-floating-badge {
  background: #151f38 !important;
  color: #f8fafc !important;
  border: 2.5px solid #3b4d75 !important;
  box-shadow: 4px 4px 0px #000000 !important;
}
body.pa-dark .pa-fb-2 {
  background: var(--pa-accent, #facc15) !important;
  color: #000000 !important;
}

/* ── Stats Bar ─────────────────────────────────────────────────────── */
body.pa-dark .pa-stats-bar {
  background: #080e1e !important;
  border-bottom: 3px solid #1e293b !important;
}
body.pa-dark .pa-stat-item {
  border-right-color: #1e293b !important;
  border-bottom-color: #1e293b !important;
}
body.pa-dark .pa-stat-number {
  color: var(--pa-accent, #facc15) !important;
  text-shadow: 1px 1px 0px #000000;
}
body.pa-dark .pa-stat-label {
  color: #94a3b8 !important;
}

/* ── Section Titles & Dividers ─────────────────────────────────────── */
body.pa-dark .pa-section-title,
body.pa-dark .pa-section-header-block h3,
body.pa-dark .h5.text-uppercase {
  color: #f8fafc !important;
}
body.pa-dark .pa-section-divider {
  background: var(--pa-accent, #facc15) !important;
}
body.pa-dark .pa-section-header-underline {
  background: var(--pa-accent, #facc15) !important;
}
body.pa-dark .pa-view-all {
  color: var(--pa-accent, #facc15) !important;
}
body.pa-dark .pa-view-all:hover {
  color: #ffffff !important;
}

/* ── About the Journal Card ────────────────────────────────────────── */
body.pa-dark .pa-about-card {
  background: #111a33 !important;
  border: 3px solid #2a3756 !important;
  box-shadow: 5px 5px 0px #000000 !important;
}
body.pa-dark .pa-about-icon-box {
  background: var(--pa-accent, #facc15) !important;
  color: #000000 !important;
  border: 2px solid #2a3756 !important;
  box-shadow: 2px 2px 0px #000000 !important;
}
body.pa-dark .pa-about-title {
  color: #f8fafc !important;
}
body.pa-dark .pa-about-subtitle {
  color: var(--pa-accent, #facc15) !important;
}
body.pa-dark .pa-about-description,
body.pa-dark .pa-about-content {
  color: #cbd5e1 !important;
}
body.pa-dark .pa-about-info-tile {
  background: #151f38 !important;
  border: 2px solid #2a3756 !important;
  box-shadow: 3px 3px 0px #000000 !important;
}
body.pa-dark .pa-about-info-tile:hover {
  border-color: var(--pa-accent, #facc15) !important;
  box-shadow: 5px 5px 0px #000000 !important;
  transform: translate(-2px, -2px) !important;
}
body.pa-dark .pa-about-tile-icon {
  background: var(--pa-accent, #facc15) !important;
  color: #000000 !important;
  border: 1.5px solid #2a3756 !important;
}
body.pa-dark .pa-about-tile-label {
  color: #94a3b8 !important;
}
body.pa-dark .pa-about-tile-value {
  color: #f8fafc !important;
}
body.pa-dark .pa-about-tile-value.text-primary {
  color: #38bdf8 !important;
}
body.pa-dark .btn-pa-about-primary {
  background: var(--pa-accent, #facc15) !important;
  color: #000000 !important;
  border: 2px solid #2a3756 !important;
  box-shadow: 3px 3px 0px #000000 !important;
}
body.pa-dark .btn-pa-about-primary:hover {
  background: #ffffff !important;
  color: #000000 !important;
  transform: translate(2px, 2px) !important;
  box-shadow: 0px 0px 0px #000000 !important;
}
body.pa-dark .btn-pa-about-secondary {
  background: #151f38 !important;
  color: #f8fafc !important;
  border: 2px solid #2a3756 !important;
  box-shadow: 3px 3px 0px #000000 !important;
}
body.pa-dark .btn-pa-about-secondary:hover {
  background: var(--pa-accent, #facc15) !important;
  color: #000000 !important;
  border-color: #2a3756 !important;
  transform: translate(2px, 2px) !important;
  box-shadow: 0px 0px 0px #000000 !important;
}

/* ── Indexing & Abstracted In Section ──────────────────────────────── */
body.pa-dark .pa-indexing-section {
  background: transparent !important;
}
body.pa-dark .pa-indexing-tile {
  background: #ffffff !important; /* Keep white so colorful logos remain vivid and clear */
  border: 2.5px solid #2a3756 !important;
  box-shadow: 4px 4px 0px #000000 !important;
}
body.pa-dark .pa-indexing-tile:hover {
  border-color: var(--pa-accent, #facc15) !important;
  box-shadow: 6px 6px 0px #000000 !important;
}
body.pa-dark .pa-indexing-badge {
  background: #151f38 !important;
  border: 2px solid #2a3756 !important;
  box-shadow: 2px 2px 0px #000000 !important;
  color: #f8fafc !important;
}

/* ── Announcements ─────────────────────────────────────────────────── */
body.pa-dark .pa-announce-card {
  background: #111a33 !important;
  border: 3px solid #2a3756 !important;
  box-shadow: 4px 4px 0px #000000 !important;
}
body.pa-dark .pa-announce-card:hover {
  border-color: #3b4d75 !important;
  box-shadow: 7px 7px 0px #000000 !important;
}
body.pa-dark .pa-announce-title a {
  color: #f8fafc !important;
}
body.pa-dark .pa-announce-title a:hover {
  color: var(--pa-accent, #facc15) !important;
}
body.pa-dark .pa-announce-date {
  color: #94a3b8 !important;
}

/* ── Featured Current Issue Card ───────────────────────────────────── */
body.pa-dark .pa-current-issue-card {
  background: #111a33 !important;
  border: 3px solid #2a3756 !important;
  box-shadow: 5px 5px 0px #000000 !important;
}
body.pa-dark .pa-current-issue-title a {
  color: #f8fafc !important;
}
body.pa-dark .pa-current-issue-title a:hover {
  color: var(--pa-accent, #facc15) !important;
}
body.pa-dark .pa-current-issue-desc {
  color: #cbd5e1 !important;
}
body.pa-dark .pa-current-issue-desc a {
  color: #38bdf8 !important;
}
body.pa-dark .pa-current-issue-desc a:hover {
  background: var(--pa-accent, #facc15) !important;
  color: #000000 !important;
}
body.pa-dark .pa-current-issue-date {
  background: #151f38 !important;
  border: 2px solid #2a3756 !important;
  box-shadow: 2px 2px 0px #000000 !important;
  color: #cbd5e1 !important;
}
body.pa-dark .pa-current-issue-img {
  border: 2px solid #2a3756 !important;
  box-shadow: 4px 4px 0px #000000 !important;
}

/* ── Article Summary Cards (V2) ────────────────────────────────────── */
body.pa-dark .pa-article-card-v2 {
  background: #111a33 !important;
  border: 2.5px solid #2a3756 !important;
  box-shadow: 4px 4px 0px #000000 !important;
}
body.pa-dark .pa-article-card-v2:hover {
  border-color: #3b4d75 !important;
  box-shadow: 7px 7px 0px #000000 !important;
}
body.pa-dark .pa-art-title a {
  color: #f8fafc !important;
}
body.pa-dark .pa-art-title a:hover {
  color: var(--pa-accent, #facc15) !important;
}
body.pa-dark .pa-art-author-item strong {
  color: #cbd5e1 !important;
}
body.pa-dark .pa-art-role {
  color: #94a3b8 !important;
}
body.pa-dark .pa-art-author-icon {
  color: #64748b !important;
}
body.pa-dark .pa-art-date-box {
  color: #94a3b8 !important;
}
body.pa-dark .pa-art-cover-img {
  border: 2px solid #2a3756 !important;
  box-shadow: 2px 2px 0px #000000 !important;
}
body.pa-dark .pa-art-graphic-box {
  background: #151f38 !important;
  border: 2px solid #2a3756 !important;
  box-shadow: 2px 2px 0px #000000 !important;
  color: #cbd5e1 !important;
}
body.pa-dark .pa-art-graphic-tile:hover .pa-art-graphic-box {
  background: #1e293b !important;
  border-color: var(--pa-accent, #facc15) !important;
  box-shadow: 4px 4px 0px #000000 !important;
}
body.pa-dark .pa-art-graphic-header,
body.pa-dark .pa-art-graphic-footer {
  color: #cbd5e1 !important;
}
body.pa-dark .pa-art-graphic-center {
  color: var(--pa-accent, #facc15) !important;
}
body.pa-dark .pa-art-bottom-row {
  border-top: 2px solid #2a3756 !important;
}
body.pa-dark .pa-art-doi-box {
  background: #151f38 !important;
  border: 2px solid #2a3756 !important;
  box-shadow: 2px 2px 0px #000000 !important;
}
body.pa-dark .pa-art-doi-link {
  color: #38bdf8 !important;
}
body.pa-dark .pa-art-doi-link:hover {
  color: var(--pa-accent, #facc15) !important;
}
body.pa-dark .pa-btn-copy-doi {
  border-left: 2px solid #2a3756 !important;
  background: var(--pa-accent, #facc15) !important;
  color: #000000 !important;
}
body.pa-dark .pa-btn-copy-doi:hover {
  background: #ffffff !important;
  color: #000000 !important;
}
body.pa-dark .pa-art-pages {
  background: #151f38 !important;
  border: 2px solid #2a3756 !important;
  box-shadow: 2px 2px 0px #000000 !important;
  color: #cbd5e1 !important;
}
body.pa-dark .btn-pa-pdf-action {
  background: var(--pa-accent, #facc15) !important;
  color: #000000 !important;
  border: 2px solid #2a3756 !important;
  box-shadow: 2px 2px 0px #000000 !important;
}
body.pa-dark .btn-pa-pdf-action:hover {
  background: #ffffff !important;
  color: #000000 !important;
  transform: translate(-1px, -1px) !important;
  box-shadow: 4px 4px 0px #000000 !important;
}
body.pa-dark .btn-pa-turnitin-action {
  background: #151f38 !important;
  color: #f8fafc !important;
  border: 2px solid #2a3756 !important;
  box-shadow: 2px 2px 0px #000000 !important;
}
body.pa-dark .btn-pa-turnitin-action:hover {
  background: #166534 !important;
  color: #ffffff !important;
  border-color: #22c55e !important;
}
body.pa-dark .btn-pa-custom-action {
  background: #151f38 !important;
  color: #f8fafc !important;
  border: 2px solid #2a3756 !important;
  box-shadow: 2px 2px 0px #000000 !important;
}
body.pa-dark .btn-pa-custom-action:hover {
  background: var(--pa-accent, #facc15) !important;
  color: #000000 !important;
}

/* ── Sidebar Blocks & Custom Blocks ────────────────────────────────── */
body.pa-dark .pkp_block,
body.pa-dark .pa-sidebar-card {
  background: #111a33 !important;
  border: 3px solid #2a3756 !important;
  box-shadow: 4px 4px 0px #000000 !important;
}
body.pa-dark .pkp_block .title,
body.pa-dark .pa-sidebar-header {
  background: var(--pa-accent, #facc15) !important;
  color: #000000 !important;
  border-bottom: 3px solid #2a3756 !important;
}
body.pa-dark .pkp_block .content {
  color: #cbd5e1 !important;
}
body.pa-dark .pkp_block .content li > a,
body.pa-dark .pkp_block .content > a,
body.pa-dark .pkp_block .content p > a:only-child {
  background: #151f38 !important;
  color: #f8fafc !important;
  border: 2px solid #2a3756 !important;
  box-shadow: 2px 2px 0px #000000 !important;
}
body.pa-dark .pkp_block .content li > a::after,
body.pa-dark .pkp_block .content > a::after,
body.pa-dark .pkp_block .content p > a:only-child::after {
  color: var(--pa-accent, #facc15) !important;
  opacity: 0.9;
}
body.pa-dark .pkp_block .content li > a:hover,
body.pa-dark .pkp_block .content > a:hover,
body.pa-dark .pkp_block .content p > a:only-child:hover {
  background: var(--pa-accent, #facc15) !important;
  color: #000000 !important;
  border-color: #2a3756 !important;
  box-shadow: 0px 0px 0px #000000 !important;
}
body.pa-dark .pkp_block .content li > a:hover::after,
body.pa-dark .pkp_block .content > a:hover::after,
body.pa-dark .pkp_block .content p > a:only-child:hover::after {
  color: #000000 !important;
}
body.pa-dark .pkp_block select,
body.pa-dark .pkp_block input {
  background: #151f38 !important;
  color: #f8fafc !important;
  border: 2px solid #2a3756 !important;
}
body.pa-dark .pkp_block.block_make_submission a,
body.pa-dark .btn-pa-sidebar-cta {
  background: var(--pa-accent, #facc15) !important;
  color: #000000 !important;
  border: 2px solid #2a3756 !important;
  box-shadow: 3px 3px 0px #000000 !important;
  font-weight: 900 !important;
}
body.pa-dark .pkp_block.block_make_submission a:hover,
body.pa-dark .btn-pa-sidebar-cta:hover {
  background: #ffffff !important;
  color: #000000 !important;
}

/* ── Footer ────────────────────────────────────────────────────────── */
body.pa-dark .pa-footer {
  background: #080e1e !important;
  border-top: 4px solid #1e293b !important;
  color: #94a3b8 !important;
}
body.pa-dark .pa-footer-heading {
  color: #f8fafc !important;
}
body.pa-dark .pa-footer-heading::after {
  background: var(--pa-accent, #facc15) !important;
}
body.pa-dark .pa-footer-brand-name {
  color: #f8fafc !important;
}
body.pa-dark .pa-footer-desc,
body.pa-dark .pa-footer-contact-text,
body.pa-dark .pa-footer .small {
  color: #94a3b8 !important;
}
body.pa-dark .pa-footer-links a {
  color: #cbd5e1 !important;
}
body.pa-dark .pa-footer-links a:hover {
  color: var(--pa-accent, #facc15) !important;
  transform: translateX(3px);
}
body.pa-dark .pa-social-btn {
  background: #151f38 !important;
  border: 2px solid #2a3756 !important;
  box-shadow: 2px 2px 0px #000000 !important;
  color: #f8fafc !important;
}
body.pa-dark .pa-social-btn:hover {
  background: var(--pa-accent, #facc15) !important;
  color: #000000 !important;
  border-color: #2a3756 !important;
  box-shadow: 0px 0px 0px #000000 !important;
}
body.pa-dark .pa-footer-ojs-badge {
  background: #151f38 !important;
  border: 2px solid #2a3756 !important;
  box-shadow: 3px 3px 0px #000000 !important;
}
body.pa-dark .pa-footer-ojs-badge:hover {
  background: var(--pa-accent, #facc15) !important;
  border-color: #2a3756 !important;
  box-shadow: 0px 0px 0px #000000 !important;
}
body.pa-dark .pa-footer-ojs-name {
  color: #f8fafc !important;
}
body.pa-dark .pa-footer-ojs-sub {
  color: #94a3b8 !important;
}
body.pa-dark .pa-footer-ojs-badge:hover .pa-footer-ojs-name,
body.pa-dark .pa-footer-ojs-badge:hover .pa-footer-ojs-sub {
  color: #000000 !important;
}
body.pa-dark .pa-footer-issn-badge {
  background: #151f38 !important;
  border: 2px solid #2a3756 !important;
  color: #f8fafc !important;
  box-shadow: 2px 2px 0px #000000 !important;
}
body.pa-dark .pa-footer-issn-badge-label {
  background: var(--pa-accent, #facc15) !important;
  color: #000000 !important;
  border-right: 2px solid #2a3756 !important;
}
body.pa-dark .pa-footer-issn-badge-val {
  color: #f8fafc !important;
  background: #151f38 !important;
}
body.pa-dark .pa-footer-cms {
  border-color: #1e293b !important;
  color: #94a3b8 !important;
}
body.pa-dark .pa-footer-cms a {
  color: var(--pa-accent, #facc15) !important;
}
body.pa-dark .pa-footer-cms p {
  color: #94a3b8 !important;
}
body.pa-dark .pa-footer-bottom {
  border-top: 2px solid #1e293b !important;
  color: #64748b !important;
}

/* ── Inner Pages (Article Details, Archives, User Login) ───────────── */
body.pa-dark .pa-article-main {
  background: #111a33 !important;
  border: 3px solid #2a3756 !important;
  box-shadow: 5px 5px 0px #000000 !important;
}
body.pa-dark .pa-article-title {
  color: #f8fafc !important;
}
body.pa-dark .pa-article-meta-bar {
  border-color: #2a3756 !important;
  color: #94a3b8 !important;
}
body.pa-dark .pa-meta-stat-pill {
  background: #151f38 !important;
  border: 2px solid #2a3756 !important;
  box-shadow: 2px 2px 0px #000000 !important;
  color: #f8fafc !important;
}
body.pa-dark .pa-meta-stat-pill i {
  color: var(--pa-accent, #facc15) !important;
}
body.pa-dark .pa-author-chip-card,
body.pa-dark .pa-author-chip {
  background: #151f38 !important;
  border: 2px solid #2a3756 !important;
  box-shadow: 3px 3px 0px #000000 !important;
}
body.pa-dark .pa-author-chip-card:hover,
body.pa-dark .pa-author-chip:hover {
  border-color: var(--pa-accent, #facc15) !important;
}
body.pa-dark .pa-author-name {
  color: #f8fafc !important;
}
body.pa-dark .pa-author-affiliation {
  color: #94a3b8 !important;
}
body.pa-dark .pa-author-avatar {
  background: var(--pa-accent, #facc15) !important;
  color: #000000 !important;
  border: 2px solid #2a3756 !important;
  font-weight: 900 !important;
}
body.pa-dark .pa-orcid-badge {
  background: #166534 !important;
  color: #86efac !important;
  border: 1.5px solid #22c55e !important;
  box-shadow: 1.5px 1.5px 0px #000000 !important;
}
body.pa-dark .pa-country-tag {
  background: #1e293b !important;
  color: #cbd5e1 !important;
  border: 1.5px solid #2a3756 !important;
}
body.pa-dark .pa-action-bar {
  background: #151f38 !important;
  border: 2px solid #2a3756 !important;
  box-shadow: 3px 3px 0px #000000 !important;
}
body.pa-dark .pa-content-card {
  background: #111a33 !important;
  border: 2.5px solid #2a3756 !important;
  box-shadow: 4px 4px 0px #000000 !important;
}
body.pa-dark .pa-card-header-bar {
  background: var(--pa-accent, #facc15) !important;
  border-bottom: 2.5px solid #2a3756 !important;
  color: #000000 !important;
}
body.pa-dark .pa-card-title {
  color: #000000 !important;
}
body.pa-dark .pa-card-counter-badge {
  background: #000000 !important;
  color: #ffffff !important;
  border: 1.5px solid #000000 !important;
}
body.pa-dark .pa-abstract-body,
body.pa-dark .pa-abstract-text {
  color: #e2e8f0 !important;
  line-height: 1.8 !important;
}
body.pa-dark .pa-keywords-section {
  border-color: #2a3756 !important;
}
body.pa-dark .pa-keywords-label {
  color: #f8fafc !important;
}
body.pa-dark .pa-keyword-badge,
body.pa-dark .pa-keyword,
body.pa-dark .pkp_block .tagcloud a,
body.pa-dark .pkp_block .tag_cloud a {
  background: #151f38 !important;
  border: 2px solid #2a3756 !important;
  box-shadow: 2px 2px 0px #000000 !important;
  color: #f8fafc !important;
}
body.pa-dark .pa-keyword-badge:hover,
body.pa-dark .pa-keyword:hover,
body.pa-dark .pkp_block .tagcloud a:hover,
body.pa-dark .pkp_block .tag_cloud a:hover {
  background: var(--pa-accent, #facc15) !important;
  color: #000000 !important;
}
body.pa-dark .pa-ref-item {
  border-bottom: 1px solid #1e293b !important;
  color: #cbd5e1 !important;
}
body.pa-dark .pa-ref-doi-badge {
  background: var(--pa-accent, #facc15) !important;
  color: #000000 !important;
  border: 1.5px solid #2a3756 !important;
  box-shadow: 1.5px 1.5px 0px #000000 !important;
}
body.pa-dark .pa-ref-doi-badge:hover {
  background: #ffffff !important;
  color: #000000 !important;
}
body.pa-dark .pa-ref-url-badge {
  background: #151f38 !important;
  color: #f8fafc !important;
  border: 1.5px solid #2a3756 !important;
  box-shadow: 1.5px 1.5px 0px #000000 !important;
}
body.pa-dark .pa-bio-item-card {
  background: #151f38 !important;
  border: 2px solid #2a3756 !important;
  box-shadow: 2.5px 2.5px 0px #000000 !important;
}
body.pa-dark .pa-bio-author-name {
  color: #f8fafc !important;
}
body.pa-dark .pa-bio-text {
  color: #cbd5e1 !important;
}
body.pa-dark .pa-copyright-notice {
  color: #f8fafc !important;
}
body.pa-dark .pa-license-text {
  color: #94a3b8 !important;
}
body.pa-dark .pa-lic-pill {
  background: #151f38 !important;
  border: 1.5px solid #2a3756 !important;
  box-shadow: 1.5px 1.5px 0px #000000 !important;
  color: #f8fafc !important;
}
body.pa-dark .pa-metric-box {
  background: #151f38 !important;
  border: 2px solid #2a3756 !important;
  box-shadow: 2px 2px 0px #000000 !important;
}
body.pa-dark .pa-metric-box .pa-metric-val {
  color: #f8fafc !important;
}
body.pa-dark .pa-metric-box .pa-metric-lbl {
  color: #94a3b8 !important;
}
body.pa-dark .pa-detail-row {
  border-color: #2a3756 !important;
}
body.pa-dark .pa-detail-row span,
body.pa-dark .pa-detail-row a {
  color: #cbd5e1 !important;
}
body.pa-dark .pa-cite-box {
  background: #151f38 !important;
  border: 2px solid #2a3756 !important;
  box-shadow: 3px 3px 0px #000000 !important;
  color: #e2e8f0 !important;
}
body.pa-dark .pa-cite-copy-btn {
  background: var(--pa-accent, #facc15) !important;
  color: #000000 !important;
  border: 1.5px solid #2a3756 !important;
}
body.pa-dark .pa-cite-copy-btn:hover {
  background: #ffffff !important;
  color: #000000 !important;
}

body.pa-dark .citation_display .citation_formats {
  border-color: #000000 !important;
  box-shadow: 2.5px 2.5px 0px #000000 !important;
  background: #111c30 !important;
}
body.pa-dark .citation_display .citation_formats_button {
  background: #151f38 !important;
  color: #f8fafc !important;
}
body.pa-dark .citation_display .citation_formats_button:hover {
  background: var(--pa-accent, #facc15) !important;
  color: #000000 !important;
}
body.pa-dark .citation_display .citation_formats_list {
  background: #111c30 !important;
  border-top-color: #000000 !important;
}
body.pa-dark .citation_display .citation_formats_styles a {
  border-bottom-color: #1e293b !important;
  color: #e2e8f0 !important;
}
body.pa-dark .citation_display .citation_formats_styles a:hover {
  background: #1e293b !important;
  color: var(--pa-accent, #facc15) !important;
}
body.pa-dark .citation_display .citation_formats_list .label {
  background: #0f172a !important;
  border-bottom-color: #1e293b !important;
  color: #94a3b8 !important;
}
body.pa-dark .pa-inner-banner {
  background: #0b1322 !important;
  border-bottom: 3px solid #000000 !important;
  box-shadow: 0 4px 0px #000000 !important;
}
body.pa-dark .pa-inner-banner h1 {
  color: #ffffff !important;
}
body.pa-dark .pa-inner-banner .breadcrumb a {
  color: #94a3b8 !important;
}
body.pa-dark .pa-inner-banner .breadcrumb a:hover {
  color: #facc15 !important;
}
body.pa-dark .pa-inner-banner .breadcrumb-item.active {
  color: #f8fafc !important;
}

body.pa-dark .pa-archive-intro {
  background: #111c30 !important;
  border-color: #000000 !important;
  box-shadow: 4px 4px 0px #000000 !important;
}
body.pa-dark .pa-archive-heading {
  color: #ffffff !important;
}
body.pa-dark .pa-archive-sub {
  color: #94a3b8 !important;
}

body.pa-dark .pa-issue-card {
  background: #111c30 !important;
  border: 3px solid #000000 !important;
  box-shadow: 4px 4px 0px #000000 !important;
}
body.pa-dark .pa-issue-card:hover {
  box-shadow: 7px 7px 0px #000000 !important;
}
body.pa-dark .pa-issue-cover-wrap {
  border-bottom: 3px solid #000000 !important;
  background: #020617 !important;
}
body.pa-dark .pa-issue-card-body {
  background: #111c30 !important;
}
body.pa-dark .pa-issue-card-title {
  color: #f8fafc !important;
}
body.pa-dark .pa-issue-card-title a {
  color: #f8fafc !important;
}
body.pa-dark .pa-issue-card-title a:hover {
  color: #facc15 !important;
}
body.pa-dark .pa-issue-year-pill,
body.pa-dark .pa-issue-card-date {
  color: #94a3b8 !important;
}
body.pa-dark .btn-pa-issue-view:hover {
  background: #ffffff !important;
  color: #000000 !important;
}
body.pa-dark .pa-pagination-bar {
  background: #111c30 !important;
  border: 2px solid #000000 !important;
  box-shadow: 3px 3px 0px #000000 !important;
  color: #f8fafc !important;
}
body.pa-dark .pa-page-btn {
  background: var(--pa-accent, #facc15) !important;
  border: 2px solid #000000 !important;
  box-shadow: 2px 2px 0px #000000 !important;
  color: #000000 !important;
}
body.pa-dark .pa-page-btn:hover {
  background: #ffffff !important;
  color: #000000 !important;
}
body.pa-dark .pa-toc-cover-wrap {
  border-color: #000000 !important;
  box-shadow: 3px 3px 0px #000000 !important;
}
body.pa-dark .pa-auth-card {
  background: #0b1329 !important;
  border: 3px solid #2a3756 !important;
  box-shadow: 6px 6px 0px #000000 !important;
}
body.pa-dark .pa-auth-left {
  background: #0d1b38 !important;
  border-right: 3px solid #2a3756 !important;
}
body.pa-dark .pa-auth-feature-pill {
  background: #111a33 !important;
  border-color: #2a3756 !important;
  color: #f8fafc !important;
}
body.pa-dark .pa-auth-right {
  background: #0b1329 !important;
}
body.pa-dark .pa-auth-right-title {
  color: #f8fafc !important;
}
body.pa-dark .pa-auth-right-sub {
  color: #94a3b8 !important;
}
body.pa-dark .pa-register-section-title {
  background: var(--pa-accent, #facc15) !important;
  color: #000000 !important;
  border: 2px solid #000000 !important;
  box-shadow: 2px 2px 0px #000000 !important;
}
body.pa-dark .pa-auth-page label.form-label {
  color: #e2e8f0 !important;
}
body.pa-dark .pa-form-icon-wrap > i.bi {
  color: #94a3b8 !important;
}
body.pa-dark .pa-form-control {
  background: #111a33 !important;
  border: 2px solid #2a3756 !important;
  color: #f8fafc !important;
  box-shadow: 3px 3px 0px #000000 !important;
}
body.pa-dark .pa-form-control:focus {
  border-color: var(--pa-accent, #facc15) !important;
  box-shadow: 4px 4px 0px var(--pa-accent, #facc15) !important;
  background: #151f38 !important;
  color: #ffffff !important;
}
body.pa-dark .pa-form-control::placeholder {
  color: #64748b !important;
}
body.pa-dark .pa-pw-toggle {
  color: #94a3b8 !important;
}
body.pa-dark .pa-pw-toggle:hover {
  color: #ffffff !important;
}
body.pa-dark .btn-pa-submit {
  background: var(--pa-accent, #facc15) !important;
  color: #000000 !important;
  border: 2px solid #2a3756 !important;
  box-shadow: 4px 4px 0px #000000 !important;
}
body.pa-dark .btn-pa-submit:hover {
  background: #ffffff !important;
  color: #000000 !important;
  border-color: #ffffff !important;
  transform: translate(2px, 2px) !important;
  box-shadow: 1px 1px 0px #000000 !important;
}
body.pa-dark .pa-auth-consent-box {
  background: #111a33 !important;
  border: 2px solid #2a3756 !important;
  box-shadow: 3px 3px 0px #000000 !important;
}
body.pa-dark .pa-auth-divider {
  color: #94a3b8 !important;
}
body.pa-dark .pa-auth-divider::before,
body.pa-dark .pa-auth-divider::after {
  border-bottom: 2px solid #2a3756 !important;
}
body.pa-dark .pa-breadcrumb {
  background: #111a33 !important;
  border: 2px solid #2a3756 !important;
  box-shadow: 2px 2px 0px #000000 !important;
}
body.pa-dark .pa-breadcrumb a {
  color: var(--pa-accent, #facc15) !important;
}
body.pa-dark .pa-breadcrumb .active {
  color: #cbd5e1 !important;
}

/* ── Monthly Stats Card in Dark Mode ── */
body.pa-dark .pa-monthly-stats-card {
  background: #111a33 !important;
  border: 3px solid #2a3756 !important;
  box-shadow: 5px 5px 0px #000000 !important;
}
body.pa-dark .pa-stats-icon-box {
  background: var(--pa-accent, #facc15) !important;
  color: #000000 !important;
  border-color: #2a3756 !important;
  box-shadow: 2px 2px 0px #000000 !important;
}
body.pa-dark .pa-stats-card-title {
  color: #f8fafc !important;
}
body.pa-dark .pa-stats-card-subtitle {
  color: #94a3b8 !important;
}
body.pa-dark .pa-metric-badge {
  background: #151f38 !important;
  border: 2px solid #2a3756 !important;
  box-shadow: 2.5px 2.5px 0px #000000 !important;
}
body.pa-dark .pa-metric-badge:hover {
  border-color: var(--pa-accent, #facc15) !important;
  box-shadow: 4px 4px 0px #000000 !important;
}
body.pa-dark .pa-metric-views .pa-metric-label {
  color: #60a5fa !important;
}
body.pa-dark .pa-metric-views .pa-metric-value {
  color: #93c5fd !important;
}
body.pa-dark .pa-metric-downloads .pa-metric-label {
  color: #34d399 !important;
}
body.pa-dark .pa-metric-downloads .pa-metric-value {
  color: #6ee7b7 !important;
}
body.pa-dark .pa-metric-avg-views .pa-metric-label {
  color: #38bdf8 !important;
}
body.pa-dark .pa-metric-avg-views .pa-metric-value {
  color: #7dd3fc !important;
}
body.pa-dark .pa-metric-avg-downloads .pa-metric-label {
  color: #4ade80 !important;
}
body.pa-dark .pa-metric-avg-downloads .pa-metric-value {
  color: #86efac !important;
}
body.pa-dark .pa-chart-filters {
  background: #151f38 !important;
  border: 2px solid #2a3756 !important;
  box-shadow: 2px 2px 0px #000000 !important;
}
body.pa-dark .pa-chart-filter-btn {
  color: #94a3b8 !important;
}
body.pa-dark .pa-chart-filter-btn:hover:not(.active) {
  background: #1e293b !important;
  color: #f8fafc !important;
}
body.pa-dark .pa-chart-filter-btn.active {
  background: var(--pa-accent, #facc15) !important;
  color: #000000 !important;
  border-color: #2a3756 !important;
  box-shadow: 1.5px 1.5px 0px #000000 !important;
}
body.pa-dark .pa-chart-legend-item {
  color: #cbd5e1 !important;
}

/* ── Dark Mode Overrides for Author Geo Card ── */
body.pa-dark .pa-author-geo-card {
  background: #111a33 !important;
  border: 3px solid #2a3756 !important;
  box-shadow: 5px 5px 0px #000000 !important;
}
body.pa-dark .pa-geo-icon-box {
  background: var(--pa-accent, #facc15) !important;
  color: #000000 !important;
  border-color: #2a3756 !important;
  box-shadow: 2px 2px 0px #000000 !important;
}
body.pa-dark .pa-geo-card-title {
  color: #f8fafc !important;
}
body.pa-dark .pa-geo-card-subtitle {
  color: #94a3b8 !important;
}
body.pa-dark .pa-geo-metric-badge {
  background: #151f38 !important;
  border: 2px solid #2a3756 !important;
  box-shadow: 2.5px 2.5px 0px #000000 !important;
}
body.pa-dark .pa-geo-metric-badge:hover {
  border-color: var(--pa-accent, #facc15) !important;
  box-shadow: 4px 4px 0px #000000 !important;
}
body.pa-dark .pa-geo-metric-authors .pa-geo-metric-label {
  color: #60a5fa !important;
}
body.pa-dark .pa-geo-metric-authors .pa-geo-metric-value {
  color: #93c5fd !important;
}
body.pa-dark .pa-geo-metric-countries .pa-geo-metric-label {
  color: #34d399 !important;
}
body.pa-dark .pa-geo-metric-countries .pa-geo-metric-value {
  color: #6ee7b7 !important;
}
body.pa-dark .pa-geo-map-wrapper {
  background: #0a1124 !important;
  border-color: #2a3756 !important;
  box-shadow: 2.5px 2.5px 0px #000000 !important;
}
body.pa-dark .pa-geo-legend {
  background: #151f38 !important;
  border-color: #2a3756 !important;
  color: #cbd5e1 !important;
  box-shadow: 2px 2px 0px #000000 !important;
}
body.pa-dark .pa-geo-legend-title {
  color: #94a3b8 !important;
}
body.pa-dark .pa-geo-dot-low {
  background: #38bdf8 !important;
}
body.pa-dark .pa-geo-dot-high {
  background: #1d4ed8 !important;
}
body.pa-dark .pa-geo-country-panel {
  background: #151f38 !important;
  border-color: #2a3756 !important;
  box-shadow: 2.5px 2.5px 0px #000000 !important;
}
body.pa-dark .pa-geo-country-header {
  color: #f8fafc !important;
}
body.pa-dark .pa-geo-country-name {
  color: #f1f5f9 !important;
}
body.pa-dark .pa-geo-country-count strong {
  color: #f8fafc !important;
}
body.pa-dark .pa-geo-country-pct {
  color: #94a3b8 !important;
}
body.pa-dark .pa-geo-progress {
  background: #0a1124 !important;
  border-color: #2a3756 !important;
}
body.pa-dark .pa-geo-progress-bar {
  background: linear-gradient(90deg, #38bdf8 0%, #2563eb 100%) !important;
}
body.pa-dark .pa-geo-footer-note {
  color: #94a3b8 !important;
  border-top-color: #2a3756 !important;
}
body.pa-dark .jvm-zoom-btn {
  background: #151f38 !important;
  border-color: #2a3756 !important;
  color: #f8fafc !important;
  box-shadow: 2px 2px 0px #000000 !important;
}
body.pa-dark .jvm-zoom-btn:hover {
  background: var(--pa-accent, #facc15) !important;
  color: #000000 !important;
}

/* ── Plugin Wrapper (CSL Citation Formats, Similar Articles, etc.) ── */
.pa-article-plugins-wrapper > div,
.pa-article-plugins-wrapper > section {
  background: #ffffff !important;
  border: 2.5px solid var(--pa-border) !important;
  border-radius: 0px !important;
  box-shadow: 4px 4px 0px var(--pa-border) !important;
  padding: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}
.pa-article-plugins-wrapper h2,
.pa-article-plugins-wrapper h3 {
  font-size: 1.15rem !important;
  font-weight: 800 !important;
  margin-bottom: 1rem !important;
  color: #0f172a !important;
  border-bottom: 2px solid var(--pa-border) !important;
  padding-bottom: 0.5rem !important;
}

body.pa-dark .pa-article-plugins-wrapper > div,
body.pa-dark .pa-article-plugins-wrapper > section {
  background: #111a33 !important;
  border-color: #2a3756 !important;
  box-shadow: 4px 4px 0px #000000 !important;
  color: #cbd5e1 !important;
}
body.pa-dark .pa-article-plugins-wrapper h2,
body.pa-dark .pa-article-plugins-wrapper h3 {
  color: #f8fafc !important;
  border-color: #2a3756 !important;
}
body.pa-dark .pa-article-plugins-wrapper a {
  color: #38bdf8 !important;
}
body.pa-dark .pa-article-plugins-wrapper a:hover {
  color: var(--pa-accent, #facc15) !important;
}
body.pa-dark .pa-bio-author-affil {
  color: #94a3b8 !important;
}
body.pa-dark .pa-bio-author-affil i {
  color: var(--pa-accent, #facc15) !important;
}

/* ==========================================================================
   NEO-BRUTALIST GENERIC CONTENT PAGES & STATIC PAGES
   ========================================================================== */
.pa-content-card {
  background: #ffffff !important;
  border: 3px solid var(--pa-border, #000000) !important;
  border-radius: 0px !important;
  box-shadow: 6px 6px 0px var(--pa-border, #000000) !important;
  color: var(--pa-text, #0f172a) !important;
  position: relative !important;
  word-break: break-word !important;
}

body.pa-dark .pa-content-card {
  background: #111a33 !important;
  border-color: #2a3756 !important;
  box-shadow: 6px 6px 0px #000000 !important;
  color: #f8fafc !important;
}

/* Suppress duplicate breadcrumbs & inner h1 headers inside content pages since header.tpl has .pa-inner-banner */
.cmp_breadcrumbs,
.page > nav.cmp_breadcrumbs,
.page > ol.breadcrumb,
.page > h1.page_title,
.pa-content-card > h1:first-child,
.pa-content-card > nav.cmp_breadcrumbs,
.pa-content-card > .cmp_breadcrumbs,
.page_about > h1,
.page_editorial_team > h1,
.page_contact > h1,
.page_submissions > h1,
.page_privacy > h1,
.page_custom_content > h1,
.page_static_content > h1 {
  display: none !important;
}

/* Suppress legacy broken 404 icons */
img.ico-label,
.ico-label {
  display: none !important;
}

/* Headings inside .pa-content-card */
.pa-content-card h1,
.pa-content-card h2,
.pa-content-card h3,
.pa-content-card h4,
.pa-content-card h5,
.pa-content-card h6 {
  font-weight: 900 !important;
  color: #000000 !important;
  letter-spacing: -0.3px !important;
  margin-top: 1.75rem !important;
  margin-bottom: 1rem !important;
}

.pa-content-card h1:first-child,
.pa-content-card h2:first-child,
.pa-content-card h3:first-child,
.pa-content-card h4:first-child {
  margin-top: 0 !important;
}

.pa-content-card h2,
.pa-content-card h3,
.pa-content-card h4 {
  border-bottom: 3px solid var(--pa-accent, #facc15) !important;
  padding-bottom: 0.4rem !important;
}

body.pa-dark .pa-content-card h1,
body.pa-dark .pa-content-card h2,
body.pa-dark .pa-content-card h3,
body.pa-dark .pa-content-card h4,
body.pa-dark .pa-content-card h5,
body.pa-dark .pa-content-card h6 {
  color: #f8fafc !important;
}

/* Paragraphs & Lists inside .pa-content-card */
.pa-content-card p,
.pa-content-card li {
  font-size: 0.95rem !important;
  line-height: 1.8 !important;
  color: #1e293b !important;
}

body.pa-dark .pa-content-card p,
body.pa-dark .pa-content-card li {
  color: #cbd5e1 !important;
}

.pa-content-card ul:not(.list-unstyled),
.pa-content-card ol {
  padding-left: 1.5rem !important;
  margin-bottom: 1.25rem !important;
}

.pa-content-card li {
  margin-bottom: 0.4rem !important;
}

.pa-content-card a {
  color: var(--pa-primary, #1d4ed8) !important;
  font-weight: 700 !important;
  text-decoration: underline !important;
}

.pa-content-card a:hover {
  color: #000000 !important;
  background: var(--pa-accent, #facc15) !important;
}

body.pa-dark .pa-content-card a {
  color: #38bdf8 !important;
}

body.pa-dark .pa-content-card a:hover {
  color: #000000 !important;
}

/* Tables inside .pa-content-card */
.pa-content-card table {
  width: 100% !important;
  border-collapse: collapse !important;
  border: 2.5px solid var(--pa-border, #000000) !important;
  box-shadow: 4px 4px 0px var(--pa-border, #000000) !important;
  margin: 1.5rem 0 !important;
  background: #ffffff !important;
}

.pa-content-card table th {
  background: var(--pa-accent, #facc15) !important;
  color: #000000 !important;
  font-weight: 900 !important;
  padding: 0.75rem 1rem !important;
  border: 1.5px solid var(--pa-border, #000000) !important;
  text-transform: uppercase !important;
  font-size: 0.85rem !important;
  letter-spacing: 0.5px !important;
}

.pa-content-card table td {
  padding: 0.75rem 1rem !important;
  border: 1.5px solid #cbd5e1 !important;
  font-size: 0.9rem !important;
  color: #1e293b !important;
}

.pa-content-card table tr:nth-child(even) td {
  background: #f8fafc !important;
}

body.pa-dark .pa-content-card table {
  background: #111a33 !important;
  border-color: #2a3756 !important;
  box-shadow: 4px 4px 0px #000000 !important;
}

body.pa-dark .pa-content-card table th {
  border-color: #2a3756 !important;
}

body.pa-dark .pa-content-card table td {
  border-color: #2a3756 !important;
  color: #cbd5e1 !important;
}

body.pa-dark .pa-content-card table tr:nth-child(even) td {
  background: #151f38 !important;
}

/* ── Editorial Team Page Enhancements ── */
.pa-editorial-team-content .group {
  margin-bottom: 2rem !important;
}

.pa-editorial-team-content .group:last-child {
  margin-bottom: 0 !important;
}

.pa-editorial-team-content .group > h4 {
  font-size: 1.25rem !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  border-bottom: 3px solid var(--pa-accent, #facc15) !important;
  padding-bottom: 0.45rem !important;
  margin-bottom: 1.25rem !important;
  color: #000000 !important;
}

body.pa-dark .pa-editorial-team-content .group > h4 {
  color: #f8fafc !important;
}

.pa-editorial-team-content .editorial-list > ul > li {
  display: flex !important;
  flex-direction: row !important;
  gap: 1.5rem !important;
  align-items: flex-start !important;
  padding: 1.25rem !important;
  margin-bottom: 1.25rem !important;
  background: #ffffff !important;
  border: 2px solid var(--pa-border, #000000) !important;
  box-shadow: 4px 4px 0px var(--pa-border, #000000) !important;
  transition: transform 0.15s ease, box-shadow 0.15s ease !important;
}

.pa-editorial-team-content .editorial-list > ul > li:hover {
  transform: translate(-2px, -2px) !important;
  box-shadow: 6px 6px 0px var(--pa-border, #000000) !important;
}

body.pa-dark .pa-editorial-team-content .editorial-list > ul > li {
  background: #151f38 !important;
  border-color: #2a3756 !important;
  box-shadow: 4px 4px 0px #000000 !important;
}

body.pa-dark .pa-editorial-team-content .editorial-list > ul > li:hover {
  border-color: var(--pa-accent, #facc15) !important;
  box-shadow: 6px 6px 0px #000000 !important;
}

.pa-editorial-team-content .img-profile {
  flex-shrink: 0 !important;
}

.pa-editorial-team-content .imgthumb img {
  width: 90px !important;
  height: 110px !important;
  object-fit: cover !important;
  object-position: top center !important;
  border: 2px solid var(--pa-border, #000000) !important;
  box-shadow: 3px 3px 0px var(--pa-border, #000000) !important;
  border-radius: 0px !important;
  display: block !important;
}

body.pa-dark .pa-editorial-team-content .imgthumb img {
  border-color: #2a3756 !important;
  box-shadow: 3px 3px 0px #000000 !important;
}

.pa-editorial-team-content .team-content {
  flex-grow: 1 !important;
}

.pa-editorial-team-content .team-content > strong {
  display: block !important;
  font-size: 1.1rem !important;
  font-weight: 900 !important;
  color: #000000 !important;
  margin-bottom: 0.5rem !important;
}

body.pa-dark .pa-editorial-team-content .team-content > strong {
  color: #f8fafc !important;
}

.pa-editorial-team-content .team-aff ul {
  padding-left: 0 !important;
  margin-bottom: 0 !important;
  list-style: none !important;
}

.pa-editorial-team-content .team-aff li {
  font-size: 0.88rem !important;
  color: #475569 !important;
  margin-bottom: 0.35rem !important;
  line-height: 1.5 !important;
}

body.pa-dark .pa-editorial-team-content .team-aff li {
  color: #94a3b8 !important;
}

/* ── Contact Page Neo-Brutalist Boxes ── */
.pa-contact-box {
  border-radius: 0px !important;
}

.pa-contact-box .affiliation,
.pa-contact-box .title {
  color: #64748b !important;
}

body.pa-dark .pa-contact-box {
  background: #151f38 !important;
  border-color: #2a3756 !important;
  box-shadow: 4px 4px 0px #000000 !important;
}

body.pa-dark .pa-contact-box .affiliation,
body.pa-dark .pa-contact-box .title {
  color: #94a3b8 !important;
}

/* ── Notifications & Alerts Neo-Brutalism ── */
.pa-content-card .cmp_notification,
.pa-content-card .alert {
  border-radius: 0px !important;
  border: 2.5px solid var(--pa-border, #000000) !important;
  box-shadow: 4px 4px 0px var(--pa-border, #000000) !important;
  font-weight: 600 !important;
}

body.pa-dark .pa-content-card .cmp_notification,
body.pa-dark .pa-content-card .alert {
  background: #1e293b !important;
  border-color: #2a3756 !important;
  color: #f8fafc !important;
  box-shadow: 4px 4px 0px #000000 !important;
}

/* ── Reviewer Page Legacy Styles (.profile-page, .profile-header) ── */
.pa-content-card .profile-page,
.pa-content-card .container.profile-page {
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}

.pa-content-card .profile-page .row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.pa-content-card .profile-page [class*="col-"] {
  width: 100% !important;
  max-width: 100% !important;
  flex: 0 0 100% !important;
  padding: 0 !important;
}

.pa-content-card .card.profile-header {
  background: #ffffff !important;
  border: 2.5px solid var(--pa-border, #000000) !important;
  border-radius: 0px !important;
  box-shadow: 4px 4px 0px var(--pa-border, #000000) !important;
  padding: 1.25rem !important;
  margin-bottom: 1.5rem !important;
  transition: transform 0.15s ease, box-shadow 0.15s ease !important;
}

.pa-content-card .card.profile-header:hover {
  transform: translate(-2px, -2px) !important;
  box-shadow: 6px 6px 0px var(--pa-border, #000000) !important;
}

body.pa-dark .pa-content-card .card.profile-header {
  background: #151f38 !important;
  border-color: #2a3756 !important;
  box-shadow: 4px 4px 0px #000000 !important;
  color: #f8fafc !important;
}

body.pa-dark .pa-content-card .card.profile-header:hover {
  border-color: var(--pa-accent, #facc15) !important;
  box-shadow: 6px 6px 0px #000000 !important;
}

.pa-content-card .card.profile-header .row {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-start !important;
  gap: 1.5rem !important;
}

.pa-content-card .profile-image {
  float: none !important;
  width: 90px !important;
  flex-shrink: 0 !important;
}

.pa-content-card .profile-image img {
  width: 90px !important;
  height: 110px !important;
  object-fit: cover !important;
  object-position: top center !important;
  border: 2px solid var(--pa-border, #000000) !important;
  box-shadow: 3px 3px 0px var(--pa-border, #000000) !important;
  border-radius: 0px !important;
  display: block !important;
}

body.pa-dark .pa-content-card .profile-image img {
  border-color: #2a3756 !important;
  box-shadow: 3px 3px 0px #000000 !important;
}

.pa-content-card .card.profile-header h4 {
  font-size: 1.15rem !important;
  font-weight: 900 !important;
  color: #000000 !important;
  margin-top: 0 !important;
  margin-bottom: 0.5rem !important;
  border-bottom: none !important;
  padding-bottom: 0 !important;
}

body.pa-dark .pa-content-card .card.profile-header h4 {
  color: #f8fafc !important;
}

.pa-content-card .card.profile-header p {
  margin-bottom: 0.5rem !important;
  font-size: 0.88rem !important;
  color: inherit !important;
}

.pa-content-card .card.profile-header .btn {
  border-radius: 0px !important;
  font-weight: 800 !important;
  font-size: 0.75rem !important;
  padding: 0.25rem 0.6rem !important;
  border: 1.5px solid var(--pa-border, #000000) !important;
  box-shadow: 2px 2px 0px var(--pa-border, #000000) !important;
  text-decoration: none !important;
  margin-right: 0.35rem !important;
}

.pa-content-card .card.profile-header hr {
  display: none !important;
}

/* ── Content Card Button Banners / Section Dividers ── */
.pa-content-card .btn-block,
.pa-content-card .btn-default {
  display: block !important;
  background: var(--pa-accent, #facc15) !important;
  color: #000000 !important;
  border: 2.5px solid var(--pa-border, #000000) !important;
  box-shadow: 4px 4px 0px var(--pa-border, #000000) !important;
  font-weight: 900 !important;
  font-size: 1.15rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  width: 100% !important;
  padding: 0.65rem 1.25rem !important;
  border-radius: 0px !important;
  text-align: left !important;
  margin-bottom: 1.5rem !important;
  cursor: default !important;
}

body.pa-dark .pa-content-card .btn-block,
body.pa-dark .pa-content-card .btn-default {
  background: var(--pa-accent, #facc15) !important;
  color: #000000 !important;
  border-color: #2a3756 !important;
  box-shadow: 4px 4px 0px #000000 !important;
}

/* ── Content Card Rogue Pasted HTML Cleaning ── */
.pa-content-card [style*="background-color"],
.pa-content-card [style*="background: white"],
.pa-content-card [style*="background:#fff"],
.pa-content-card .wp-block-column {
  background-color: transparent !important;
  background: transparent !important;
}

.pa-content-card h1:not(:first-child) {
  display: block !important;
  font-size: 1.35rem !important;
  font-weight: 900 !important;
  border-bottom: 3px solid var(--pa-accent, #facc15) !important;
  padding-bottom: 0.4rem !important;
  margin-top: 2rem !important;
  margin-bottom: 1rem !important;
  color: #000000 !important;
}

body.pa-dark .pa-content-card h1:not(:first-child) {
  color: #f8fafc !important;
}

body.pa-dark .pa-content-card [style*="color:"] {
  color: #e2e8f0 !important;
}

body.pa-dark .pa-content-card a[style*="color:"] {
  color: #38bdf8 !important;
}

.pa-content-card .row.justify-content-md-center,
.pa-content-card .profile-page .row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.pa-content-card .row.justify-content-md-center > [class*="col-"] {
  width: 100% !important;
  max-width: 100% !important;
  flex: 0 0 100% !important;
  padding: 0 !important;
}

/* ==========================================================================
   NEO-BRUTALISM RESPONSIVE & ADAPTIVE STYLING (Mobile, Tablet, Desktop)
   ========================================================================== */

/* ── 1. Root & Document Level Overflow Elimination (Sticky Header Safe) ── */
html, body {
  overflow-x: clip !important;
  max-width: 100vw !important;
  width: 100% !important;
}

.pkp_structure_page {
  overflow: visible !important;
  max-width: 100% !important;
  width: 100% !important;
}

.pa-navbar {
  position: -webkit-sticky !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 1050 !important;
}

/* ── 2. Neo-Brutalist Header Controls (Desktop, Tablet & Mobile) ─────────── */
.pa-dark-toggle {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 42px !important;
  height: 42px !important;
  padding: 0 !important;
  background: #ffffff !important;
  color: #0f172a !important;
  border: 2.5px solid var(--pa-border, #000000) !important;
  box-shadow: 3px 3px 0px var(--pa-border, #000000) !important;
  border-radius: 0px !important;
  font-size: 1.15rem !important;
  cursor: pointer !important;
  flex-shrink: 0 !important;
  transition: transform 0.15s ease, box-shadow 0.15s ease, background 0.15s ease !important;
}

.pa-dark-toggle:hover {
  background: var(--pa-accent, #facc15) !important;
  color: #000000 !important;
  transform: translate(2px, 2px) !important;
  box-shadow: 1px 1px 0px var(--pa-border, #000000) !important;
}

body.pa-dark .pa-dark-toggle {
  background: #151f38 !important;
  color: var(--pa-accent, #facc15) !important;
  border: 2.5px solid #2a3756 !important;
  box-shadow: 3px 3px 0px #000000 !important;
}

body.pa-dark .pa-dark-toggle:hover {
  background: var(--pa-accent, #facc15) !important;
  color: #000000 !important;
  border-color: #2a3756 !important;
  transform: translate(2px, 2px) !important;
  box-shadow: 1px 1px 0px #000000 !important;
}

.pa-mobile-toggler {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 42px !important;
  height: 42px !important;
  padding: 0 !important;
  background: var(--pa-accent, #facc15) !important;
  color: #000000 !important;
  border: 2.5px solid var(--pa-border, #000000) !important;
  box-shadow: 3px 3px 0px var(--pa-border, #000000) !important;
  border-radius: 0px !important;
  font-size: 1.6rem !important;
  cursor: pointer !important;
  flex-shrink: 0 !important;
  transition: transform 0.15s ease, box-shadow 0.15s ease, background 0.15s ease !important;
}

.pa-mobile-toggler:hover,
.pa-mobile-toggler:focus {
  background: #000000 !important;
  color: #ffffff !important;
  transform: translate(2px, 2px) !important;
  box-shadow: 1px 1px 0px var(--pa-border, #000000) !important;
  outline: none !important;
}

body.pa-dark .pa-mobile-toggler {
  background: var(--pa-accent, #facc15) !important;
  color: #000000 !important;
  border: 2.5px solid #2a3756 !important;
  box-shadow: 3px 3px 0px #000000 !important;
}

body.pa-dark .pa-mobile-toggler:hover,
body.pa-dark .pa-mobile-toggler:focus {
  background: #ffffff !important;
  color: #000000 !important;
  border-color: #2a3756 !important;
  transform: translate(2px, 2px) !important;
  box-shadow: 1px 1px 0px #000000 !important;
}

/* ── 3. Collapsible Navigation Menu Drawer (< 992px) ─────────────────────── */
@media (max-width: 991.98px) {
  .pa-navbar .navbar-collapse {
    background: #ffffff !important;
    border: 3px solid var(--pa-border, #000000) !important;
    box-shadow: 5px 5px 0px var(--pa-border, #000000) !important;
    padding: 1.25rem !important;
    margin-top: 0.85rem !important;
    margin-bottom: 0.75rem !important;
    border-radius: 0px !important;
  }

  body.pa-dark .pa-navbar .navbar-collapse {
    background: #111a33 !important;
    border-color: #2a3756 !important;
    box-shadow: 5px 5px 0px #000000 !important;
  }

  .pa-navbar .navbar-collapse #paDarkToggle {
    display: none !important;
  }

  .pa-navbar .navbar-collapse #main-navigation {
    width: 100% !important;
    margin-bottom: 0.75rem !important;
    list-style: none !important;
    padding-left: 0 !important;
  }

  .pa-navbar .navbar-collapse #main-navigation > li {
    width: 100% !important;
  }

  .pa-navbar .navbar-collapse #main-navigation > li > a {
    display: block !important;
    padding: 0.65rem 0.85rem !important;
    border-bottom: 1.5px solid #e2e8f0 !important;
    font-weight: 800 !important;
    font-size: 0.95rem !important;
    color: #0f172a !important;
    text-decoration: none !important;
    transition: background 0.15s ease !important;
  }

  .pa-navbar .navbar-collapse #main-navigation > li > a:hover {
    background: var(--pa-accent, #facc15) !important;
    color: #000000 !important;
  }

  body.pa-dark .pa-navbar .navbar-collapse #main-navigation > li > a {
    border-bottom-color: #1e293b !important;
    color: #f8fafc !important;
  }

  body.pa-dark .pa-navbar .navbar-collapse #main-navigation > li > a:hover {
    background: var(--pa-accent, #facc15) !important;
    color: #000000 !important;
  }

  .pa-navbar .navbar-collapse #main-navigation li ul {
    position: static !important;
    float: none !important;
    display: block !important;
    box-shadow: none !important;
    border: none !important;
    border-left: 3px solid var(--pa-accent, #facc15) !important;
    padding-left: 0.75rem !important;
    margin: 0.25rem 0 0.5rem 0.5rem !important;
    background: #f8fafc !important;
    list-style: none !important;
  }

  body.pa-dark .pa-navbar .navbar-collapse #main-navigation li ul {
    background: #151f38 !important;
  }

  .pa-navbar .navbar-collapse .pa-search-wrap {
    width: 100% !important;
    margin: 0.5rem 0 1rem 0 !important;
  }

  .pa-navbar .navbar-collapse .pa-search-input {
    width: 100% !important;
    font-size: 0.95rem !important;
  }

  .pa-auth-btns-nav {
    display: flex !important;
    flex-direction: row !important;
    gap: 0.75rem !important;
    width: 100% !important;
  }

  .pa-auth-btns-nav .btn-pa-login,
  .pa-auth-btns-nav .btn-pa-register {
    flex: 1 1 50% !important;
    text-align: center !important;
    justify-content: center !important;
    padding: 0.65rem 0.5rem !important;
    font-size: 0.85rem !important;
  }

  .pa-navbar-brand {
    max-width: calc(100% - 110px) !important;
  }

  .pa-brand-name {
    max-width: 320px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }
}

/* ── 4. Tablet Viewports (768px – 991px) ────────────────────────────────── */
@media (max-width: 991.98px) {
  .pa-hero {
    padding: 3.5rem 0 !important;
  }

  .pa-hero-title {
    font-size: clamp(1.6rem, 5vw, 2.3rem) !important;
  }

  .pa-stats-bar .pa-stat-item {
    padding: 1rem 0.5rem !important;
  }

  .pa-stats-bar .pa-stat-number {
    font-size: 1.8rem !important;
  }
}

/* ── 5. Desktop Viewports (>= 992px) ─────────────────────────────────────── */
@media (min-width: 992px) {
  .w-lg-auto {
    width: auto !important;
  }

  .pa-navbar .navbar-collapse {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    width: auto !important;
    flex-grow: 1 !important;
  }

  .pa-navbar .navbar-collapse > .d-flex {
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-end !important;
    width: 100% !important;
    gap: 0.45rem !important;
  }

  .pa-navbar #main-navigation {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    width: auto !important;
    margin: 0 auto !important;
    padding: 0 !important;
    list-style: none !important;
    gap: 0.15rem !important;
  }

  .pa-navbar #main-navigation > li {
    display: inline-flex !important;
    align-items: center !important;
    width: auto !important;
    flex-shrink: 0 !important;
  }

  .pa-navbar #main-navigation > li > a {
    display: inline-flex !important;
    align-items: center !important;
    padding: 0.35rem 0.45rem !important;
    font-size: 0.76rem !important;
    font-weight: 800 !important;
    letter-spacing: 0.2px !important;
    white-space: nowrap !important;
    text-transform: uppercase !important;
    border-bottom: none !important;
  }

  .pa-navbar .pa-search-wrap {
    width: 120px !important;
    max-width: 120px !important;
    flex-shrink: 0 !important;
    margin: 0 !important;
    transition: width 0.2s ease !important;
  }

  .pa-navbar .pa-search-wrap:focus-within {
    width: 175px !important;
    max-width: 175px !important;
  }

  .pa-navbar .pa-search-input {
    width: 100% !important;
    font-size: 0.78rem !important;
    padding: 0.35rem 0.6rem 0.35rem 2rem !important;
  }

  .pa-dark-toggle.d-lg-inline-flex {
    width: 38px !important;
    height: 38px !important;
    font-size: 1rem !important;
    flex-shrink: 0 !important;
  }

  .pa-auth-btns-nav {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    width: auto !important;
    flex-shrink: 0 !important;
    gap: 0.35rem !important;
  }

  .pa-auth-btns-nav .btn-pa-login,
  .pa-auth-btns-nav .btn-pa-register {
    width: auto !important;
    flex: 0 0 auto !important;
    font-size: 0.78rem !important;
    padding: 0.35rem 0.65rem !important;
    line-height: 1.3 !important;
  }

  .pa-navbar-brand {
    max-width: 200px !important;
    flex-shrink: 0 !important;
  }

  .pa-brand-name {
    display: none !important;
  }
}

@media (min-width: 1350px) {
  .pa-navbar-brand {
    max-width: 480px !important;
  }

  .pa-brand-name {
    display: inline-block !important;
    max-width: 340px !important;
    font-size: 0.95rem !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .pa-navbar #main-navigation > li > a {
    padding: 0.45rem 0.75rem !important;
    font-size: 0.84rem !important;
  }

  .pa-navbar .pa-search-wrap {
    width: 180px !important;
    max-width: 180px !important;
  }

  .pa-navbar .pa-search-wrap:focus-within {
    width: 230px !important;
    max-width: 230px !important;
  }

  .pa-auth-btns-nav .btn-pa-login,
  .pa-auth-btns-nav .btn-pa-register {
    font-size: 0.82rem !important;
    padding: 0.42rem 0.9rem !important;
  }
}

/* ── 6. Charts & Visitor Map Responsiveness ────────────────────────────── */
.pa-chart-filters {
  flex-wrap: wrap !important;
  max-width: 100% !important;
}

.pa-chart-filter-btn {
  font-size: 0.78rem !important;
  padding: 0.35rem 0.65rem !important;
  white-space: nowrap !important;
}

#paWorldMap, #paMonthlyChart, .jvm-container {
  max-width: 100% !important;
  overflow: hidden !important;
}

.jvm-container svg {
  max-width: 100% !important;
  height: auto !important;
}

/* ── 5. Mobile Smartphones Viewports (< 576px) ───────────────────────────── */
@media (max-width: 575.98px) {
  .pa-topbar {
    font-size: 0.75rem !important;
    padding: 0.4rem 0 !important;
  }

  .pa-topbar .gap-2 {
    gap: 0.35rem !important;
  }

  .pa-hero {
    padding: 2rem 0 !important;
  }

  .pa-hero-title {
    font-size: clamp(1.35rem, 6.2vw, 1.85rem) !important;
    letter-spacing: -0.5px !important;
    line-height: 1.2 !important;
    word-break: break-word !important;
    overflow-wrap: break-word !important;
  }

  .pa-hero-desc {
    font-size: 0.92rem !important;
    line-height: 1.55 !important;
  }

  .pa-issn-badges {
    flex-wrap: wrap !important;
    gap: 0.5rem !important;
  }

  .pa-issn-badge {
    font-size: 0.78rem !important;
    max-width: 100% !important;
  }

  .pa-hero-actions {
    flex-direction: column !important;
    width: 100% !important;
    gap: 0.65rem !important;
  }

  .pa-hero-actions .btn-pa-hero-primary,
  .pa-hero-actions .btn-pa-hero-outline {
    width: 100% !important;
    justify-content: center !important;
    text-align: center !important;
  }

  .pa-cover-card {
    max-width: 190px !important;
    margin: 1.25rem auto 0 auto !important;
  }

  .pa-stats-bar .pa-stat-item {
    border-right: none !important;
    border-bottom: 2px solid var(--pa-border) !important;
    padding: 0.75rem 0.25rem !important;
  }

  .pa-stats-bar .col-6:nth-last-child(-n+2) .pa-stat-item {
    border-bottom: none !important;
  }

  .pa-stat-number {
    font-size: 1.5rem !important;
  }

  .pa-stat-label {
    font-size: 0.75rem !important;
  }

  .pa-about-tile-value {
    word-break: break-word !important;
    overflow-wrap: anywhere !important;
  }

  .pa-section-header-block {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 0.5rem !important;
  }

  .pa-auth-btns-nav {
    flex-direction: column !important;
  }

  .pa-auth-btns-nav .btn-pa-login,
  .pa-auth-btns-nav .btn-pa-register {
    width: 100% !important;
    flex: 1 1 100% !important;
  }

  .pa-content-card {
    padding: 1.25rem !important;
  }

  .pa-indexing-tile {
    min-height: 52px !important;
    padding: 0.35rem 0.5rem !important;
  }

  .pa-indexing-logo {
    max-height: 36px !important;
    max-width: 100% !important;
  }

  .pa-indexing-name {
    font-size: 0.8rem !important;
    font-weight: 800 !important;
  }
}

/* ==========================================================================
   SEARCH PAGE (NEO-BRUTALIST STYLING)
   ========================================================================== */
.pa-search-page-wrap {
  min-height: 70vh;
}
.pa-search-hero {
  background: var(--pa-surface, #ffffff);
  border: 3px solid var(--pa-border);
  box-shadow: 4px 4px 0px var(--pa-border);
  border-radius: 12px;
  padding: 1.5rem 1.75rem;
}
.pa-search-card {
  background: var(--pa-surface, #ffffff);
  border: 3px solid var(--pa-border);
  box-shadow: 4px 4px 0px var(--pa-border);
  border-radius: 12px;
  padding: 1.5rem;
}
.pa-search-main-bar .input-group {
  border: 2.5px solid var(--pa-border);
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 3px 3px 0px var(--pa-border);
}
.pa-input-group-addon {
  border: none !important;
  padding-left: 1.25rem;
  padding-right: 0.75rem;
}
.pa-form-control-lg {
  border: none !important;
  font-size: 1.05rem;
  font-weight: 600;
  padding: 0.75rem 1rem;
}
.pa-form-control-lg:focus {
  box-shadow: none !important;
}
.btn-pa-filter-toggle {
  background: #f1f5f9;
  color: #0f172a;
  border: 2px solid var(--pa-border) !important;
  box-shadow: 2px 2px 0px var(--pa-border) !important;
  font-weight: 700;
  border-radius: 8px;
  padding: 0.4rem 0.85rem;
  transition: all 0.15s ease;
}
.btn-pa-filter-toggle:hover {
  background: #e2e8f0;
  transform: translate(1px, 1px);
  box-shadow: 1px 1px 0px var(--pa-border) !important;
}
.btn-pa-reset {
  background: #fee2e2;
  color: #991b1b;
  border: 2px solid #ef4444 !important;
  box-shadow: 2px 2px 0px #ef4444 !important;
  font-weight: 700;
  border-radius: 8px;
  padding: 0.4rem 0.85rem;
}
.btn-pa-reset:hover {
  background: #fecaca;
  color: #7f1d1d;
}
.pa-advanced-panel {
  background: #f8fafc;
  border: 2px solid var(--pa-border);
  border-radius: 10px;
}
.pa-date-box {
  background: #ffffff;
  border: 1.5px solid var(--pa-border) !important;
}
.pa-search-status-bar {
  background: var(--pa-surface, #ffffff);
  border: 2px solid var(--pa-border);
  box-shadow: 3px 3px 0px var(--pa-border);
}
.pa-filter-badge {
  background: var(--pa-accent, #facc15);
  color: #000000;
  border: 1.5px solid #000000;
  font-size: 0.82rem;
  font-weight: 700;
  padding: 0.35rem 0.65rem;
}
.pa-search-empty-state {
  background: var(--pa-surface, #ffffff);
  border: 3px solid var(--pa-border);
  box-shadow: 4px 4px 0px var(--pa-border);
  border-radius: 12px;
}

/* Dark Mode for Search Page */
body.pa-dark .pa-search-hero,
body.pa-dark .pa-search-card,
body.pa-dark .pa-search-status-bar,
body.pa-dark .pa-search-empty-state {
  background: #1e293b !important;
  border-color: #000000 !important;
  box-shadow: 4px 4px 0px #000000 !important;
}
body.pa-dark .pa-input-group-addon,
body.pa-dark .pa-form-control-lg {
  background: #0f172a !important;
  color: #f8fafc !important;
}
body.pa-dark .pa-advanced-panel {
  background: #0f172a !important;
  border-color: #334155 !important;
}
body.pa-dark .pa-date-box {
  background: #1e293b !important;
  border-color: #334155 !important;
}
body.pa-dark .btn-pa-filter-toggle {
  background: #334155 !important;
  color: #f8fafc !important;
  border-color: #000000 !important;
  box-shadow: 2px 2px 0px #000000 !important;
}
body.pa-dark .pa-search-card label,
body.pa-dark .pa-search-card .form-label {
  color: #f1f5f9 !important;
}
body.pa-dark .pa-search-empty-state h3 {
  color: #f8fafc !important;
}
body.pa-dark .pa-search-empty-state p,
body.pa-dark .pa-search-empty-state p.text-muted {
  color: #cbd5e1 !important;
}
body.pa-dark .pa-search-status-bar {
  color: #e2e8f0 !important;
}
body.pa-dark .pa-search-status-bar .text-muted {
  color: #94a3b8 !important;
}
body.pa-dark .pa-search-results-wrap h3 {
  color: #f8fafc !important;
}