/* ==========================================================================
   ACADEMIA ELITE - OJS 3.5 EDITORIAL MAGAZINE THEME
   Color Palette: Deep Maroon (#AF2E4D), Burgundy, Crimson, Pure White
   UI/UX Style: 2026 Academic Editorial Magazine with Glassmorphism
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Playfair+Display:ital,wght@0,600;0,700;1,400&family=Poppins:wght@400;500;600;700;800&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css');

:root {
  --ae-primary: #AF2E4D;
  --ae-primary-rgb: 175, 46, 77;
  --ae-primary-subtle: rgba(175, 46, 77, 0.08);
  --ae-primary-subtle-hover: rgba(175, 46, 77, 0.15);
  --ae-primary-glow: rgba(175, 46, 77, 0.35);
  --ae-primary-gradient: linear-gradient(135deg, #7a1332 0%, #AF2E4D 50%, #c9184a 100%);
  --ae-dark-tint: #2b0712;
  --ae-hero-gradient: linear-gradient(135deg, #180308 0%, #2f0714 45%, #4e0d21 100%);
  
  --ae-burgundy-deep: #1e040c;
  --ae-crimson: #c9184a;
  --ae-rose: #ff758f;
  --ae-gold: #d97706;
  
  --ae-surface: #ffffff;
  --ae-surface-muted: #f8fafc;
  --ae-surface-card: #ffffff;
  --ae-border: #e2e8f0;
  --ae-border-subtle: rgba(175, 46, 77, 0.12);
  
  --ae-text-main: #0f172a;
  --ae-text-muted: #64748b;
  --ae-text-light: #94a3b8;
  
  --ae-font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --ae-font-heading: 'Poppins', var(--ae-font-sans);
  --ae-font-editorial: 'Playfair Display', Georgia, serif;
  
  --ae-radius-sm: 8px;
  --ae-radius-md: 12px;
  --ae-radius-lg: 16px;
  --ae-radius-xl: 24px;
  
  --ae-shadow-subtle: 0 4px 20px rgba(0, 0, 0, 0.04);
  --ae-shadow-card: 0 10px 30px rgba(0, 0, 0, 0.05), 0 1px 3px rgba(0, 0, 0, 0.02);
  --ae-shadow-hover: 0 20px 40px rgba(175, 46, 77, 0.12), 0 4px 10px rgba(0, 0, 0, 0.04);
  --ae-shadow-glow: 0 8px 25px var(--ae-primary-glow);
  
  --bs-primary: #AF2E4D;
  --bs-primary-rgb: 175, 46, 77;
  --bs-link-color: #AF2E4D;
  --bs-link-hover-color: #8a1d37;
}

body {
  font-family: var(--ae-font-sans);
  color: var(--ae-text-main);
  background-color: #f8fafc;
  background-image: 
    radial-gradient(at 0% 0%, rgba(175, 46, 77, 0.04) 0px, transparent 50%),
    radial-gradient(at 100% 100%, rgba(175, 46, 77, 0.035) 0px, transparent 50%),
    url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23af2e4d' fill-opacity='0.045'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-attachment: fixed;
  background-size: auto, auto, 60px 60px;
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6, .ae-heading {
  font-family: var(--ae-font-heading);
  font-weight: 700;
  color: var(--ae-text-main);
  letter-spacing: -0.02em;
}

/* ==========================================================================
   GLOBAL CONTAINER & HORIZONTAL SPACING (EDITORIAL BREATHING SPACE)
   ========================================================================== */
.ae-container,
.ae-hero-container,
.ae-topbar .container,
.ae-navbar .container,
.ae-footer .container,
main .container,
.container.ae-container,
.container-fluid.ae-container {
  max-width: 1400px !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
  box-sizing: border-box !important;
}

@media (min-width: 1600px) {
  .ae-container,
  .ae-hero-container,
  .ae-topbar .container,
  .ae-navbar .container,
  .ae-footer .container,
  main .container,
  .container.ae-container,
  .container-fluid.ae-container {
    max-width: 1440px !important;
  }
}

/* ==========================================================================
   HEADER & NAVBAR (Glassmorphism Sticky)
   ========================================================================== */
.ae-topbar {
  background: var(--ae-burgundy-deep);
  color: rgba(255, 255, 255, 0.85);
  font-size: 0.82rem;
  padding: 6px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.ae-topbar a {
  color: rgba(255, 255, 255, 0.85);
  text-decoration: none;
  transition: color 0.2s ease;
}
.ae-topbar a:hover {
  color: #ffffff;
}

.ae-navbar {
  background: rgba(255, 255, 255, 0.97);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border-bottom: 3px solid var(--ae-primary, #AF2E4D);
  padding: 12px 0;
  position: sticky;
  top: 0;
  z-index: 1040;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04), 0 2px 8px var(--ae-primary-glow);
  transition: all 0.3s ease;
}

.ae-brand-logo {
  max-height: 52px;
  object-fit: contain;
}

.ae-brand-text-wrap {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  text-align: left !important;
  padding-left: 6px !important;
}

.ae-brand-acronym-badge {
  display: block !important;
  background: transparent !important;
  color: var(--ae-primary, #AF2E4D) !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  font-family: var(--ae-font-heading, 'Plus Jakarta Sans', sans-serif) !important;
  font-size: 1.85rem !important;
  font-weight: 850 !important;
  letter-spacing: 0.02em !important;
  text-transform: uppercase !important;
  line-height: 1.05 !important;
  text-align: left !important;
  box-shadow: none !important;
  transition: color 0.2s ease !important;
  white-space: nowrap !important;
}

@media (max-width: 768px) {
  .ae-brand-acronym-badge {
    font-size: 1.45rem !important;
  }
}

@media (max-width: 576px) {
  .ae-brand-acronym-badge {
    font-size: 1.30rem !important;
  }
}

.navbar-brand:hover .ae-brand-acronym-badge {
  background: transparent !important;
  color: #801b33 !important;
  border: none !important;
  box-shadow: none !important;
  transform: none !important;
}

.ae-brand-abbreviation {
  font-family: var(--ae-font-sans, 'Inter', sans-serif) !important;
  font-size: 0.88rem !important;
  font-weight: 600 !important;
  color: #0f172a !important;
  line-height: 1.25 !important;
  letter-spacing: -0.01em !important;
  padding: 0 !important;
  margin: 2px 0 0 0 !important;
  text-align: left !important;
  display: block !important;
  transition: color 0.2s ease !important;
}

@media (max-width: 768px) {
  .ae-brand-abbreviation {
    font-size: 0.78rem !important;
  }
}

@media (max-width: 576px) {
  .ae-brand-abbreviation {
    font-size: 0.72rem !important;
  }
}

.ae-brand-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  border-radius: var(--ae-radius-md);
  background: var(--ae-primary-gradient);
  color: #ffffff;
  font-weight: 800;
  font-size: 1.3rem;
  box-shadow: 0 4px 15px var(--ae-primary-glow);
}

.ae-brand-title {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.2;
  color: var(--ae-text-main);
  text-decoration: none;
}

.ae-brand-subtitle {
  font-size: 0.75rem;
  color: var(--ae-text-muted);
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

/* OJS Navigation Menu Core Styling */
#primaryNav,
#navigationUser,
.ae-navbar ul.navbar-nav,
.ae-navbar .pkp_nav_list {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

@media (min-width: 992px) {
  #primaryNav,
  #navigationUser,
  .ae-navbar ul.navbar-nav,
  .ae-navbar .pkp_nav_list {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 4px !important;
    flex-wrap: wrap !important;
  }
}

#primaryNav > li,
#navigationUser > li,
.ae-navbar ul.navbar-nav > li,
.ae-navbar .pkp_nav_list > li {
  list-style: none !important;
  position: relative !important;
  margin: 0 !important;
  padding: 0 !important;
}

#primaryNav > li > a,
#navigationUser > li > a,
.ae-navbar ul.navbar-nav > li > a,
.ae-navbar .pkp_nav_list > li > a,
.ae-nav-link {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 8px 14px !important;
  font-family: var(--ae-font-heading) !important;
  font-weight: 600 !important;
  font-size: 0.88rem !important;
  color: var(--ae-text-main) !important;
  text-decoration: none !important;
  border-radius: var(--ae-radius-sm) !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
  line-height: 1.4 !important;
  white-space: nowrap !important;
}

#primaryNav > li > a:hover,
#navigationUser > li > a:hover,
.ae-navbar ul.navbar-nav > li > a:hover,
.ae-navbar .pkp_nav_list > li > a:hover,
#primaryNav > li.active > a,
#navigationUser > li.active > a,
.ae-navbar ul.navbar-nav > li.active > a,
.ae-nav-link:hover,
.ae-nav-link.active {
  color: var(--ae-primary) !important;
  background-color: var(--ae-primary-subtle) !important;
  transform: translateY(-1px);
}

/* Dropdown Caret for Menu Items with Submenus */
.ae-has-submenu > a::after,
#primaryNav > li:has(> ul) > a::after,
#navigationUser > li:has(> ul) > a::after,
.ae-navbar ul.navbar-nav > li:has(> ul) > a::after,
.ae-navbar .pkp_nav_list > li:has(> ul) > a::after {
  content: '\F282';
  font-family: 'bootstrap-icons' !important;
  font-size: 0.72rem;
  margin-left: 5px;
  opacity: 0.7;
  transition: transform 0.25s ease;
}

/* Submenu Dropdown Container (Closed by default - NO hover auto-open) */
.ae-has-submenu > ul,
#primaryNav > li > ul,
#navigationUser > li > ul,
.ae-navbar ul.navbar-nav > li > ul,
.ae-navbar .pkp_nav_list > li > ul {
  display: none !important;
  position: absolute !important;
  top: calc(100% + 4px) !important;
  left: 0 !important;
  min-width: 220px !important;
  background: #ffffff !important;
  border-radius: var(--ae-radius-md) !important;
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.12), 0 4px 12px rgba(175, 46, 77, 0.08) !important;
  padding: 8px !important;
  list-style: none !important;
  z-index: 1100 !important;
  border: 1px solid var(--ae-border-subtle) !important;
  flex-direction: column !important;
}

/* Submenu Open State (ONLY active when clicked / .ae-sub-open is added) */
.ae-has-submenu.ae-sub-open > ul,
#primaryNav > li.ae-sub-open > ul,
#navigationUser > li.ae-sub-open > ul,
.ae-navbar ul.navbar-nav > li.ae-sub-open > ul,
.ae-navbar .pkp_nav_list > li.ae-sub-open > ul {
  display: flex !important;
  animation: aeFadeSlideDown 0.22s cubic-bezier(0.16, 1, 0.3, 1) forwards !important;
}

.ae-has-submenu.ae-sub-open > a::after,
#primaryNav > li.ae-sub-open > a::after,
#navigationUser > li.ae-sub-open > a::after,
.ae-navbar ul.navbar-nav > li.ae-sub-open > a::after,
.ae-navbar .pkp_nav_list > li.ae-sub-open > a::after {
  transform: rotate(180deg) !important;
}

@keyframes aeFadeSlideDown {
  from {
    opacity: 0;
    transform: translateY(6px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

#primaryNav > li > ul > li,
#navigationUser > li > ul > li,
.ae-navbar ul.navbar-nav > li > ul > li {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

#primaryNav > li > ul > li > a,
#navigationUser > li > ul > li > a,
.ae-navbar ul.navbar-nav > li > ul > li > a {
  display: flex !important;
  align-items: center !important;
  padding: 8px 14px !important;
  color: #334155 !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  font-size: 0.86rem !important;
  border-radius: var(--ae-radius-sm) !important;
  transition: all 0.2s ease !important;
  background: transparent !important;
  white-space: normal !important;
}

#primaryNav > li > ul > li > a:hover,
#navigationUser > li > ul > li > a:hover,
.ae-navbar ul.navbar-nav > li > ul > li > a:hover {
  background: var(--ae-primary-subtle) !important;
  color: var(--ae-primary) !important;
  transform: translateX(3px);
}

/* Mobile Toggler Button */
.ae-navbar-toggler {
  padding: 7px 12px !important;
  border-radius: var(--ae-radius-sm, 8px) !important;
  border: 1.5px solid var(--ae-primary) !important;
  background-color: var(--ae-primary-subtle, rgba(175, 46, 77, 0.08)) !important;
  color: var(--ae-primary, #AF2E4D) !important;
  font-size: 1.25rem !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all 0.25s ease !important;
  cursor: pointer !important;
  outline: none !important;
}
.ae-navbar-toggler:hover,
.ae-navbar-toggler:focus,
.ae-navbar-toggler.active,
.ae-navbar-toggler[aria-expanded="true"] {
  background-color: var(--ae-primary, #AF2E4D) !important;
  color: #ffffff !important;
  border-color: var(--ae-primary, #AF2E4D) !important;
  box-shadow: 0 4px 12px var(--ae-primary-glow, rgba(175, 46, 77, 0.3)) !important;
}

@media (min-width: 992px) {
  .ae-navbar-toggler {
    display: none !important;
  }
}

/* Mobile Navigation Collapse & Accordion */
@media (max-width: 991.98px) {
  .ae-navbar .navbar-collapse {
    background: #ffffff !important;
    border-radius: var(--ae-radius-md, 12px) !important;
    padding: 16px !important;
    margin-top: 14px !important;
    border: 1px solid var(--ae-border, #e2e8f0) !important;
    box-shadow: 0 14px 34px rgba(0, 0, 0, 0.08) !important;
  }

  .ae-navbar .navbar-collapse:not(.show) {
    display: none !important;
  }

  .ae-navbar .navbar-collapse.show {
    display: block !important;
  }

  #primaryNav,
  #navigationUser,
  .ae-navbar ul.navbar-nav,
  .ae-navbar .pkp_nav_list {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 4px !important;
    width: 100% !important;
    padding: 6px 0 !important;
  }

  #primaryNav > li > a,
  #navigationUser > li > a,
  .ae-navbar ul.navbar-nav > li > a,
  .ae-navbar .pkp_nav_list > li > a {
    width: 100% !important;
    justify-content: space-between !important;
    padding: 10px 14px !important;
    cursor: pointer !important;
  }

  /* Disable any automatic hover / focus-within opening on mobile */
  #primaryNav > li:hover > ul,
  #primaryNav > li:focus-within > ul,
  #navigationUser > li:hover > ul,
  #navigationUser > li:focus-within > ul,
  .ae-navbar ul.navbar-nav > li:hover > ul,
  .ae-navbar .pkp_nav_list > li:hover > ul {
    display: none !important;
  }

  #primaryNav > li:hover:has(> ul) > a::after,
  .ae-navbar ul.navbar-nav > li:hover:has(> ul) > a::after {
    transform: none !important;
  }

  #primaryNav > li > ul,
  #navigationUser > li > ul,
  .ae-navbar ul.navbar-nav > li > ul,
  .ae-navbar .pkp_nav_list > li > ul {
    position: static !important;
    display: none !important;
    box-shadow: none !important;
    border: none !important;
    border-left: 2px solid var(--ae-primary, #AF2E4D) !important;
    padding-left: 10px !important;
    margin-left: 12px !important;
    margin-top: 4px !important;
    margin-bottom: 4px !important;
    background: #f8fafc !important;
    border-radius: var(--ae-radius-sm) !important;
    animation: none !important;
  }

  #primaryNav > li.ae-sub-open > ul,
  #navigationUser > li.ae-sub-open > ul,
  .ae-navbar ul.navbar-nav > li.ae-sub-open > ul,
  .ae-navbar .pkp_nav_list > li.ae-sub-open > ul {
    display: flex !important;
  }

  #primaryNav > li.ae-sub-open:has(> ul) > a::after,
  #navigationUser > li.ae-sub-open:has(> ul) > a::after,
  .ae-navbar ul.navbar-nav > li.ae-sub-open:has(> ul) > a::after,
  .ae-navbar .pkp_nav_list > li.ae-sub-open:has(> ul) > a::after {
    transform: rotate(180deg) !important;
  }
}

/* Mobile Auth Buttons */
.ae-mobile-auth-wrapper {
  border-color: var(--ae-border-subtle) !important;
}

.ae-btn-mobile-auth-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  background: var(--ae-primary-gradient);
  color: #ffffff !important;
  font-family: var(--ae-font-heading);
  font-weight: 700;
  font-size: 0.9rem;
  padding: 10px 18px;
  border-radius: var(--ae-radius-md);
  border: 1.5px solid transparent;
  box-shadow: 0 4px 14px var(--ae-primary-glow);
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  letter-spacing: 0.02em;
}

.ae-btn-mobile-auth-primary:hover,
.ae-btn-mobile-auth-primary:active {
  background: var(--ae-primary);
  box-shadow: 0 6px 20px var(--ae-primary-glow);
  transform: translateY(-1px);
  color: #ffffff !important;
}

.ae-btn-mobile-auth-outline {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  background: var(--ae-primary-subtle);
  color: var(--ae-primary) !important;
  font-family: var(--ae-font-heading);
  font-weight: 700;
  font-size: 0.9rem;
  padding: 10px 18px;
  border-radius: var(--ae-radius-md);
  border: 1.5px solid var(--ae-primary);
  box-shadow: 0 2px 8px var(--ae-primary-subtle);
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  letter-spacing: 0.02em;
}

.ae-btn-mobile-auth-outline:hover,
.ae-btn-mobile-auth-outline:active {
  background: var(--ae-primary-gradient);
  color: #ffffff !important;
  border-color: transparent;
  box-shadow: 0 4px 14px var(--ae-primary-glow);
  transform: translateY(-1px);
}

.ae-btn-submit-nav {
  background: var(--ae-primary-gradient);
  color: #ffffff !important;
  font-weight: 600;
  font-size: 0.88rem;
  padding: 8px 18px;
  border-radius: var(--ae-radius-md);
  border: none;
  box-shadow: 0 4px 14px var(--ae-primary-glow);
  transition: all 0.3s ease;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  white-space: nowrap;
}
.ae-btn-submit-nav:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px var(--ae-primary-glow);
  color: #ffffff !important;
}

/* ==========================================================================
   HERO SECTION (Editorial Island Style with Side Spacing)
   ========================================================================== */
.ae-hero-wrapper {
  padding-top: 1.5rem;
  padding-bottom: 0.5rem;
}

@media (min-width: 992px) {
  .ae-hero-wrapper {
    padding-top: 2rem;
    padding-bottom: 0.75rem;
  }
}

.ae-hero-section {
  position: relative;
  background: var(--ae-hero-gradient);
  color: #ffffff;
  padding: 36px 24px 44px;
  border-radius: var(--ae-radius-xl, 24px);
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.14);
  box-shadow: 0 20px 45px rgba(0, 0, 0, 0.12), 0 4px 15px rgba(175, 46, 77, 0.15);
}

@media (min-width: 768px) {
  .ae-hero-section {
    padding: 48px 36px 56px;
  }
}

@media (min-width: 1200px) {
  .ae-hero-section {
    padding: 56px 52px 64px;
  }
}

.ae-hero-inner {
  position: relative;
  z-index: 2;
  width: 100%;
}

.ae-hero-issue-card {
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
.ae-hero-issue-card:hover {
  transform: translateY(-4px);
  background: rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 20px 45px rgba(0, 0, 0, 0.3) !important;
  border-color: rgba(255, 255, 255, 0.3) !important;
}

.ae-hero-cover-link {
  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  display: block;
}
.ae-hero-cover-link:hover {
  transform: translateY(-2px) scale(1.02);
}
.ae-hero-cover-img {
  transition: all 0.3s ease;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.35);
  border: 1px solid rgba(255, 255, 255, 0.18);
}

.ae-hero-atmosphere {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  overflow: hidden;
  z-index: 1;
}

.ae-hero-orb {
  position: absolute;
  border-radius: 50%;
  filter: blur(80px);
  opacity: 0.45;
}
.ae-hero-orb-1 {
  width: 480px;
  height: 480px;
  background: radial-gradient(circle, var(--ae-crimson) 0%, transparent 70%);
  top: -120px;
  right: -80px;
}
.ae-hero-orb-2 {
  width: 400px;
  height: 400px;
  background: radial-gradient(circle, #AF2E4D 0%, transparent 70%);
  bottom: -100px;
  left: 10%;
}

.ae-hero-mesh {
  position: absolute;
  inset: 0;
  background-image: 
    radial-gradient(rgba(255, 255, 255, 0.08) 1px, transparent 1px),
    radial-gradient(rgba(255, 255, 255, 0.05) 1px, transparent 1px);
  background-size: 32px 32px;
  background-position: 0 0, 16px 16px;
  opacity: 0.6;
  z-index: 1;
}

.ae-hero-container {
  position: relative;
  z-index: 2;
}

.ae-hero-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 14px;
  font-size: 0.78rem;
  font-weight: 600;
  border-radius: 30px;
  background: rgba(255, 255, 255, 0.10);
  border: 1px solid rgba(255, 255, 255, 0.18);
  backdrop-filter: blur(10px);
  color: #ffffff;
}
.ae-hero-chip-primary {
  background: var(--ae-primary-gradient);
  border-color: rgba(255, 255, 255, 0.3);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
}

.ae-hero-title {
  font-family: var(--ae-font-heading);
  font-size: 1.95rem;
  font-weight: 700;
  line-height: 1.25;
  color: #ffffff;
  text-shadow: 0 2px 14px rgba(0, 0, 0, 0.3);
  display: inline-block;
  letter-spacing: -0.01em;
}

@media (max-width: 991.98px) {
  .ae-hero-title {
    font-size: 1.65rem;
  }
}

@media (max-width: 575.98px) {
  .ae-hero-title {
    font-size: 1.4rem;
  }
}

.ae-typewriter-cursor {
  display: inline-block;
  font-weight: 300;
  color: var(--ae-rose, #ff758f);
  margin-left: 2px;
  animation: aeBlinkCursor 0.8s infinite;
}

@keyframes aeBlinkCursor {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}

.ae-hero-desc {
  font-size: 0.92rem;
  color: rgba(255, 255, 255, 0.88);
  line-height: 1.6;
  max-width: 820px;
}

@media (max-width: 991.98px) {
  .ae-hero-desc {
    font-size: 0.88rem;
    line-height: 1.55;
  }
}

@media (max-width: 575.98px) {
  .ae-hero-desc {
    font-size: 0.84rem;
    line-height: 1.5;
  }
}

.ae-hero-readmore {
  display: inline-block;
  color: #ff9ebb !important;
  font-weight: 700;
  font-size: 0.88rem;
  text-decoration: none !important;
  transition: all 0.2s ease;
  white-space: nowrap;
}

.ae-hero-readmore:hover {
  color: #ffffff !important;
  text-decoration: underline !important;
  transform: translateX(2px);
}

.ae-btn-hero-cta {
  background: var(--ae-primary-gradient);
  color: #ffffff !important;
  font-size: 1rem;
  font-weight: 700;
  padding: 14px 28px;
  border-radius: var(--ae-radius-md);
  border: 1px solid rgba(255, 255, 255, 0.3);
  box-shadow: 0 8px 25px var(--ae-primary-glow);
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  display: inline-flex;
  align-items: center;
  gap: 8px;
  text-decoration: none;
}
.ae-btn-hero-cta:hover {
  transform: translateY(-3px) scale(1.02);
  box-shadow: 0 12px 35px var(--ae-primary-glow);
  color: #ffffff !important;
}

.ae-btn-hero-secondary {
  background: rgba(255, 255, 255, 0.12);
  color: #ffffff !important;
  font-size: 1rem;
  font-weight: 600;
  padding: 14px 24px;
  border-radius: var(--ae-radius-md);
  border: 1px solid rgba(255, 255, 255, 0.22);
  backdrop-filter: blur(10px);
  transition: all 0.3s ease;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  text-decoration: none;
}
.ae-btn-hero-secondary:hover {
  background: rgba(255, 255, 255, 0.22);
  transform: translateY(-2px);
  color: #ffffff !important;
}
/* ==========================================================================
   HORIZONTAL ARTICLE CARDS (Asymmetric Modern Editorial Style)
   ========================================================================== */
.ae-article-card {
  background: var(--ae-surface-card);
  border-radius: var(--ae-radius-lg);
  border: 1px solid var(--ae-border);
  box-shadow: var(--ae-shadow-card);
  padding: 24px 28px;
  margin-bottom: 22px;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  position: relative;
  overflow: hidden;
  border-left: 4px solid transparent;
}

.ae-article-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--ae-shadow-hover);
  border-left-color: var(--ae-primary);
  border-color: var(--ae-border-subtle);
}

/* Article Summary 1:1 Square Cover Image */
.ae-art-summary-cover-link {
  position: relative;
  width: 100%;
  aspect-ratio: 1 / 1 !important;
  border-radius: var(--ae-radius-md, 12px) !important;
  overflow: hidden;
  background: #f8fafc;
  border: 1px solid rgba(226, 232, 240, 0.9);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.04);
  display: block;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.ae-art-summary-cover-img {
  width: 100% !important;
  height: 100% !important;
  aspect-ratio: 1 / 1 !important;
  object-fit: cover !important;
  object-position: center !important;
  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
  display: block;
}

.ae-art-summary-cover-link:hover .ae-art-summary-cover-img,
.ae-article-card:hover .ae-art-summary-cover-img {
  transform: scale(1.06);
}

.obj_article_summary .cover,
.article-summary .cover,
.obj_article_summary .cover img,
.article-summary .cover img {
  aspect-ratio: 1 / 1 !important;
  object-fit: cover !important;
  border-radius: var(--ae-radius-md, 12px) !important;
}

.ae-article-category {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 4px 12px;
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  border-radius: 20px;
  background: var(--ae-primary-subtle);
  color: var(--ae-primary);
  border: 1px solid var(--ae-border-subtle);
}

.ae-article-title {
  font-family: var(--ae-font-heading);
  font-size: 1.28rem;
  font-weight: 700;
  line-height: 1.35;
  margin: 12px 0 8px;
}
.ae-article-title a,
.ae-article-card .ae-article-title a,
.ae-issue-toc .ae-article-title a,
.ae-latest-articles .ae-article-title a,
.obj_article_summary .title a,
.article-summary .title a,
.media-body .title a,
.cmp_article_summary .title a {
  color: var(--ae-primary, #AF2E4D) !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
}
.ae-article-title a:hover,
.ae-article-card .ae-article-title a:hover,
.ae-issue-toc .ae-article-title a:hover,
.ae-latest-articles .ae-article-title a:hover,
.obj_article_summary .title a:hover,
.article-summary .title a:hover,
.media-body .title a:hover,
.cmp_article_summary .title a:hover {
  color: #7a1332 !important;
  text-decoration: underline !important;
}

.ae-article-authors {
  font-size: 0.90rem;
  color: var(--ae-text-muted);
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 6px;
}
.ae-article-authors i {
  color: var(--ae-primary);
}

.ae-article-meta {
  font-size: 0.82rem;
  color: var(--ae-text-light);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px;
  margin: 10px 0 14px;
}
.ae-article-meta-item {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

.ae-article-abstract {
  font-size: 0.92rem;
  color: #475569;
  line-height: 1.6;
  margin-bottom: 16px;
  background: #fdfafb;
  padding: 12px 16px;
  border-radius: var(--ae-radius-sm);
  border-left: 3px solid var(--ae-border-subtle);
}

.ae-doi-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 0.78rem;
  background: #f1f5f9;
  padding: 3px 10px;
  border-radius: var(--ae-radius-sm);
  color: #334155;
  text-decoration: none;
  font-family: monospace;
  transition: background 0.2s ease;
}
.ae-doi-badge:hover {
  background: #e2e8f0;
  color: var(--ae-primary);
}

.ae-metric-chip {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 0.78rem;
  font-weight: 600;
  padding: 4px 10px;
  border-radius: 20px;
  background: #f8fafc;
  border: 1px solid var(--ae-border);
  color: #475569;
}
.ae-metric-chip i {
  color: var(--ae-primary);
}

.ae-btn-pdf {
  background: var(--ae-primary-subtle);
  color: var(--ae-primary) !important;
  font-weight: 600;
  font-size: 0.84rem;
  padding: 6px 14px;
  border-radius: var(--ae-radius-sm);
  border: 1px solid var(--ae-border-subtle);
  transition: all 0.2s ease;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  text-decoration: none;
}
.ae-btn-pdf:hover {
  background: var(--ae-primary);
  color: #ffffff !important;
  box-shadow: 0 4px 12px var(--ae-primary-glow);
}

/* ==========================================================================
   RIGHT SIDEBAR (Glassmorphic Cards, Search, Issue Cover, Stats, Quick Menu)
   ========================================================================== */
.ae-sidebar-wrapper,
.ae-sticky-sidebar {
  position: sticky;
  top: 90px;
  z-index: 10;
  width: 100% !important;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

/* Full Width Main Article Stream, Timeline & Metrics Chart Optimization */
.ae-latest-articles-wrapper,
.ae-sections-stream,
.ae-section-group,
.ae-articles-stream,
.ae-article-card,
.ae-timeline-section,
.ae-timeline-card,
.ae-metrics-chart-section {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

.ae-sections-stream,
.ae-articles-stream {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
}

.pkp_block img,
.ae-sidebar-wrapper img,
.badan img {
  max-width: 100% !important;
  height: auto !important;
  display: block;
  margin: 8px auto;
  border-radius: 10px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.pkp_block img:hover,
.ae-sidebar-wrapper img:hover {
  transform: scale(1.02);
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.08);
}

.pkp_block .content,
.ae-sidebar-card .content {
  width: 100% !important;
  box-sizing: border-box !important;
  padding: 12px 14px 14px 14px !important;
  margin: 0 !important;
}

.pkp_block .content p,
.ae-sidebar-wrapper .content p,
.ae-sidebar-card .content p {
  margin-top: 0 !important;
  margin-bottom: 4px !important;
  line-height: 1.35 !important;
}

.pkp_block .content p:last-child,
.ae-sidebar-wrapper .content p:last-child,
.ae-sidebar-card .content p:last-child {
  margin-bottom: 0 !important;
}

.pkp_block .badan,
.pkp_block .content .badan {
  width: 100% !important;
  text-align: center;
  margin: 4px 0 !important;
}

/* ==========================================================================
   SIDEBAR MENU & LIST ITEMS (Full 4-Sided Border, Left Accent & Hover Effects)
   ========================================================================== */

.menu-sidebar {
  width: 100% !important;
  margin: 0 !important;
}

/* Sidebar List Containers */
.ae-sidebar-wrapper ul:not(.pagination):not(.nav-tabs):not(.dropdown-menu),
.ae-sidebar-wrapper ol:not(.pagination):not(.nav-tabs):not(.dropdown-menu),
.pkp_structure_sidebar ul:not(.pagination):not(.nav-tabs):not(.dropdown-menu),
.pkp_structure_sidebar ol:not(.pagination):not(.nav-tabs):not(.dropdown-menu),
.pkp_block .content ul:not(.pagination):not(.nav-tabs):not(.dropdown-menu),
.pkp_block .content ol:not(.pagination):not(.nav-tabs):not(.dropdown-menu),
.block_custom .content ul,
.block_custom .content ol,
.menu-sidebar ul {
  list-style: none !important;
  padding-left: 0 !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

/* Base List Items in Sidebar (Borders on Top, Right, Bottom, Left & Left-Aligned) */
.ae-sidebar-wrapper .pkp_block ul:not(.pagination):not(.nav-tabs):not(.dropdown-menu) > li:not(.most_read_article),
.pkp_structure_sidebar .pkp_block ul:not(.pagination):not(.nav-tabs):not(.dropdown-menu) > li:not(.most_read_article),
.pkp_block .content ul:not(.pagination):not(.nav-tabs):not(.dropdown-menu) > li:not(.most_read_article),
.pkp_block .content ol:not(.pagination):not(.nav-tabs):not(.dropdown-menu) > li:not(.most_read_article),
.block_custom .content ul > li,
.block_custom .content ol > li,
.ae-art-info-list > li {
  position: relative !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 8px 12px !important;
  background: #f8fafc !important;
  border-top: 1px solid #e2e8f0 !important;
  border-right: 1px solid #e2e8f0 !important;
  border-bottom: 1px solid #e2e8f0 !important;
  border-left: 4px solid var(--ae-primary, #AF2E4D) !important;
  border-radius: 6px !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.02) !important;
  box-sizing: border-box !important;
  font-size: 0.82rem !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  color: #1e293b !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  text-align: left !important;
  gap: 8px !important;
  transition: all 0.22s cubic-bezier(0.16, 1, 0.3, 1) !important;
  overflow: hidden !important;
}

/* Specific Menu-Sidebar Override: Reset LI and style A as the full border card */
.menu-sidebar ul li,
.pkp_block .content .menu-sidebar ul li {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  border-left: none !important;
  list-style: none !important;
  text-align: left !important;
}
.menu-sidebar ul li::before {
  display: none !important;
}

.menu-sidebar ul li a {
  position: relative !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 8px 12px !important;
  background: #f8fafc !important;
  border-top: 1px solid #e2e8f0 !important;
  border-right: 1px solid #e2e8f0 !important;
  border-bottom: 1px solid #e2e8f0 !important;
  border-left: 4px solid var(--ae-primary, #AF2E4D) !important;
  border-radius: 6px !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.02) !important;
  box-sizing: border-box !important;
  font-size: 0.82rem !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  color: #1e293b !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  text-align: left !important;
  gap: 8px !important;
  text-decoration: none !important;
  transition: all 0.22s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

/* Links inside general sidebar li */
.ae-sidebar-wrapper .pkp_block ul > li:not(.menu-sidebar li):not(.most_read_article) > a,
.pkp_structure_sidebar .pkp_block ul > li:not(.menu-sidebar li):not(.most_read_article) > a,
.pkp_block .content ul > li:not(.menu-sidebar li):not(.most_read_article) > a,
.block_custom .content ul > li > a {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  text-align: left !important;
  gap: 8px !important;
  width: 100% !important;
  color: inherit !important;
  text-decoration: none !important;
  font-weight: inherit !important;
  line-height: inherit !important;
  transition: color 0.2s ease !important;
}

/* Trailing arrow icons align right if present */
.menu-sidebar ul li a > .bi-chevron-right,
.menu-sidebar ul li a > .fa-chevron-right,
.menu-sidebar ul li a > [class*="fa-chevron-right"],
.ae-sidebar-wrapper .pkp_block ul > li a > .bi-chevron-right,
.ae-sidebar-wrapper .pkp_block ul > li a > .fa-chevron-right,
.ae-sidebar-wrapper .pkp_block ul > li a > [class*="fa-chevron-right"],
.pkp_structure_sidebar .pkp_block ul > li a > .bi-chevron-right,
.pkp_structure_sidebar .pkp_block ul > li a > .fa-chevron-right,
.pkp_structure_sidebar .pkp_block ul > li a > [class*="fa-chevron-right"] {
  margin-left: auto !important;
  margin-right: 0 !important;
}

/* Paragraphs and breaks inside sidebar li */
.pkp_block .content ul li p,
.pkp_block .content ol li p,
.block_custom .content ul li p,
.pkp_block .content ul li span,
.pkp_block .content ol li span,
.block_custom .content ul li span {
  margin: 0 !important;
  padding: 0 !important;
  display: inline-block !important;
  text-align: left !important;
  line-height: inherit !important;
}
.pkp_block .content ul li br,
.pkp_block .content ol li br,
.block_custom .content ul li br {
  display: none !important;
}

/* Icons inside sidebar li and a */
.ae-sidebar-wrapper .pkp_block ul > li i,
.ae-sidebar-wrapper .pkp_block ul > li em,
.ae-sidebar-wrapper .pkp_block ul > li .fa,
.ae-sidebar-wrapper .pkp_block ul > li [class*="fa-"],
.ae-sidebar-wrapper .pkp_block ul > li .bi,
.pkp_structure_sidebar .pkp_block ul > li i,
.pkp_structure_sidebar .pkp_block ul > li em,
.pkp_structure_sidebar .pkp_block ul > li .fa,
.pkp_structure_sidebar .pkp_block ul > li [class*="fa-"],
.pkp_structure_sidebar .pkp_block ul > li .bi,
.menu-sidebar ul li a i,
.menu-sidebar ul li a em,
.menu-sidebar ul li a .fa,
.menu-sidebar ul li a [class*="fa-"],
.menu-sidebar ul li a .bi {
  color: var(--ae-primary, #AF2E4D) !important;
  font-size: 0.85rem !important;
  margin-right: 6px !important;
  flex-shrink: 0 !important;
  transition: transform 0.2s ease, color 0.2s ease !important;
}

/* Automatic Chevron Indicator for text-only items */
.ae-sidebar-wrapper .pkp_block ul > li:not(.menu-sidebar li):not(.most_read_article):not(:has(i)):not(:has(em)):not(:has(.fa)):not(:has([class*="fa-"])):not(:has(.bi))::before,
.pkp_structure_sidebar .pkp_block ul > li:not(.menu-sidebar li):not(.most_read_article):not(:has(i)):not(:has(em)):not(:has(.fa)):not(:has([class*="fa-"])):not(:has(.bi))::before,
.menu-sidebar ul li a:not(:has(i)):not(:has(em)):not(:has(.fa)):not(:has([class*="fa-"])):not(:has(.bi))::before {
  content: "\f054"; /* FontAwesome chevron-right */
  font-family: "Font Awesome 6 Free", "FontAwesome" !important;
  font-style: normal;
  font-weight: 900 !important;
  font-size: 0.65rem;
  color: var(--ae-primary, #AF2E4D) !important;
  margin-right: 6px;
  flex-shrink: 0;
  display: inline-block;
  transition: transform 0.2s ease, color 0.2s ease;
}

/* Hover States (Border Highlight, Background Brightening & Soft Glow) */
.ae-sidebar-wrapper .pkp_block ul:not(.pagination):not(.nav-tabs):not(.dropdown-menu) > li:not(.most_read_article):hover,
.pkp_structure_sidebar .pkp_block ul:not(.pagination):not(.nav-tabs):not(.dropdown-menu) > li:not(.most_read_article):hover,
.pkp_block .content ul:not(.pagination):not(.nav-tabs):not(.dropdown-menu) > li:not(.most_read_article):hover,
.pkp_block .content ol:not(.pagination):not(.nav-tabs):not(.dropdown-menu) > li:not(.most_read_article):hover,
.block_custom .content ul > li:hover,
.block_custom .content ol > li:hover,
.menu-sidebar ul li a:hover,
.menu-sidebar ul li:hover a {
  background: #ffffff !important;
  border-top-color: rgba(175, 46, 77, 0.35) !important;
  border-right-color: rgba(175, 46, 77, 0.35) !important;
  border-bottom-color: rgba(175, 46, 77, 0.35) !important;
  border-left-color: var(--ae-primary, #AF2E4D) !important;
  border-left-width: 4px !important;
  color: var(--ae-primary, #AF2E4D) !important;
  transform: translateX(3px) !important;
  box-shadow: 0 4px 12px rgba(175, 46, 77, 0.12) !important;
}

.ae-sidebar-wrapper .pkp_block ul > li:hover *,
.pkp_structure_sidebar .pkp_block ul > li:hover *,
.block_custom .content ul > li:hover *,
.menu-sidebar ul li a:hover *,
.menu-sidebar ul li:hover a * {
  color: var(--ae-primary, #AF2E4D) !important;
  -webkit-text-fill-color: var(--ae-primary, #AF2E4D) !important;
}

.ae-sidebar-wrapper .pkp_block ul > li:hover::before,
.pkp_structure_sidebar .pkp_block ul > li:hover::before,
.menu-sidebar ul li a:hover::before,
.menu-sidebar ul li:hover a::before {
  color: var(--ae-primary, #AF2E4D) !important;
  transform: translateX(2px) !important;
}

/* Premium Sidebar Card Container (Zero Top Gap) */
.ae-sidebar-card,
.ae-sidebar-wrapper .pkp_block,
.pkp_structure_sidebar .pkp_block {
  background: #ffffff;
  border-radius: 14px;
  border: 1px solid rgba(226, 232, 240, 0.9);
  box-shadow: 0 4px 16px -2px rgba(15, 23, 42, 0.04), 0 2px 6px -1px rgba(15, 23, 42, 0.02);
  padding: 0 !important;
  margin-bottom: 14px;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box !important;
  position: relative;
  overflow: hidden;
}
.ae-sidebar-card:hover,
.ae-sidebar-wrapper .pkp_block:hover,
.pkp_structure_sidebar .pkp_block:hover {
  box-shadow: 0 10px 24px -4px rgba(175, 46, 77, 0.08), 0 4px 10px -2px rgba(0, 0, 0, 0.03);
  border-color: rgba(175, 46, 77, 0.25);
  transform: translateY(-2px);
}

/* Premium Sidebar Card Header / Title (Zero Top Gap & Full Solid Gradient Header) */
.ae-sidebar-title,
.ae-sidebar-card .title,
.ae-art-sidebar .ae-sidebar-card .title,
.ae-sidebar-wrapper .pkp_block .title,
.pkp_structure_sidebar .pkp_block .title {
  font-size: 0.86rem;
  font-weight: 700;
  color: #ffffff !important;
  padding: 9px 14px !important;
  margin: 0 !important;
  width: 100% !important;
  box-sizing: border-box !important;
  background: linear-gradient(135deg, var(--ae-primary, #AF2E4D) 0%, #801b33 100%) !important;
  border-radius: 13px 13px 0 0 !important;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  border: none !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
  box-shadow: 0 2px 6px rgba(175, 46, 77, 0.15);
}

.ae-sidebar-title i,
.ae-sidebar-card .title i,
.ae-art-sidebar .ae-sidebar-card .title i,
.ae-sidebar-wrapper .pkp_block .title i,
.pkp_structure_sidebar .pkp_block .title i,
.ae-sidebar-title em,
.ae-sidebar-card .title em,
.ae-art-sidebar .ae-sidebar-card .title em,
.ae-sidebar-wrapper .pkp_block .title em,
.pkp_structure_sidebar .pkp_block .title em {
  color: #ffffff !important;
  font-size: 0.90rem;
}

/* Most Read Articles Widget Enhancements - Colored Box Tiles */
.block_most_read ul {
  list-style: none !important;
  padding-left: 0 !important;
  margin-bottom: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
}
.block_most_read .most_read_article {
  padding: 5px 8px !important;
  background: #f8fafc !important;
  border-radius: 4px !important;
  border: 1px solid #e2e8f0 !important;
  border-left: 3.5px solid var(--ae-primary, #AF2E4D) !important;
  transition: all 0.2s ease;
  margin: 0 !important;
  line-height: 1.3 !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.02);
}
.block_most_read .most_read_article:hover {
  background: #ffffff !important;
  border-color: rgba(175, 46, 77, 0.35) !important;
  border-left: 3.5px solid #ff758f !important;
  transform: translateX(2px);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);
}
.block_most_read .most_read_article:hover {
  background: #ffffff !important;
  border-color: rgba(175, 46, 77, 0.35) !important;
  border-left: 3.5px solid #ff758f !important;
  transform: translateX(2px);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);
}
.block_most_read .most_read_article_title a {
  color: #1e293b !important;
  font-size: 0.80rem;
  font-weight: 600;
  line-height: 1.35;
  text-decoration: none;
  transition: color 0.2s ease;
}
.block_most_read .most_read_article:hover .most_read_article_title a {
  color: var(--ae-primary, #AF2E4D) !important;
}

/* Keyword Cloud Widget */
.block_keyword_cloud #wordcloud {
  background: #f8fafc;
  border-radius: 10px;
  padding: 6px;
  border: 1px solid #e2e8f0;
}

.ae-issue-cover-wrap {
  position: relative;
  border-radius: var(--ae-radius-md);
  overflow: hidden;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);
  margin-bottom: 14px;
}
.ae-issue-cover-img {
  width: 100%;
  height: auto;
  display: block;
  transition: transform 0.4s ease;
}
.ae-issue-cover-wrap:hover .ae-issue-cover-img {
  transform: scale(1.03);
}

.ae-search-box {
  position: relative;
}
.ae-search-input {
  width: 100%;
  padding: 12px 42px 12px 16px;
  border-radius: var(--ae-radius-md);
  border: 1px solid var(--ae-border);
  background: #f8fafc;
  font-size: 0.90rem;
  transition: all 0.2s ease;
}
.ae-search-input:focus {
  outline: none;
  background: #ffffff;
  border-color: var(--ae-primary);
  box-shadow: 0 0 0 4px var(--ae-primary-subtle);
}
.ae-search-btn {
  position: absolute;
  right: 6px;
  top: 50%;
  transform: translateY(-50%);
  background: var(--ae-primary);
  color: #ffffff;
  border: none;
  width: 32px;
  height: 32px;
  border-radius: var(--ae-radius-sm);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.2s ease;
}
.ae-search-btn:hover {
  background: var(--ae-burgundy-deep);
}

.ae-quick-menu {
  list-style: none;
  padding: 0;
  margin: 0;
}
.ae-quick-menu-item {
  margin-bottom: 6px;
}
.ae-quick-menu-link {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 14px;
  font-size: 0.90rem;
  font-weight: 500;
  color: var(--ae-text-main);
  text-decoration: none;
  border-radius: var(--ae-radius-sm);
  transition: all 0.2s ease;
}
.ae-quick-menu-link i {
  font-size: 1.1rem;
  color: var(--ae-primary);
  transition: transform 0.2s ease;
}
.ae-quick-menu-link:hover {
  background: var(--ae-primary-subtle);
  color: var(--ae-primary);
  transform: translateX(4px);
}
.ae-quick-menu-link:hover i {
  transform: scale(1.15);
}

.ae-sidebar-submit-btn {
  display: block;
  width: 100%;
  text-align: center;
  background: var(--ae-primary-gradient);
  color: #ffffff !important;
  font-weight: 700;
  font-size: 1rem;
  padding: 14px 20px;
  border-radius: var(--ae-radius-md);
  box-shadow: 0 6px 20px var(--ae-primary-glow);
  text-decoration: none;
  transition: all 0.3s ease;
}
.ae-sidebar-submit-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 25px var(--ae-primary-glow);
  color: #ffffff !important;
}

/* Sidebar Stats Infographic */
.ae-stat-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 0;
  border-bottom: 1px dashed #e2e8f0;
  font-size: 0.88rem;
}
.ae-stat-row:last-child {
  border-bottom: none;
}
.ae-stat-label {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--ae-text-muted);
}
.ae-stat-label i {
  color: var(--ae-primary);
}
.ae-stat-value {
  font-weight: 700;
  color: var(--ae-text-main);
}
/* ==========================================================================
   FOCUS & SCOPE SECTION
   ========================================================================== */
.ae-section-heading {
  text-align: center;
  max-width: 720px;
  margin: 0 auto 40px;
}
.ae-section-tag {
  display: inline-block;
  font-size: 0.78rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--ae-primary);
  background: var(--ae-primary-subtle);
  padding: 4px 14px;
  border-radius: 20px;
  margin-bottom: 10px;
  border: 1px solid var(--ae-border-subtle);
}
.ae-section-title {
  font-size: 2.1rem;
  font-weight: 800;
  color: var(--ae-text-main);
  margin-bottom: 12px;
}
.ae-section-subtitle {
  font-size: 1rem;
  color: var(--ae-text-muted);
  line-height: 1.6;
}

/* ==========================================================================
   MINIMALIST STATS STRIP WIDGET (BELOW HERO)
   ========================================================================== */
.ae-stats-wrapper {
  margin-top: 1.25rem;
  margin-bottom: 0.75rem;
}

.ae-minimal-stats-bar {
  background: var(--ae-surface-card, #ffffff);
  border: 1px solid var(--ae-border, #e2e8f0);
  border-radius: var(--ae-radius-lg, 16px);
  padding: 12px 18px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.03);
  transition: all 0.3s ease;
}

.ae-minimal-stats-bar:hover {
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);
  border-color: var(--ae-border-subtle);
}

.ae-min-stat-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 6px 12px;
  border-radius: var(--ae-radius-sm, 8px);
  transition: background 0.2s ease;
}

.ae-min-stat-item:hover {
  background: var(--ae-primary-subtle);
}

.ae-min-stat-icon {
  width: 36px;
  height: 36px;
  border-radius: 10px;
  background: var(--ae-primary-subtle);
  color: var(--ae-primary);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.1rem;
  flex-shrink: 0;
  transition: all 0.25s ease;
}

.ae-min-stat-item:hover .ae-min-stat-icon {
  background: var(--ae-primary-gradient);
  color: #ffffff;
  transform: scale(1.05);
}

.ae-min-stat-num {
  font-family: var(--ae-font-heading);
  font-size: 1.15rem;
  font-weight: 800;
  color: var(--ae-text-main);
  line-height: 1.1;
}

.ae-min-stat-label {
  font-size: 0.72rem;
  font-weight: 600;
  color: var(--ae-text-muted);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  margin-top: 2px;
}

@media (min-width: 768px) {
  .border-start-md {
    border-left: 1px solid #e2e8f0 !important;
  }
}

/* ==========================================================================
   PUBLICATION TIMELINE WORKFLOW (Clean Modern Cards)
   ========================================================================== */
.ae-timeline-card {
  background: var(--ae-surface-card, #ffffff);
  border-radius: var(--ae-radius-lg, 16px);
  border: 1px solid var(--ae-border, #e2e8f0);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.03);
  padding: 22px;
  display: flex;
  flex-direction: column;
  height: 100%;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  position: relative;
}

.ae-timeline-card:hover {
  transform: translateY(-4px);
  border-color: var(--ae-primary, #AF2E4D);
  box-shadow: 0 12px 28px rgba(175, 46, 77, 0.09);
}

.ae-timeline-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 14px;
}

.ae-timeline-step-badge {
  font-size: 0.75rem;
  font-weight: 800;
  padding: 3px 10px;
  border-radius: 99px;
  background: var(--ae-primary-subtle, rgba(175, 46, 77, 0.08));
  color: var(--ae-primary, #AF2E4D);
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.ae-timeline-icon-box {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  background: var(--ae-primary-subtle, rgba(175, 46, 77, 0.08));
  color: var(--ae-primary, #AF2E4D);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2rem;
  transition: all 0.3s ease;
}

.ae-timeline-card:hover .ae-timeline-icon-box {
  background: var(--ae-primary-gradient, linear-gradient(135deg, #AF2E4D, #7a1332));
  color: #ffffff;
  transform: scale(1.06);
}

.ae-timeline-title {
  font-family: var(--ae-font-heading);
  font-size: 1rem;
  font-weight: 700;
  color: var(--ae-text-main, #0f172a);
  margin-bottom: 8px;
  line-height: 1.35;
}

.ae-timeline-desc {
  font-size: 0.85rem;
  color: var(--ae-text-muted, #64748b);
  line-height: 1.55;
  margin-bottom: 0;
}

/* Sticky Sidebar Helper */
@media (min-width: 992px) {
  .ae-sticky-sidebar {
    position: sticky;
    top: 85px;
    z-index: 20;
  }
}

/* ==========================================================================
   FOOTER (Rich Editorial Multi-Column)
   ========================================================================== */
.ae-footer {
  background: var(--ae-burgundy-deep);
  color: #cbd5e1;
  padding: 55px 0 24px;
  border-top: 3px solid var(--ae-primary);
  font-size: 0.90rem;
}
.ae-footer .ae-footer-heading {
  color: #ffffff;
  font-size: 1.02rem;
  font-weight: 700;
  margin-bottom: 18px;
  position: relative;
  padding-bottom: 10px;
  letter-spacing: 0.02em;
}
.ae-footer .ae-footer-heading::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 32px;
  height: 2px;
  background: var(--ae-primary);
  border-radius: 2px;
}
.ae-footer a {
  color: #94a3b8;
  text-decoration: none;
  transition: all 0.2s ease;
}
.ae-footer a:hover {
  color: #ffffff;
}
.ae-footer-links {
  list-style: none;
  padding: 0;
  margin: 0;
}
.ae-footer-links li {
  margin-bottom: 9px;
}
.ae-footer-links li a {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  font-size: 0.88rem;
  color: #94a3b8;
  transition: all 0.2s ease;
}
.ae-footer-links li a:hover {
  color: #ffffff;
  transform: translateX(4px);
}
.ae-page-footer-content {
  color: #cbd5e1;
  font-size: 0.88rem;
  line-height: 1.6;
}
.ae-page-footer-content img {
  max-width: 100%;
  height: auto;
}
.ae-page-footer-content a {
  color: #f1f5f9;
  text-decoration: underline;
}
.ae-page-footer-content a:hover {
  color: #ffffff;
}
.ae-footer-bottom {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  padding-top: 22px;
  margin-top: 40px;
  font-size: 0.82rem;
  color: #94a3b8;
}

@media (max-width: 768px) {
  .ae-hero-title { font-size: 1.9rem; }
  .ae-section-title { font-size: 1.6rem; }
  .ae-article-card { padding: 18px; }
}

/* ==========================================================================
   FLOATING SOCIAL SHARE BAR & ARTICLE CITATION BLOCK
   ========================================================================== */
.ae-floating-share-bar {
  position: fixed;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
  flex-direction: column;
  align-items: center;
  gap: 8px;
  background: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(12px);
  padding: 12px 8px;
  border-radius: 99px;
  border: 1px solid var(--ae-border-subtle);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
  z-index: 1020;
}

.ae-floating-share-label {
  font-family: var(--ae-font-heading);
  font-size: 0.65rem;
  font-weight: 800;
  color: var(--ae-primary);
  letter-spacing: 0.1em;
  writing-mode: vertical-rl;
  text-orientation: mixed;
  margin-bottom: 4px;
}

.ae-share-btn {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  font-size: 1rem;
  transition: all 0.25s ease;
  border: none;
  background: #f8fafc;
  color: #475569;
}

.ae-share-btn.wa:hover { background: #25d366; color: #fff; transform: scale(1.1); }
.ae-share-btn.fb:hover { background: #1877f2; color: #fff; transform: scale(1.1); }
.ae-share-btn.tw:hover { background: #000000; color: #fff; transform: scale(1.1); }
.ae-share-btn.ln:hover { background: #0a66c2; color: #fff; transform: scale(1.1); }
.ae-share-btn.tg:hover { background: #229ed9; color: #fff; transform: scale(1.1); }
.ae-share-btn.copy:hover { background: var(--ae-primary); color: #fff; transform: scale(1.1); }


/* ==========================================================================
   OJS ACTIVE SIDEBAR BLOCKS (.pkp_block & .block_custom)
   ========================================================================== */
.ae-sidebar-wrapper {
  width: 100% !important;
  max-width: 100% !important;
}

.ae-ojs-sidebar-blocks {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 100% !important;
}

.pkp_block {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  background: var(--ae-surface-card, #ffffff) !important;
  border: 1px solid var(--ae-border, #e2e8f0) !important;
  border-radius: var(--ae-radius-md, 12px) !important;
  padding: 1.1rem 1.25rem !important;
  box-shadow: var(--ae-shadow-card, 0 4px 14px rgba(0,0,0,0.03)) !important;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
  overflow: hidden !important;
  word-wrap: break-word !important;
  overflow-wrap: break-word !important;
  word-break: break-word !important;
  box-sizing: border-box !important;
  margin-bottom: 0 !important;
}

.pkp_block:hover {
  box-shadow: var(--ae-shadow-hover, 0 10px 24px rgba(0,0,0,0.08)) !important;
  border-color: rgba(175, 46, 77, 0.35) !important;
  transform: translateY(-2px);
}

.pkp_block .title,
.pkp_block h2.title,
.pkp_block h3.title,
.pkp_block h4.title,
.pkp_block h2,
.pkp_block h3,
.pkp_block h4 {
  font-family: var(--ae-font-heading, 'Plus Jakarta Sans', sans-serif) !important;
  font-size: 0.88rem !important;
  font-weight: 700 !important;
  color: var(--ae-text-main, #0f172a) !important;
  border-bottom: 2px solid var(--ae-primary, #AF2E4D) !important;
  padding-bottom: 0.4rem !important;
  margin-top: 0 !important;
  margin-bottom: 0.65rem !important;
  display: flex !important;
  align-items: center !important;
  gap: 0.4rem !important;
  letter-spacing: -0.01em !important;
  line-height: 1.35 !important;
}

.pkp_block .content {
  font-size: 0.82rem !important;
  color: var(--ae-text-muted, #475569) !important;
  line-height: 1.5 !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow-wrap: break-word !important;
  word-break: break-word !important;
  word-wrap: break-word !important;
}

/* Force All Images, Badges, Logos, Mendeley, Sinta, and Flags to be Fluid & Centered */
.pkp_block img,
.pkp_block .content img {
  max-width: 100% !important;
  height: auto !important;
  display: block !important;
  margin: 0.5rem auto !important;
  object-fit: contain !important;
  border-radius: 6px !important;
}

/* Tables inside sidebar blocks */
.pkp_block table,
.pkp_block .content table {
  width: 100% !important;
  max-width: 100% !important;
  table-layout: fixed !important;
  border-collapse: collapse !important;
  margin-bottom: 0.5rem !important;
  word-wrap: break-word !important;
  overflow-wrap: break-word !important;
}

.pkp_block table td,
.pkp_block table th {
  word-break: break-word !important;
  overflow-wrap: break-word !important;
  padding: 0.35rem 0.5rem !important;
}

/* Center alignment for flag counters and stat widgets */
.pkp_block .content center,
.pkp_block .content div[align="center"],
.pkp_block .content p[align="center"] {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
}

/* Sidebar Block Paragraph and Formatting Resets */
.pkp_block .content p {
  margin-bottom: 0.5rem;
}
.pkp_block .content p:last-child {
  margin-bottom: 0;
}

/* Custom banner & menu header buttons (e.g. .head-menu, .badan) */
.pkp_block .head-menu,
.pkp_block h3[style*="#af2e4d"] {
  background: var(--ae-primary-gradient, linear-gradient(135deg, #AF2E4D 0%, #801830 100%)) !important;
  color: #ffffff !important;
  border-radius: var(--ae-radius-md, 12px) !important;
  padding: 0.5rem 1rem !important;
  text-align: center !important;
  font-weight: 700 !important;
  font-size: 0.95rem !important;
  margin-bottom: 0.75rem !important;
}
.pkp_block .head-menu a {
  color: #ffffff !important;
  text-decoration: none !important;
}

/* Make a submission button block */
.pkp_block.block_make_submission a,
.pkp_block a.block_make_submission_link {
  display: block !important;
  background: var(--ae-primary-gradient, linear-gradient(135deg, #AF2E4D 0%, #801830 100%)) !important;
  color: #ffffff !important;
  text-align: center !important;
  font-weight: 700 !important;
  font-size: 0.95rem !important;
  padding: 0.8rem 1.25rem !important;
  border-radius: 99px !important;
  box-shadow: 0 4px 12px var(--ae-primary-glow, rgba(175, 46, 77, 0.25)) !important;
  text-decoration: none !important;
  transition: all 0.3s ease !important;
}

.pkp_block.block_make_submission a:hover,
.pkp_block a.block_make_submission_link:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 18px rgba(175, 46, 77, 0.45) !important;
  color: #ffffff !important;
}

/* Language toggle block */
.pkp_block.block_language select,
.pkp_block.block_language .form-select {
  border-radius: 8px !important;
  border-color: #cbd5e1 !important;
  padding: 0.45rem 0.8rem !important;
  font-size: 0.9rem !important;
  width: 100% !important;
  max-width: 100% !important;
}

/* ==========================================================================
   2026 ACADEMIC EDITORIAL - ARTICLE DETAILS OVERHAUL
   ========================================================================== */

/* Breadcrumbs Styling */
.cmp_breadcrumbs,
.ae-breadcrumbs,
.ae-art-breadcrumb {
  margin-bottom: 1.25rem !important;
}

.cmp_breadcrumbs ol,
.ae-breadcrumbs .breadcrumb,
.ae-art-breadcrumb .breadcrumb {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  background: #ffffff !important;
  padding: 8px 16px !important;
  border-radius: 10px !important;
  border: 1px solid #e2e8f0 !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.02) !important;
  font-size: 0.84rem !important;
  list-style: none !important;
  margin: 0 !important;
  gap: 4px !important;
}

.cmp_breadcrumbs li,
.ae-breadcrumbs .breadcrumb-item,
.ae-art-breadcrumb .breadcrumb-item {
  display: inline-flex !important;
  align-items: center !important;
  color: #64748b !important;
}

.cmp_breadcrumbs li a,
.ae-breadcrumbs .breadcrumb a,
.ae-art-breadcrumb .breadcrumb a {
  color: #64748b !important;
  text-decoration: none !important;
  font-weight: 500 !important;
  transition: color 0.2s ease !important;
}

.cmp_breadcrumbs li a:hover,
.ae-breadcrumbs .breadcrumb a:hover,
.ae-art-breadcrumb .breadcrumb a:hover {
  color: var(--ae-primary, #AF2E4D) !important;
  text-decoration: underline !important;
}

.cmp_breadcrumbs li.current,
.cmp_breadcrumbs li[aria-current="page"],
.ae-breadcrumbs .breadcrumb-item.active,
.ae-art-breadcrumb .breadcrumb-item.active {
  color: var(--ae-primary, #AF2E4D) !important;
  font-weight: 600 !important;
}

.cmp_breadcrumbs .separator {
  margin: 0 6px !important;
  color: #cbd5e1 !important;
}

/* Main Article Card */
.ae-art-main-card {
  background: #ffffff;
  border-radius: 16px;
  border: 1px solid rgba(226, 232, 240, 0.9);
  padding: 32px 36px;
  box-shadow: 0 4px 20px -2px rgba(15, 23, 42, 0.04), 0 2px 6px -1px rgba(15, 23, 42, 0.02);
}
@media (max-width: 768px) {
  .ae-art-main-card {
    padding: 20px 18px;
  }
}

/* Meta Badges Ribbon */
.ae-art-badges-ribbon {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
.ae-art-badge {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 5px 12px;
  border-radius: 20px;
  font-size: 0.76rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  text-decoration: none !important;
}
.ae-art-badge.section {
  background: linear-gradient(135deg, #AF2E4D, #801b33);
  color: #ffffff !important;
}
.ae-art-badge.issue {
  background: #f1f5f9;
  color: #1e293b !important;
  border: 1px solid #e2e8f0;
  transition: all 0.2s ease;
}
.ae-art-badge.issue:hover {
  background: #AF2E4D;
  color: #ffffff !important;
  border-color: #AF2E4D;
}
.ae-art-badge.oa {
  background: #ecfdf5;
  color: #059669 !important;
  border: 1px solid #a7f3d0;
}
.ae-art-badge.peer {
  background: #eff6ff;
  color: #2563eb !important;
  border: 1px solid #bfdbfe;
}

/* Article Title & Subtitle */
.ae-art-title,
.page_article .page_title,
.obj_article_details .title,
h1.ae-art-title {
  font-size: 1.85rem;
  font-weight: 800;
  line-height: 1.35;
  color: var(--ae-primary, #AF2E4D) !important;
  letter-spacing: -0.01em;
}
@media (max-width: 768px) {
  .ae-art-title,
  .page_article .page_title,
  .obj_article_details .title,
  h1.ae-art-title {
    font-size: 1.45rem;
  }
}
.ae-art-subtitle {
  font-size: 1.10rem;
  font-style: italic;
  color: #64748b;
  font-weight: 400;
  line-height: 1.45;
}

/* Publication Timeline Strip */
.ae-art-meta-strip {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px;
  padding: 10px 16px;
  background: #f8fafc;
  border-radius: 10px;
  border: 1px solid #e2e8f0;
  font-size: 0.82rem;
  color: #475569;
}
.ae-art-meta-item {
  display: flex;
  align-items: center;
  gap: 6px;
}
.ae-doi-link {
  color: var(--ae-primary, #AF2E4D);
  text-decoration: none;
  font-weight: 600;
}
.ae-doi-link:hover {
  text-decoration: underline;
}

/* Academic Author Cards */
.ae-art-section-label {
  font-size: 0.95rem;
  font-weight: 700;
  color: #1e293b;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  display: flex;
  align-items: center;
  gap: 8px;
}
.ae-author-card {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 12px 16px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-left: 3.5px solid var(--ae-primary, #AF2E4D);
  border-radius: 8px;
  transition: all 0.2s ease;
}
.ae-author-card:hover {
  background: #ffffff;
  box-shadow: 0 4px 14px rgba(175, 46, 77, 0.08);
  border-color: rgba(175, 46, 77, 0.35);
  border-left: 3.5px solid var(--ae-primary, #AF2E4D);
  transform: translateX(2px);
}
.ae-author-avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: linear-gradient(135deg, rgba(175, 46, 77, 0.12), rgba(175, 46, 77, 0.25));
  color: var(--ae-primary, #AF2E4D);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.1rem;
  flex-shrink: 0;
}
.ae-author-name {
  font-size: 0.95rem;
  font-weight: 700;
  color: var(--ae-primary, #AF2E4D) !important;
}
.ae-badge-corresponding {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 2px 8px;
  background: rgba(175, 46, 77, 0.1);
  color: var(--ae-primary, #AF2E4D);
  border: 1px solid rgba(175, 46, 77, 0.25);
  border-radius: 12px;
  font-size: 0.70rem;
  font-weight: 600;
}
.ae-author-affil,
.ae-author-country {
  font-size: 0.80rem;
  color: #64748b;
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 2px;
}
.ae-author-affil i,
.ae-author-country i {
  color: var(--ae-primary, #AF2E4D);
  font-size: 0.75rem;
}
.ae-orcid-badge {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 4px 10px;
  background: #f0fdf4;
  border: 1px solid #bbf7d0;
  border-radius: 20px;
  color: #166534 !important;
  font-size: 0.75rem;
  font-weight: 600;
  text-decoration: none !important;
  transition: all 0.2s ease;
}
.ae-orcid-badge i {
  color: #a6ce39;
  font-size: 0.9rem;
}
.ae-orcid-badge:hover {
  background: #166534;
  color: #ffffff !important;
  border-color: #166534;
}
.ae-orcid-badge:hover i {
  color: #ffffff;
}

/* DOI Banner */
.ae-doi-banner {
  padding: 14px 18px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
}
.ae-doi-icon {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  background: var(--ae-primary, #AF2E4D);
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.85rem;
}
.ae-doi-text {
  font-size: 0.84rem;
  font-weight: 700;
  color: var(--ae-primary, #AF2E4D);
  text-decoration: none;
}
.ae-doi-text:hover {
  text-decoration: underline;
}
.ae-btn-copy-doi {
  background: #ffffff;
  border: 1px solid #cbd5e1;
  color: #334155;
  padding: 6px 12px;
  border-radius: 6px;
  font-size: 0.78rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
}
.ae-btn-copy-doi:hover {
  background: var(--ae-primary, #AF2E4D);
  border-color: var(--ae-primary, #AF2E4D);
  color: #ffffff;
}

/* Abstract, DOI, References, Bios & Downloads Box */
.ae-art-abstract-box,
.ae-art-doi-box,
.ae-art-references-box,
.ae-art-bios-box,
.ae-art-downloads-box {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  padding: 22px 24px;
}
.ae-art-stat-card {
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
  border: 1px solid #e2e8f0 !important;
}
.ae-art-stat-card:hover {
  background: #ffffff !important;
  border-color: rgba(175, 46, 77, 0.35) !important;
  box-shadow: 0 6px 16px rgba(175, 46, 77, 0.08) !important;
  transform: translateY(-2px);
}
.ae-art-chart-canvas-wrap {
  border: 1px solid #e2e8f0 !important;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.02);
}
.ae-art-doi-box {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  padding: 18px 24px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.02);
}
.ae-art-doi-content {
  background: linear-gradient(135deg, rgba(175, 46, 77, 0.03) 0%, #f8fafc 100%) !important;
  border: 1px solid #e2e8f0 !important;
  border-left: 4px solid var(--ae-primary, #AF2E4D) !important;
  border-radius: 8px !important;
  transition: all 0.25s ease;
}
.ae-art-doi-content:hover {
  background: #ffffff !important;
  border-color: rgba(175, 46, 77, 0.35) !important;
  box-shadow: 0 4px 14px rgba(175, 46, 77, 0.06);
}
.ae-btn-copy-doi {
  background: var(--ae-primary-subtle, rgba(175, 46, 77, 0.08)) !important;
  color: var(--ae-primary, #AF2E4D) !important;
  border: 1px solid rgba(175, 46, 77, 0.25) !important;
  font-size: 0.76rem !important;
  transition: all 0.2s ease !important;
}
.ae-btn-copy-doi:hover {
  background: var(--ae-primary, #AF2E4D) !important;
  color: #ffffff !important;
  border-color: var(--ae-primary, #AF2E4D) !important;
  box-shadow: 0 2px 8px rgba(175, 46, 77, 0.25) !important;
}
.ae-art-box-header {
  font-size: 0.95rem;
  font-weight: 700;
  color: #0f172a;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  margin-bottom: 14px;
  padding-bottom: 8px;
  border-bottom: 2px solid var(--ae-primary, #AF2E4D);
  display: flex;
  align-items: center;
}
.ae-art-abstract-content {
  font-size: 0.95rem;
  line-height: 1.8;
  color: #334155;
  text-align: justify;
}
.ae-keyword-pill {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 4px 12px;
  background: #f1f5f9;
  border: 1px solid #e2e8f0;
  border-radius: 20px;
  font-size: 0.78rem;
  font-weight: 500;
  color: #334155 !important;
  text-decoration: none !important;
  transition: all 0.2s ease;
}
.ae-keyword-pill i {
  color: var(--ae-primary, #AF2E4D);
  font-size: 0.72rem;
}
.ae-keyword-pill:hover {
  background: var(--ae-primary, #AF2E4D);
  border-color: var(--ae-primary, #AF2E4D);
  color: #ffffff !important;
  transform: translateY(-1px);
}
.ae-keyword-pill:hover i {
  color: #ffffff;
}

/* References Section */
.ae-references-list {
  padding-left: 20px;
}
.ae-reference-item {
  font-size: 0.85rem;
  line-height: 1.6;
  color: #475569;
  margin-bottom: 10px;
  padding-bottom: 8px;
  border-bottom: 1px dashed #e2e8f0;
  text-align: justify;
}
.ae-reference-item:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
.ae-reference-item a {
  color: var(--ae-primary, #AF2E4D);
  text-decoration: none;
  word-break: break-all;
}
.ae-reference-item a:hover {
  text-decoration: underline;
}

/* Author Bio Card */
.ae-author-bio-card {
  padding: 14px 16px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  height: 100%;
}
.ae-bio-avatar {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: rgba(175, 46, 77, 0.1);
  color: var(--ae-primary, #AF2E4D);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.9rem;
}
.ae-bio-name {
  font-size: 0.88rem;
  font-weight: 700;
  color: var(--ae-primary, #AF2E4D) !important;
}
.ae-bio-text {
  font-size: 0.82rem;
  color: #475569;
  line-height: 1.5;
  margin-top: 6px;
}

/* Right Sidebar Cards & Cover */
.ae-art-cover-card {
  background: #ffffff;
  border: 1px solid rgba(226, 232, 240, 0.9);
  border-radius: 12px;
  padding: 8px;
  overflow: hidden;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.04);
}
.ae-cover-shadow {
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  transition: transform 0.3s ease;
}
.ae-cover-shadow:hover {
  transform: scale(1.02);
}

/* Primary PDF Download Button */
.ae-btn-pdf-primary {
  background: linear-gradient(135deg, var(--ae-primary, #AF2E4D) 0%, #801b33 100%) !important;
  color: #ffffff !important;
  padding: 12px 18px;
  border-radius: 10px;
  font-size: 0.88rem;
  font-weight: 700;
  text-decoration: none !important;
  box-shadow: 0 4px 16px rgba(175, 46, 77, 0.3);
  transition: all 0.25s ease;
}
.ae-btn-pdf-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(175, 46, 77, 0.45);
  color: #ffffff !important;
}

/* Article Info List */
.ae-art-info-list {
  list-style: none !important;
  padding-left: 0 !important;
  margin: 0 !important;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.ae-art-info-list li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 6px 10px !important;
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  border-left: 3.5px solid var(--ae-primary, #AF2E4D) !important;
  border-radius: 4px !important;
  font-size: 0.78rem;
}
.ae-info-label {
  font-weight: 600;
  color: #475569;
  display: flex;
  align-items: center;
  gap: 6px;
}
.ae-info-val {
  font-weight: 700;
  color: #0f172a;
  text-align: right;
}

/* Social Share Circle Buttons */
.ae-share-circle-btn {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.95rem;
  text-decoration: none !important;
  color: #ffffff !important;
  transition: all 0.2s ease;
  border: none;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}
.ae-share-circle-btn.wa { background: #25d366; }
.ae-share-circle-btn.fb { background: #1877f2; }
.ae-share-circle-btn.tw { background: #000000; }
.ae-share-circle-btn.ln { background: #0a66c2; }
.ae-share-circle-btn.tg { background: #229ed9; }
.ae-share-circle-btn.copy { background: #475569; }
.ae-share-circle-btn:hover {
  transform: translateY(-2px) scale(1.08);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
  color: #ffffff !important;
}

/* ==========================================================================
   ARTICLE SIDEBAR WIDGETS: Article Info, How to Cite, Copyright & License
   ========================================================================== */

/* 1. Article Information List */
.ae-art-info-list {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
  width: 100% !important;
}

.ae-art-info-list li {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 10px !important;
  padding: 7px 10px !important;
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  border-left: 3.5px solid var(--ae-primary, #AF2E4D) !important;
  border-radius: 6px !important;
  font-size: 0.80rem !important;
  line-height: 1.35 !important;
  margin: 0 !important;
  transition: all 0.2s ease;
  box-sizing: border-box !important;
}

.ae-art-info-list li:hover {
  background: #ffffff !important;
  border-color: rgba(175, 46, 77, 0.35) !important;
  box-shadow: 0 2px 8px rgba(175, 46, 77, 0.08);
  transform: translateX(2px);
}

.ae-art-info-list .ae-info-label {
  font-weight: 700;
  color: #475569;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;
  font-size: 0.78rem;
}

.ae-art-info-list .ae-info-val {
  font-weight: 600;
  color: #0f172a;
  text-align: right;
  word-break: break-word;
  font-size: 0.78rem;
}

.ae-art-info-list .ae-info-val a {
  color: var(--ae-primary, #AF2E4D) !important;
  text-decoration: none !important;
  font-weight: 600;
}

.ae-art-info-list .ae-info-val a:hover {
  color: #801b33 !important;
  text-decoration: underline !important;
}

/* 2. How to Cite Card & CSL Plugin Styling */
.item.citation,
.ae-sidebar-hooks-container .item.citation,
.ae-citation-wrapper .item.citation {
  background: #ffffff !important;
  border-radius: 14px !important;
  border: 1px solid rgba(226, 232, 240, 0.9) !important;
  box-shadow: 0 4px 16px -2px rgba(15, 23, 42, 0.04), 0 2px 6px -1px rgba(15, 23, 42, 0.02) !important;
  padding: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 14px !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  overflow: hidden !important;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

.item.citation:hover,
.ae-sidebar-hooks-container .item.citation:hover,
.ae-citation-wrapper .item.citation:hover {
  box-shadow: 0 10px 24px -4px rgba(175, 46, 77, 0.08), 0 4px 10px -2px rgba(0, 0, 0, 0.03) !important;
  border-color: rgba(175, 46, 77, 0.25) !important;
  transform: translateY(-2px);
}

.item.citation .sub_item,
.item.citation .sub_item.citation_display,
.item.citation section.citation_display {
  padding: 0 !important;
  margin: 0 !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.item.citation h2.label,
.item.citation .label:first-child,
.item.citation .sub_item.citation_display > h2.label {
  font-family: var(--ae-font-heading, 'Plus Jakarta Sans', sans-serif) !important;
  font-size: 0.86rem !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  padding: 9px 14px !important;
  margin: 0 !important;
  width: 100% !important;
  box-sizing: border-box !important;
  background: linear-gradient(135deg, var(--ae-primary, #AF2E4D) 0%, #801b33 100%) !important;
  border-radius: 13px 13px 0 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
  border: none !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25) !important;
  box-shadow: 0 2px 6px rgba(175, 46, 77, 0.15) !important;
  line-height: 1.4 !important;
}

.item.citation h2.label::before {
  content: "\f10d";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  color: #ffffff !important;
  margin-right: 4px;
}

.item.citation .value {
  padding: 12px 14px !important;
  margin: 0 !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

#citationOutput,
.item.citation #citationOutput,
.ae-citation-wrapper #citationOutput {
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-left: 3.5px solid var(--ae-primary, #AF2E4D);
  border-radius: 8px;
  padding: 10px 12px;
  font-size: 0.80rem;
  line-height: 1.5;
  color: #334155;
  margin-bottom: 10px;
  word-break: break-word;
}

#citationOutput a,
.item.citation #citationOutput a,
.ae-citation-wrapper #citationOutput a {
  color: var(--ae-primary, #AF2E4D);
  word-break: break-all;
}

.csl-bib-body,
.ae-citation-wrapper .csl-bib-body {
  margin: 0;
  padding: 0;
}

.citation_formats,
.ae-citation-wrapper .citation_formats {
  position: relative;
  width: 100%;
}

.citation_formats_button,
.item.citation .citation_formats_button,
.ae-citation-wrapper .citation_formats_button {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  padding: 7px 12px !important;
  font-size: 0.78rem !important;
  font-weight: 700 !important;
  color: var(--ae-primary, #AF2E4D) !important;
  background: #fdf2f4 !important;
  border: 1px solid rgba(175, 46, 77, 0.25) !important;
  border-radius: 6px !important;
  cursor: pointer;
  transition: all 0.2s ease;
  box-sizing: border-box !important;
}

.citation_formats_button:hover,
.item.citation .citation_formats_button:hover,
.ae-citation-wrapper .citation_formats_button:hover {
  background: var(--ae-primary, #AF2E4D) !important;
  color: #ffffff !important;
  box-shadow: 0 2px 8px rgba(175, 46, 77, 0.25);
}

.citation_formats_list,
.item.citation .citation_formats_list,
.ae-citation-wrapper .citation_formats_list {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.12);
  margin-top: 6px;
  padding: 6px 0;
  max-height: 220px;
  overflow-y: auto;
  z-index: 20;
}

.citation_formats_styles,
.item.citation .citation_formats_styles,
.ae-citation-wrapper .citation_formats_styles {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.citation_formats_styles li,
.item.citation .citation_formats_styles li,
.ae-citation-wrapper .citation_formats_styles li {
  margin: 0 !important;
  padding: 0 !important;
}

.citation_formats_styles li a,
.item.citation .citation_formats_styles li a,
.ae-citation-wrapper .citation_formats_styles li a {
  display: block !important;
  padding: 6px 14px !important;
  font-size: 0.78rem !important;
  color: #334155 !important;
  text-decoration: none !important;
  font-weight: 600;
  transition: all 0.15s ease;
}

.citation_formats_styles li a:hover,
.item.citation .citation_formats_styles li a:hover,
.ae-citation-wrapper .citation_formats_styles li a:hover {
  background: #fdf2f4 !important;
  color: var(--ae-primary, #AF2E4D) !important;
  padding-left: 18px !important;
}

/* 3. Copyright & License Card */
.ae-copyright-box {
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  padding: 12px;
  text-align: center;
}

.ae-copyright-badge-wrap {
  margin-bottom: 8px;
}

.ae-copyright-badge-wrap img {
  max-height: 34px !important;
  width: auto !important;
  display: inline-block !important;
  margin: 0 auto !important;
  box-shadow: none !important;
}

.ae-copyright-holder {
  font-size: 0.80rem;
  font-weight: 700;
  color: #1e293b;
  margin-bottom: 6px;
}

.ae-copyright-terms {
  font-size: 0.75rem;
  color: #64748b;
  line-height: 1.45;
  margin-bottom: 0;
}


/* ==========================================================================
   ARTICLE METRICS & DOI COHESIVE THEME STYLING (MAROON PALETTE)
   ========================================================================== */
.ae-sidebar-hooks-container .doiview-container,
.ae-art-sidebar .doiview-container,
.ae-art-sidebar .doiview-card,
.ae-art-sidebar .block_doi {
  display: none !important;
}

.articleviews-container {
  margin-top: 0 !important;
  margin-bottom: 14px !important;
  padding: 0 !important;
  width: 100% !important;
}

div.articleviews-card,
.articleviews-card.tech-widget-card,
.articleviews-card.p-3,
.articleviews-card,
.doiview-card,
.ae-doi-card {
  background: #ffffff !important;
  border-radius: 14px !important;
  border: 1px solid rgba(226, 232, 240, 0.9) !important;
  box-shadow: 0 4px 16px -2px rgba(15, 23, 42, 0.04), 0 2px 6px -1px rgba(15, 23, 42, 0.02) !important;
  padding: 0 !important;
  margin: 0 0 14px 0 !important;
  overflow: hidden !important;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

.articleviews-card:hover,
.doiview-card:hover,
.ae-doi-card:hover {
  box-shadow: 0 10px 24px -4px rgba(175, 46, 77, 0.08), 0 4px 10px -2px rgba(0, 0, 0, 0.03) !important;
  border-color: rgba(175, 46, 77, 0.25) !important;
  transform: translateY(-2px);
}

.articleviews-card > div:first-child,
.articleviews-card .d-flex.align-items-center.justify-content-between.mb-3,
.articleviews-card .d-flex.align-items-center.justify-content-between.border-bottom,
.doiview-card .doiview-title,
.ae-doi-card .title {
  background: linear-gradient(135deg, var(--ae-primary, #AF2E4D) 0%, #801b33 100%) !important;
  color: #ffffff !important;
  padding: 9px 14px !important;
  margin: 0 !important;
  border-radius: 13px 13px 0 0 !important;
  border: none !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25) !important;
  box-shadow: 0 2px 6px rgba(175, 46, 77, 0.15) !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.articleviews-card .articleviews-title,
.doiview-card .doiview-title,
.ae-doi-card .title {
  font-family: var(--ae-font-heading, 'Plus Jakarta Sans', sans-serif) !important;
  color: #ffffff !important;
  font-size: 0.86rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  line-height: 1.4 !important;
}

.articleviews-card .articleviews-title span.articleviews-title-icon {
  background: rgba(255, 255, 255, 0.2) !important;
  color: #ffffff !important;
  width: 24px !important;
  height: 24px !important;
  font-size: 0.75rem !important;
  border-radius: 50% !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.articleviews-card .badge,
.articleviews-card .badge.bg-primary-subtle {
  background: rgba(255, 255, 255, 0.2) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.35) !important;
  font-size: 0.65rem !important;
  font-weight: 700 !important;
  padding: 2px 8px !important;
  border-radius: 50rem !important;
}

.articleviews-card .row {
  padding: 12px 14px 0 14px !important;
  margin: 0 !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.articleviews-card .articleviews-footer {
  margin: 10px 14px 12px 14px !important;
  padding-top: 8px !important;
  border-top: 1px solid #f1f5f9 !important;
  font-size: 0.75rem !important;
}

.articleviews-box-views {
  background: linear-gradient(145deg, #ffffff 0%, #fdf2f4 100%) !important;
  border: 1px solid rgba(175, 46, 77, 0.18) !important;
  border-top: 3px solid var(--ae-primary, #AF2E4D) !important;
}

.articleviews-box-views:hover {
  background: linear-gradient(145deg, #fdf2f4 0%, #fce7eb 100%) !important;
  border-color: var(--ae-primary, #AF2E4D) !important;
  box-shadow: 0 4px 14px rgba(175, 46, 77, 0.14) !important;
}

.articleviews-box-views .articleviews-number {
  color: var(--ae-primary, #AF2E4D) !important;
}

.articleviews-footer i {
  color: var(--ae-primary, #AF2E4D) !important;
}

.doiview-title-icon {
  background: linear-gradient(135deg, var(--ae-primary, #AF2E4D) 0%, #801b33 100%) !important;
}

.doiview-card .doiview-body-box,
.doiview-body-box {
  background: linear-gradient(145deg, #ffffff 0%, #fdf2f4 100%) !important;
  border: 1px solid #e2e8f0 !important;
  border-left: 3.5px solid var(--ae-primary, #AF2E4D) !important;
  margin: 12px 14px 10px 14px !important;
  padding: 10px 12px !important;
  border-radius: 8px !important;
}

.doiview-card .d-flex.flex-wrap.align-items-center.gap-2:last-child {
  padding: 0 14px 14px 14px !important;
  margin: 0 !important;
}

/* Dimensions Citation Badge Card */
.ae-dimensions-card {
  overflow: hidden;
}
.ae-dimensions-card .content {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  padding: 14px 10px !important;
  background: #ffffff !important;
  min-height: 72px;
}
.ae-dimensions-card .__dimensions_badge_embed__ {
  display: inline-flex !important;
  justify-content: center !important;
  align-items: center !important;
}

.doiview-body-box:hover {
  border-color: var(--ae-primary, #AF2E4D) !important;
  background: #ffffff !important;
  box-shadow: 0 4px 12px rgba(175, 46, 77, 0.08) !important;
}

.doiview-url-link {
  color: var(--ae-primary, #AF2E4D) !important;
}

.doiview-url-link:hover {
  color: #801b33 !important;
}

.doiview-copy-btn:hover,
.doiview-qr-btn:hover {
  background: #fdf2f4 !important;
  color: var(--ae-primary, #AF2E4D) !important;
  border-color: var(--ae-primary, #AF2E4D) !important;
}

/* ==========================================================================
   ARTICLE SUMMARY CARD & ARTICLE COVER IMAGE (HOMEPAGE & ARCHIVES)
   ========================================================================== */
.ae-article-card {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  padding: 20px 24px;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.02);
  position: relative;
}

.ae-article-card:hover {
  border-color: rgba(175, 46, 77, 0.35);
  box-shadow: 0 10px 28px rgba(175, 46, 77, 0.08);
  transform: translateY(-2px);
}

/* Article Cover Image Thumbnail */
.ae-art-summary-cover-link {
  border-radius: 10px;
  overflow: hidden;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
  display: block;
  position: relative;
  transition: all 0.3s ease;
  aspect-ratio: 3 / 4;
  max-height: 220px;
  text-align: center;
}

.ae-art-summary-cover-link:hover {
  border-color: rgba(175, 46, 77, 0.4);
  box-shadow: 0 6px 18px rgba(175, 46, 77, 0.15);
}

.ae-art-summary-cover-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  display: block;
}

.ae-art-summary-cover-link:hover .ae-art-summary-cover-img {
  transform: scale(1.05);
}

/* Article Card Elements */
.ae-article-category {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  color: var(--ae-primary, #AF2E4D);
  background: rgba(175, 46, 77, 0.08);
  border: 1px solid rgba(175, 46, 77, 0.2);
  padding: 3px 10px;
  border-radius: 20px;
}

.ae-article-title {
  font-size: 1.15rem;
  font-weight: 700;
  line-height: 1.42;
  color: #0f172a;
  margin-bottom: 8px;
  font-family: var(--ae-font-heading, 'Plus Jakarta Sans', sans-serif);
}

.ae-article-title a {
  color: #0f172a;
  text-decoration: none;
  transition: color 0.2s ease;
}

.ae-article-title a:hover {
  color: var(--ae-primary, #AF2E4D);
}

.ae-article-authors {
  font-size: 0.85rem;
  color: #64748b;
  display: flex;
  align-items: center;
  gap: 6px;
  font-weight: 500;
}

.ae-article-meta {
  font-size: 0.78rem;
}

.ae-metric-chip {
  font-size: 0.75rem;
  color: #475569;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 20px;
  padding: 2px 10px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-weight: 500;
}

.text-emerald {
  color: #059669 !important;
}

.ae-btn-pdf {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 14px;
  background: linear-gradient(135deg, var(--ae-primary, #AF2E4D) 0%, #801b33 100%);
  color: #ffffff !important;
  border-radius: 20px;
  font-size: 0.78rem;
  font-weight: 700;
  text-decoration: none !important;
  box-shadow: 0 2px 8px rgba(175, 46, 77, 0.25);
  transition: all 0.2s ease;
}

.ae-btn-pdf:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 14px rgba(175, 46, 77, 0.4);
  color: #ffffff !important;
}

/* ==========================================================================
   ISSUE ARCHIVE (3-Column Editorial Grid Layout)
   ========================================================================== */
.ae-issue-archive-card {
  background: #ffffff;
  border-radius: 14px;
  border: 1px solid #e2e8f0;
  box-shadow: 0 4px 16px -2px rgba(15, 23, 42, 0.04), 0 2px 6px -1px rgba(15, 23, 42, 0.02);
  padding: 16px;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  box-sizing: border-box;
}

.ae-issue-archive-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 28px -4px rgba(175, 46, 77, 0.12), 0 4px 12px -2px rgba(0, 0, 0, 0.04);
  border-color: rgba(175, 46, 77, 0.35);
}

.ae-issue-archive-cover {
  position: relative;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 14px;
  background: #f8fafc;
  aspect-ratio: 3/4;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
}

.ae-issue-archive-cover img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transition: transform 0.35s ease !important;
  margin: 0 !important;
}

.ae-issue-archive-card:hover .ae-issue-archive-cover img {
  transform: scale(1.04);
}

.ae-issue-placeholder-cover {
  width: 100%;
  height: 100%;
  background: linear-gradient(145deg, #1e293b 0%, #0f172a 100%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 16px;
  text-align: center;
  color: #ffffff;
}

.ae-issue-archive-title {
  font-size: 0.95rem;
  font-weight: 700;
  line-height: 1.4;
  margin-bottom: 6px;
}

.ae-issue-archive-title a {
  color: #0f172a !important;
  text-decoration: none !important;
  transition: color 0.2s ease;
}

.ae-issue-archive-title a:hover {
  color: var(--ae-primary, #AF2E4D) !important;
}

.ae-issue-archive-meta {
  font-size: 0.78rem;
  color: #64748b;
  margin-bottom: 14px;
}

.ae-btn-issue-view {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  padding: 8px 14px;
  background: #fdf2f4;
  color: var(--ae-primary, #AF2E4D) !important;
  border: 1px solid rgba(175, 46, 77, 0.2);
  border-radius: 8px;
  font-size: 0.82rem;
  font-weight: 700;
  text-decoration: none !important;
  transition: all 0.2s ease;
  box-sizing: border-box;
}

.ae-btn-issue-view:hover {
  background: linear-gradient(135deg, var(--ae-primary, #AF2E4D) 0%, #801b33 100%);
  color: #ffffff !important;
  border-color: transparent;
  box-shadow: 0 4px 12px rgba(175, 46, 77, 0.25);
  transform: translateY(-1px);
}

/* ==========================================================================
   EMBEDDED PDF VIEWER (Editorial Top Bar & Responsive Fullscreen Canvas)
   ========================================================================== */
html:has(.header_view),
body:has(.header_view),
body.pkp_page_article.pkp_op_view:has(#pdfCanvasContainer) {
  margin: 0 !important;
  padding: 0 !important;
  height: 100vh !important;
  max-height: 100vh !important;
  overflow: hidden !important;
  background: #0f172a !important;
  display: flex !important;
  flex-direction: column !important;
}

/* 1. Header View Top Bar */
.header_view {
  height: 56px !important;
  min-height: 56px !important;
  background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%) !important;
  border-bottom: 2px solid var(--ae-primary, #AF2E4D) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 0 1.25rem !important;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.35) !important;
  z-index: 1000 !important;
  width: 100% !important;
  box-sizing: border-box !important;
  gap: 16px !important;
}

/* 2. Return Button */
.header_view .return {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 7px 14px !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  border-radius: 8px !important;
  color: #f1f5f9 !important;
  font-size: 0.82rem !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
}

.header_view .return::before {
  content: "\f060";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-size: 0.80rem;
}

.header_view .return .pkp_screen_reader {
  position: static !important;
  width: auto !important;
  height: auto !important;
  clip: auto !important;
  overflow: visible !important;
  display: inline !important;
  color: inherit !important;
  font-size: inherit !important;
}

.header_view .return:hover {
  background: var(--ae-primary, #AF2E4D) !important;
  color: #ffffff !important;
  border-color: var(--ae-primary, #AF2E4D) !important;
  transform: translateX(-2px) !important;
  box-shadow: 0 2px 10px rgba(175, 46, 77, 0.4) !important;
}

/* 3. Title in Header View */
.header_view .title {
  color: #ffffff !important;
  font-size: 0.90rem !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  text-align: center !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  max-width: 60% !important;
  flex-grow: 1 !important;
  transition: color 0.2s ease !important;
  letter-spacing: 0.01em !important;
}

.header_view .title:hover {
  color: #ff8fa3 !important;
}

.header_view .title i,
.header_view .title em {
  font-style: italic !important;
  font-weight: 600 !important;
}

/* 4. Download Button */
.header_view .download {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 7px 16px !important;
  background: linear-gradient(135deg, var(--ae-primary, #AF2E4D) 0%, #801b33 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  border-radius: 8px !important;
  color: #ffffff !important;
  font-size: 0.82rem !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  box-shadow: 0 2px 10px rgba(175, 46, 77, 0.35) !important;
  transition: all 0.2s ease !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
}

.header_view .download::before {
  content: "\f019";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-size: 0.80rem;
}

.header_view .download .label {
  display: inline !important;
}

.header_view .download .pkp_screen_reader {
  display: none !important;
}

.header_view .download:hover {
  background: linear-gradient(135deg, #c43859 0%, #992240 100%) !important;
  color: #ffffff !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 14px rgba(175, 46, 77, 0.5) !important;
}

/* 5. Galley View Container & Iframe */
#pdfCanvasContainer.galley_view {
  flex: 1 1 auto !important;
  width: 100% !important;
  height: calc(100vh - 56px) !important;
  max-height: calc(100vh - 56px) !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #525659 !important;
  position: relative !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
}

#pdfCanvasContainer.galley_view iframe {
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  border: none !important;
  display: block !important;
  flex: 1 1 auto !important;
}

.galley_view_notice {
  background: #fef3c7;
  color: #92400e;
  padding: 8px 16px;
  font-size: 0.82rem;
  border-bottom: 1px solid #fde68a;
  text-align: center;
  font-weight: 600;
}

/* Responsive PDF Top Bar */
@media (max-width: 768px) {
  .header_view {
    height: auto !important;
    min-height: 50px !important;
    padding: 8px 12px !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
  }
  .header_view .title {
    order: 3 !important;
    max-width: 100% !important;
    width: 100% !important;
    font-size: 0.78rem !important;
    white-space: normal !important;
    text-align: left !important;
    line-height: 1.3 !important;
  }
  #pdfCanvasContainer.galley_view {
    height: calc(100vh - 90px) !important;
    max-height: calc(100vh - 90px) !important;
  }
}

/* ==========================================================================
   FLOATING ACTION BUTTONS (Bottom-Right WhatsApp & Back to Top)
   ========================================================================== */
.ae-floating-actions {
  position: fixed;
  bottom: 25px;
  right: 25px;
  z-index: 1080;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}

.ae-btn-float {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff !important;
  text-decoration: none !important;
  border: none;
  cursor: pointer;
  position: relative;
  transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
  outline: none;
  box-sizing: border-box;
}

/* 1. WhatsApp Floating Button */
.ae-btn-float-wa {
  background: linear-gradient(135deg, #25d366 0%, #128c7e 100%);
  box-shadow: 0 4px 16px rgba(37, 211, 102, 0.45);
  font-size: 26px;
  animation: ae-pulse-wa 2.5s infinite;
}

.ae-btn-float-wa:hover {
  transform: scale(1.1) translateY(-2px);
  box-shadow: 0 6px 22px rgba(37, 211, 102, 0.65);
  color: #ffffff !important;
}

@keyframes ae-pulse-wa {
  0% {
    box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.6);
  }
  70% {
    box-shadow: 0 0 0 14px rgba(37, 211, 102, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(37, 211, 102, 0);
  }
}

/* 2. Back to Top Floating Button */
.ae-btn-float-top {
  background: linear-gradient(135deg, var(--ae-primary, #AF2E4D) 0%, #801b33 100%);
  box-shadow: 0 4px 14px rgba(175, 46, 77, 0.35);
  font-size: 18px;
  opacity: 0;
  visibility: hidden;
  transform: translateY(15px);
}

.ae-btn-float-top.show {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.ae-btn-float-top:hover {
  transform: scale(1.1) translateY(-2px);
  background: linear-gradient(135deg, #c43859 0%, #992240 100%);
  box-shadow: 0 6px 20px rgba(175, 46, 77, 0.55);
}

/* 3. Floating Tooltip */
.ae-float-tooltip {
  position: absolute;
  right: calc(100% + 12px);
  top: 50%;
  transform: translateY(-50%) translateX(6px);
  background: #0f172a;
  color: #ffffff;
  padding: 5px 11px;
  border-radius: 6px;
  font-size: 0.76rem;
  font-weight: 600;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  transition: all 0.2s ease;
  pointer-events: none;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
}

.ae-float-tooltip::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 100%;
  transform: translateY(-50%);
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent transparent #0f172a;
}

.ae-btn-float:hover .ae-float-tooltip {
  opacity: 1;
  visibility: visible;
  transform: translateY(-50%) translateX(0);
}

@media (max-width: 575.98px) {
  .ae-floating-actions {
    bottom: 16px;
    right: 16px;
    gap: 10px;
  }
  .ae-btn-float {
    width: 44px;
    height: 44px;
  }
  .ae-btn-float-wa {
    font-size: 23px;
  }
  .ae-btn-float-top {
    font-size: 16px;
  }
  .ae-float-tooltip {
    display: none;
  }
}

/* ==========================================================================
   INDEXED & ABSTRACTED BY SHOWCASE
   ========================================================================== */
.ae-indexing-showcase {
  background: #ffffff;
  border: 1px solid rgba(15, 23, 42, 0.08) !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);
}

.ae-index-badge-card {
  background: #f8fafc;
  border: 1px solid #e2e8f0 !important;
  color: #1e293b !important;
  transition: all 0.25s cubic-bezier(0.34, 1.56, 0.64, 1);
  padding: 8px 12px !important;
}

.ae-index-badge-card:hover {
  background: #ffffff;
  border-color: var(--ae-primary, #AF2E4D) !important;
  box-shadow: 0 6px 16px rgba(175, 46, 77, 0.15);
  transform: translateY(-2px);
  color: var(--ae-primary, #AF2E4D) !important;
}

.ae-index-icon-wrap {
  width: 28px;
  height: 28px;
  border-radius: 6px;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  flex-shrink: 0;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

.ae-index-badge-card:hover .ae-index-icon-wrap {
  border-color: rgba(175, 46, 77, 0.3);
  background: #fdf2f4;
}

.ae-index-name {
  font-size: 0.82rem;
  font-weight: 700;
  color: #334155;
  transition: color 0.2s ease;
}

.ae-index-badge-card:hover .ae-index-name {
  color: var(--ae-primary, #AF2E4D);
}

.ae-index-external-icon {
  font-size: 0.68rem;
  color: #94a3b8;
  transition: all 0.2s ease;
  flex-shrink: 0;
}

.ae-index-badge-card:hover .ae-index-external-icon {
  color: var(--ae-primary, #AF2E4D);
  transform: translate(1px, -1px);
}

/* Custom Visual Indexing Content & Logo Images */
.ae-indexing-custom-content {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 14px;
  padding: 6px 0;
}

.ae-indexing-custom-content img,
.ae-index-logo-img {
  max-height: 46px;
  max-width: 140px;
  width: auto;
  height: auto;
  object-fit: contain;
  padding: 2px 4px;
  border-radius: 6px;
  transition: all 0.25s ease;
  vertical-align: middle;
}

.ae-indexing-custom-content a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 6px 12px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  text-decoration: none;
  transition: all 0.25s ease;
}

.ae-indexing-custom-content a:hover {
  background: #ffffff;
  border-color: var(--ae-primary, #AF2E4D);
  box-shadow: 0 4px 14px rgba(175, 46, 77, 0.15);
  transform: translateY(-2px);
}

.ae-indexing-custom-content a:hover img {
  transform: scale(1.05);
}

/* ==========================================================================
   MOST READ BLOCK PLUGIN STYLING (MAROON THEME COHESIVE DESIGN)
   ========================================================================== */
.pkp_block.block_most_read,
.ae-sidebar-wrapper .pkp_block.block_most_read,
.pkp_structure_sidebar .pkp_block.block_most_read {
  background: #ffffff !important;
  border-radius: 14px !important;
  border: 1px solid rgba(226, 232, 240, 0.9) !important;
  box-shadow: 0 4px 16px -2px rgba(15, 23, 42, 0.04), 0 2px 6px -1px rgba(15, 23, 42, 0.02) !important;
  padding: 0 !important;
  margin-bottom: 14px !important;
  overflow: hidden !important;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.pkp_block.block_most_read:hover,
.ae-sidebar-wrapper .pkp_block.block_most_read:hover,
.pkp_structure_sidebar .pkp_block.block_most_read:hover {
  box-shadow: 0 10px 24px -4px rgba(175, 46, 77, 0.08), 0 4px 10px -2px rgba(0, 0, 0, 0.03) !important;
  border-color: rgba(175, 46, 77, 0.25) !important;
  transform: translateY(-2px);
}

.pkp_block.block_most_read .title,
.ae-sidebar-wrapper .pkp_block.block_most_read .title,
.pkp_structure_sidebar .pkp_block.block_most_read .title {
  font-family: var(--ae-font-heading, 'Plus Jakarta Sans', sans-serif) !important;
  font-size: 0.86rem !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  padding: 9px 14px !important;
  margin: 0 !important;
  width: 100% !important;
  box-sizing: border-box !important;
  background: linear-gradient(135deg, var(--ae-primary, #AF2E4D) 0%, #801b33 100%) !important;
  border-radius: 13px 13px 0 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
  border: none !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25) !important;
  box-shadow: 0 2px 6px rgba(175, 46, 77, 0.15) !important;
  line-height: 1.4 !important;
}

.pkp_block.block_most_read .title i,
.pkp_block.block_most_read .title .bi,
.pkp_block.block_most_read .title .fa {
  color: #fbbf24 !important;
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.3));
  font-size: 0.95rem;
}

.pkp_block.block_most_read .content {
  padding: 10px 12px !important;
  margin: 0 !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.pkp_block.block_most_read ul.most_read {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
  counter-reset: most-read-rank;
  width: 100% !important;
}

.pkp_block.block_most_read li.most_read_article {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  padding: 8px 10px 8px 38px !important;
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 8px !important;
  margin: 0 !important;
  list-style: none !important;
  transition: all 0.22s cubic-bezier(0.16, 1, 0.3, 1) !important;
  box-sizing: border-box !important;
  width: 100% !important;
}

.pkp_block.block_most_read li.most_read_article:hover {
  background: #ffffff !important;
  border-color: rgba(175, 46, 77, 0.35) !important;
  box-shadow: 0 4px 12px rgba(175, 46, 77, 0.08) !important;
  transform: translateX(2px);
}

/* Numbered Rank Pill (1, 2, 3...) */
.pkp_block.block_most_read li.most_read_article::before {
  counter-increment: most-read-rank;
  content: counter(most-read-rank) !important;
  position: absolute !important;
  left: 9px !important;
  top: 9px !important;
  width: 20px !important;
  height: 20px !important;
  border-radius: 6px !important;
  background: #e2e8f0 !important;
  border: 1px solid #cbd5e1 !important;
  color: #475569 !important;
  font-size: 0.68rem !important;
  font-weight: 800 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
  text-align: center !important;
  transition: all 0.2s ease !important;
}

/* Rank 1: Maroon Gradient */
.pkp_block.block_most_read li.most_read_article:nth-child(1)::before {
  background: linear-gradient(135deg, var(--ae-primary, #AF2E4D) 0%, #801b33 100%) !important;
  border-color: #801b33 !important;
  color: #ffffff !important;
  box-shadow: 0 2px 6px rgba(175, 46, 77, 0.3) !important;
}

/* Rank 2: Amber */
.pkp_block.block_most_read li.most_read_article:nth-child(2)::before {
  background: linear-gradient(135deg, #d97706 0%, #b45309 100%) !important;
  border-color: #b45309 !important;
  color: #ffffff !important;
  box-shadow: 0 2px 5px rgba(217, 119, 6, 0.25) !important;
}

/* Rank 3: Teal */
.pkp_block.block_most_read li.most_read_article:nth-child(3)::before {
  background: linear-gradient(135deg, #0284c7 0%, #0369a1 100%) !important;
  border-color: #0369a1 !important;
  color: #ffffff !important;
  box-shadow: 0 2px 5px rgba(2, 132, 199, 0.25) !important;
}

.pkp_block.block_most_read .most_read_article_title {
  width: 100% !important;
  display: block !important;
  margin: 0 0 4px 0 !important;
  line-height: 1.35 !important;
}

.pkp_block.block_most_read .most_read_article_title a {
  color: #1e293b !important;
  text-decoration: none !important;
  font-size: 0.80rem !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  transition: color 0.15s ease !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  word-break: break-word !important;
  width: 100% !important;
}

.pkp_block.block_most_read li.most_read_article:hover .most_read_article_title a {
  color: var(--ae-primary, #AF2E4D) !important;
}

.pkp_block.block_most_read .most_read_article_stats {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  margin-top: 4px !important;
  margin-bottom: 0 !important;
  padding: 1.5px 7px !important;
  background: #fdf2f4 !important;
  border: 1px solid rgba(175, 46, 77, 0.18) !important;
  border-radius: 4px !important;
  font-size: 0.70rem !important;
  font-weight: 700 !important;
  color: var(--ae-primary, #AF2E4D) !important;
  line-height: 1.3 !important;
  align-self: flex-start !important;
}

.pkp_block.block_most_read .most_read_article_stats i,
.pkp_block.block_most_read .most_read_article_stats .bi {
  color: var(--ae-primary, #AF2E4D) !important;
  font-size: 0.72rem !important;
}

/* ==========================================================================
   FLOATING ACTION BUTTONS (BOTTOM-RIGHT: WHATSAPP & BACK TO TOP)
   ========================================================================== */
.ae-floating-actions {
  position: fixed !important;
  bottom: 24px !important;
  right: 24px !important;
  z-index: 9999 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 12px !important;
  pointer-events: none !important;
}

.ae-btn-float {
  width: 44px !important;
  height: 44px !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: none !important;
  outline: none !important;
  cursor: pointer !important;
  text-decoration: none !important;
  position: relative !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.2) !important;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
  pointer-events: auto !important;
  box-sizing: border-box !important;
}

.ae-btn-float-wa {
  background: #25D366 !important;
  color: #ffffff !important;
  font-size: 1.45rem !important;
}

.ae-btn-float-wa:hover {
  background: #20ba59 !important;
  color: #ffffff !important;
  transform: scale(1.08) translateY(-2px) !important;
  box-shadow: 0 8px 22px rgba(37, 211, 102, 0.45) !important;
}

.ae-btn-float-top {
  background: linear-gradient(135deg, var(--ae-primary, #AF2E4D) 0%, #801b33 100%) !important;
  color: #ffffff !important;
  font-size: 1.05rem !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateY(16px) scale(0.8) !important;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
  pointer-events: none !important;
}

.ae-btn-float-top.show {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) scale(1) !important;
  pointer-events: auto !important;
}

.ae-btn-float-top:hover {
  background: linear-gradient(135deg, #c43557 0%, #941f3b 100%) !important;
  color: #ffffff !important;
  transform: translateY(-3px) scale(1.08) !important;
  box-shadow: 0 8px 22px rgba(175, 46, 77, 0.45) !important;
}

.ae-float-tooltip {
  position: absolute !important;
  right: calc(100% + 10px) !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  background: #1e293b !important;
  color: #ffffff !important;
  font-size: 0.72rem !important;
  font-weight: 600 !important;
  padding: 4px 10px !important;
  border-radius: 6px !important;
  white-space: nowrap !important;
  opacity: 0 !important;
  pointer-events: none !important;
  transition: all 0.2s ease !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
  line-height: 1.2 !important;
}

.ae-btn-float:hover .ae-float-tooltip {
  opacity: 1 !important;
  transform: translateY(-50%) translateX(-2px) !important;
}

@media (max-width: 576px) {
  .ae-floating-actions {
    bottom: 16px !important;
    right: 16px !important;
    gap: 10px !important;
  }
  .ae-btn-float {
    width: 40px !important;
    height: 40px !important;
  }
  .ae-btn-float-wa {
    font-size: 1.3rem !important;
  }
  .ae-btn-float-top {
    font-size: 0.95rem !important;
  }
  .ae-float-tooltip {
    display: none !important;
  }
}

/* ==========================================================================
   GEOGRAPHIC DISTRIBUTION OF AUTHORS & CHOROPLETH MAP
   ========================================================================== */
.ae-choropleth-box {
  background: #ffffff !important;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.02) !important;
}

.ae-geo-country-card {
  background: linear-gradient(145deg, #ffffff 0%, #f8fafc 100%) !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 10px !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.ae-geo-country-card:hover {
  background: #ffffff !important;
  border-color: rgba(175, 46, 77, 0.35) !important;
  box-shadow: 0 6px 16px rgba(175, 46, 77, 0.08) !important;
  transform: translateY(-2px);
}

.jvm-tooltip {
  background: rgba(15, 23, 42, 0.95) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  border-radius: 8px !important;
  padding: 8px 12px !important;
  font-family: var(--ae-font-sans, 'Inter', sans-serif) !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25) !important;
  z-index: 1050 !important;
}

.jvm-zoom-btn {
  background: #ffffff !important;
  color: #334155 !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 6px !important;
  width: 28px !important;
  height: 28px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-weight: 700 !important;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.08) !important;
  transition: all 0.2s ease !important;
}

.jvm-zoom-btn:hover {
  background: var(--ae-primary, #AF2E4D) !important;
  color: #ffffff !important;
  border-color: var(--ae-primary, #AF2E4D) !important;
}