/* ==========================================================================
   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='80' height='80' viewBox='0 0 80 80' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%23af2e4d' stroke-width='1.15' stroke-opacity='0.09'%3E%3Cpath d='M-10 50 L50 -10' stroke-opacity='0.04' stroke-dasharray='3 4'/%3E%3Cpath d='M30 90 L90 30' stroke-opacity='0.04' stroke-dasharray='3 4'/%3E%3Cpath d='M-10 90 L90 -10' stroke-opacity='0.05'/%3E%3Cpath d='M-10 170 L170 -10' stroke-opacity='0.05'/%3E%3Cpath d='M12 28 C6 22, 8 10, 18 8 C28 6, 34 16, 30 26 C26 34, 18 34, 12 28 Z' fill='%23af2e4d' fill-opacity='0.045'/%3E%3Cpath d='M15 25 C11 21, 12 14, 19 13 C25 12, 29 18, 26 24 C23 29, 19 29, 15 25 Z' stroke-dasharray='2 2' stroke-opacity='0.06'/%3E%3Ccircle cx='20' cy='20' r='1.8' fill='%23af2e4d' fill-opacity='0.15'/%3E%3Cpath d='M18 8 C22 4, 28 4, 30 9' stroke-linecap='round' stroke-opacity='0.08'/%3E%3Cpath d='M52 68 C46 62, 48 50, 58 48 C68 46, 74 56, 70 66 C66 74, 58 74, 52 68 Z' fill='%23af2e4d' fill-opacity='0.045'/%3E%3Cpath d='M55 65 C51 61, 52 54, 59 53 C65 52, 69 58, 66 64 C63 69, 59 69, 55 65 Z' stroke-dasharray='2 2' stroke-opacity='0.06'/%3E%3Ccircle cx='60' cy='60' r='1.8' fill='%23af2e4d' fill-opacity='0.15'/%3E%3Cpath d='M58 48 C62 44, 68 44, 70 49' stroke-linecap='round' stroke-opacity='0.08'/%3E%3Cpath d='M52 28 C46 22, 48 10, 58 8 C68 6, 74 16, 70 26 C66 34, 58 34, 52 28 Z' fill='%23af2e4d' fill-opacity='0.045'/%3E%3Cpath d='M55 25 C51 21, 52 14, 59 13 C65 12, 69 18, 66 24 C63 29, 59 29, 55 25 Z' stroke-dasharray='2 2' stroke-opacity='0.06'/%3E%3Ccircle cx='60' cy='20' r='1.8' fill='%23af2e4d' fill-opacity='0.15'/%3E%3Cpath d='M58 8 C62 4, 68 4, 70 9' stroke-linecap='round' stroke-opacity='0.08'/%3E%3Cpath d='M12 68 C6 62, 8 50, 18 48 C28 46, 34 56, 30 66 C26 74, 18 74, 12 68 Z' fill='%23af2e4d' fill-opacity='0.045'/%3E%3Cpath d='M15 65 C11 61, 12 54, 19 53 C25 52, 29 58, 26 64 C23 69, 19 69, 15 65 Z' stroke-dasharray='2 2' stroke-opacity='0.06'/%3E%3Ccircle cx='20' cy='60' r='1.8' fill='%23af2e4d' fill-opacity='0.15'/%3E%3Cpath d='M18 48 C22 44, 28 44, 30 49' stroke-linecap='round' stroke-opacity='0.08'/%3E%3Cpath d='M40 35 L45 40 L40 45 L35 40 Z' fill='%23af2e4d' fill-opacity='0.06'/%3E%3Ccircle cx='40' cy='40' r='1.3' fill='%23af2e4d' fill-opacity='0.15'/%3E%3Cpath d='M0 -5 L5 0 L0 5 L-5 0 Z' fill='%23af2e4d' fill-opacity='0.06'/%3E%3Ccircle cx='0' cy='0' r='1.3' fill='%23af2e4d' fill-opacity='0.15'/%3E%3Cpath d='M80 -5 L85 0 L80 5 L75 0 Z' fill='%23af2e4d' fill-opacity='0.06'/%3E%3Ccircle cx='80' cy='0' r='1.3' fill='%23af2e4d' fill-opacity='0.15'/%3E%3Cpath d='M0 75 L5 80 L0 85 L-5 80 Z' fill='%23af2e4d' fill-opacity='0.06'/%3E%3Ccircle cx='0' cy='80' r='1.3' fill='%23af2e4d' fill-opacity='0.15'/%3E%3Cpath d='M80 75 L85 80 L80 85 L75 80 Z' fill='%23af2e4d' fill-opacity='0.06'/%3E%3Ccircle cx='80' cy='80' r='1.3' fill='%23af2e4d' fill-opacity='0.15'/%3E%3Cpath d='M40 -5 L45 0 L40 5 L35 0 Z' fill='%23af2e4d' fill-opacity='0.06'/%3E%3Ccircle cx='40' cy='0' r='1.3' fill='%23af2e4d' fill-opacity='0.15'/%3E%3Cpath d='M40 75 L45 80 L40 85 L35 80 Z' fill='%23af2e4d' fill-opacity='0.06'/%3E%3Ccircle cx='40' cy='80' r='1.3' fill='%23af2e4d' fill-opacity='0.15'/%3E%3Cpath d='M0 35 L5 40 L0 45 L-5 40 Z' fill='%23af2e4d' fill-opacity='0.06'/%3E%3Ccircle cx='0' cy='40' r='1.3' fill='%23af2e4d' fill-opacity='0.15'/%3E%3Cpath d='M80 35 L85 40 L80 45 L75 40 Z' fill='%23af2e4d' fill-opacity='0.06'/%3E%3Ccircle cx='80' cy='40' r='1.3' fill='%23af2e4d' fill-opacity='0.15'/%3E%3C/g%3E%3C/svg%3E");
  background-attachment: fixed;
  background-size: auto, auto, 80px 80px;
  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.16);
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.28), 0 0 45px rgba(175, 46, 77, 0.22);
  transition: border-color 0.4s ease, box-shadow 0.4s ease;
}

@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: 10;
  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);
}

/* ==========================================================================
   HERO ANIMATED ATMOSPHERE & BACKGROUND FX
   ========================================================================== */
.ae-hero-atmosphere {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  overflow: hidden;
  z-index: 1;
}

/* 1. Aurora Dynamic Floating Glowing Orbs */
.ae-hero-orb {
  position: absolute;
  border-radius: 50%;
  filter: blur(80px);
  pointer-events: none;
  will-change: transform, opacity;
}

.ae-hero-orb-1 {
  width: 520px;
  height: 520px;
  background: radial-gradient(circle, rgba(201, 24, 74, 0.65) 0%, rgba(175, 46, 77, 0.35) 45%, transparent 70%);
  top: -120px;
  right: -80px;
  animation: aeOrbFloat1 18s ease-in-out infinite alternate;
}

.ae-hero-orb-2 {
  width: 460px;
  height: 460px;
  background: radial-gradient(circle, rgba(175, 46, 77, 0.70) 0%, rgba(122, 19, 50, 0.45) 45%, transparent 70%);
  bottom: -110px;
  left: 5%;
  animation: aeOrbFloat2 22s ease-in-out infinite alternate;
}

.ae-hero-orb-3 {
  width: 380px;
  height: 380px;
  background: radial-gradient(circle, rgba(217, 119, 6, 0.35) 0%, rgba(245, 158, 11, 0.15) 45%, transparent 70%);
  top: 25%;
  left: 35%;
  animation: aeOrbFloat3 26s ease-in-out infinite alternate;
}

.ae-hero-orb-4 {
  width: 340px;
  height: 340px;
  background: radial-gradient(circle, rgba(255, 117, 143, 0.32) 0%, rgba(140, 20, 60, 0.18) 50%, transparent 70%);
  bottom: 10%;
  right: 15%;
  animation: aeOrbFloat4 20s ease-in-out infinite alternate;
}

@keyframes aeOrbFloat1 {
  0% {
    transform: translate3d(0, 0, 0) scale(1);
    opacity: 0.55;
  }
  50% {
    transform: translate3d(-60px, 45px, 0) scale(1.15);
    opacity: 0.78;
  }
  100% {
    transform: translate3d(-30px, 90px, 0) scale(0.95);
    opacity: 0.50;
  }
}

@keyframes aeOrbFloat2 {
  0% {
    transform: translate3d(0, 0, 0) scale(1);
    opacity: 0.50;
  }
  50% {
    transform: translate3d(70px, -50px, 0) scale(1.20);
    opacity: 0.75;
  }
  100% {
    transform: translate3d(40px, -95px, 0) scale(1.05);
    opacity: 0.45;
  }
}

@keyframes aeOrbFloat3 {
  0% {
    transform: translate3d(0, 0, 0) scale(0.90);
    opacity: 0.35;
  }
  50% {
    transform: translate3d(-50px, 60px, 0) scale(1.18);
    opacity: 0.58;
  }
  100% {
    transform: translate3d(40px, 30px, 0) scale(1.00);
    opacity: 0.30;
  }
}

@keyframes aeOrbFloat4 {
  0% {
    transform: translate3d(0, 0, 0) scale(1);
    opacity: 0.32;
  }
  50% {
    transform: translate3d(-40px, -60px, 0) scale(1.22);
    opacity: 0.52;
  }
  100% {
    transform: translate3d(50px, -30px, 0) scale(0.92);
    opacity: 0.28;
  }
}

/* 2. Interactive Scholarly Constellation Canvas */
.ae-hero-constellation-canvas {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 3;
  opacity: 0.85;
}

/* 3. Luminous Shimmer Light Sweep Sheen */
.ae-hero-shimmer-beam {
  position: absolute;
  top: -60%;
  left: -60%;
  width: 220%;
  height: 220%;
  background: linear-gradient(
    115deg,
    transparent 35%,
    rgba(255, 255, 255, 0.02) 45%,
    rgba(255, 200, 225, 0.08) 50%,
    rgba(255, 255, 255, 0.02) 55%,
    transparent 65%
  );
  transform: rotate(-18deg);
  animation: aeShimmerSweep 14s cubic-bezier(0.4, 0, 0.2, 1) infinite;
  pointer-events: none;
  z-index: 4;
}

@keyframes aeShimmerSweep {
  0% {
    transform: translateY(-120%) rotate(-18deg);
    opacity: 0;
  }
  10% {
    opacity: 0.85;
  }
  45% {
    transform: translateY(120%) rotate(-18deg);
    opacity: 0;
  }
  100% {
    transform: translateY(120%) rotate(-18deg);
    opacity: 0;
  }
}

/* 4. Subtle Floating Geometric Academic Accents */
.ae-hero-shape {
  position: absolute;
  pointer-events: none;
  z-index: 3;
  opacity: 0.42;
  will-change: transform;
}

.ae-shape-diamond-1 {
  width: 32px;
  height: 32px;
  border: 1.5px solid rgba(255, 255, 255, 0.22);
  background: rgba(255, 255, 255, 0.03);
  border-radius: 6px;
  top: 14%;
  right: 30%;
  animation: aeFloatRotate 18s ease-in-out infinite alternate;
}

.ae-shape-diamond-2 {
  width: 20px;
  height: 20px;
  border: 1.5px solid rgba(245, 158, 11, 0.35);
  background: rgba(245, 158, 11, 0.04);
  border-radius: 4px;
  bottom: 20%;
  left: 26%;
  animation: aeFloatRotateReverse 24s ease-in-out infinite alternate;
}

.ae-shape-ring-1 {
  width: 68px;
  height: 68px;
  border: 1.5px dashed rgba(255, 255, 255, 0.16);
  border-radius: 50%;
  top: 60%;
  right: 12%;
  animation: aeSpinSlow 36s linear infinite;
}

.ae-shape-ring-2 {
  width: 44px;
  height: 44px;
  border: 1.5px solid rgba(201, 24, 74, 0.30);
  border-radius: 50%;
  top: 18%;
  left: 8%;
  animation: aePulseRing 6s ease-in-out infinite alternate;
}

@keyframes aeFloatRotate {
  0% {
    transform: translate3d(0, 0, 0) rotate(45deg);
  }
  50% {
    transform: translate3d(-18px, -24px, 0) rotate(90deg);
  }
  100% {
    transform: translate3d(15px, -35px, 0) rotate(135deg);
  }
}

@keyframes aeFloatRotateReverse {
  0% {
    transform: translate3d(0, 0, 0) rotate(45deg);
  }
  50% {
    transform: translate3d(20px, 22px, 0) rotate(0deg);
  }
  100% {
    transform: translate3d(-15px, 32px, 0) rotate(-45deg);
  }
}

@keyframes aeSpinSlow {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

@keyframes aePulseRing {
  0% {
    transform: scale(0.92);
    opacity: 0.25;
  }
  50% {
    transform: scale(1.18);
    opacity: 0.60;
  }
  100% {
    transform: scale(0.96);
    opacity: 0.30;
  }
}

/* 5. High-Tech Dot Matrix Mesh Grid with Radial Mask */
.ae-hero-mesh {
  position: absolute;
  inset: 0;
  background-image: 
    radial-gradient(rgba(255, 255, 255, 0.10) 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.55;
  z-index: 2;
  mask-image: radial-gradient(ellipse 90% 85% at 50% 50%, black 50%, transparent 100%);
  -webkit-mask-image: radial-gradient(ellipse 90% 85% at 50% 50%, black 50%, transparent 100%);
  animation: aeMeshBreathe 10s ease-in-out infinite alternate;
}

@keyframes aeMeshBreathe {
  0% {
    opacity: 0.40;
  }
  50% {
    opacity: 0.70;
  }
  100% {
    opacity: 0.45;
  }
}

/* 6. Live Status Pulsing Beacon Dot */
.ae-live-dot {
  display: inline-block;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background-color: #22c55e;
  box-shadow: 0 0 0 rgba(34, 197, 94, 0.5);
  animation: aeLivePulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
  vertical-align: middle;
}

@keyframes aeLivePulse {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(34, 197, 94, 0.75);
  }
  70% {
    transform: scale(1.15);
    box-shadow: 0 0 0 6px rgba(34, 197, 94, 0);
  }
  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(34, 197, 94, 0);
  }
}

/* Reduced Motion Accessibility */
@media (prefers-reduced-motion: reduce) {
  .ae-hero-orb,
  .ae-hero-shimmer-beam,
  .ae-hero-shape,
  .ae-hero-mesh,
  .ae-live-dot {
    animation: none !important;
  }
}

.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,
.obj_article_summary {
  background: var(--ae-surface-card, #ffffff);
  border-radius: var(--ae-radius-lg, 14px);
  border: 1px solid rgba(175, 46, 77, 0.2);
  border-left: 5px solid var(--ae-primary, #AF2E4D);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.03), 0 2px 6px rgba(175, 46, 77, 0.04);
  padding: 16px 20px;
  margin-bottom: 12px;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  position: relative;
  overflow: hidden;
}

.ae-article-card:hover,
.obj_article_summary:hover {
  transform: translateY(-4px);
  box-shadow: 0 14px 34px rgba(175, 46, 77, 0.14), 0 4px 12px rgba(0, 0, 0, 0.04);
  border-color: rgba(175, 46, 77, 0.4);
  border-left: 6px solid var(--ae-primary, #AF2E4D);
}

/* 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: 8px 0 6px;
}
.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: #0f172a !important;
  text-decoration: none !important;
  transition: color 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: var(--ae-primary, #AF2E4D) !important;
  text-decoration: none !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: 6px 0 10px;
}
.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: 10px;
  background: #fdfafb;
  padding: 10px 14px;
  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 (No numbering) */
.ae-references-list {
  padding-left: 0 !important;
  margin-left: 0 !important;
  list-style: none !important;
  list-style-type: none !important;
}
.ae-references-list > li,
.ae-reference-item {
  list-style: none !important;
  list-style-type: none !important;
  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::marker {
  display: none !important;
  content: "" !important;
}
.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 & EDITORIAL SHOWCASE (2026 EDITORIAL STYLE)
   ========================================================================== */
.ae-articles-showcase-header {
  border: 1px solid rgba(175, 46, 77, 0.16) !important;
  border-left: 5px solid var(--ae-primary, #AF2E4D) !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04), 0 2px 6px rgba(175, 46, 77, 0.04) !important;
}

.ae-btn-issue-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: var(--ae-primary-subtle, rgba(175, 46, 77, 0.08));
  color: var(--ae-primary, #AF2E4D) !important;
  border: 1.5px solid rgba(175, 46, 77, 0.28);
  font-family: var(--ae-font-heading, 'Poppins', sans-serif);
  font-weight: 700;
  font-size: 0.84rem;
  padding: 8px 18px;
  border-radius: 30px;
  text-decoration: none !important;
  transition: all 0.25s ease;
  white-space: nowrap;
}
.ae-btn-issue-badge:hover {
  background: var(--ae-primary, #AF2E4D);
  color: #ffffff !important;
  border-color: var(--ae-primary, #AF2E4D);
  box-shadow: 0 6px 18px var(--ae-primary-glow, rgba(175, 46, 77, 0.35));
  transform: translateY(-2px);
}
.ae-btn-issue-badge i.fa-arrow-right {
  transition: transform 0.25s ease;
}
.ae-btn-issue-badge:hover i.fa-arrow-right {
  transform: translateX(3px);
}

/* Section Header Ribbon */
.ae-section-header-ribbon {
  background: #ffffff;
  border: 1px solid rgba(226, 232, 240, 0.95);
  border-left: 4px solid var(--ae-primary, #AF2E4D);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);
}

.ae-section-icon-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 8px;
  background: var(--ae-primary-subtle, rgba(175, 46, 77, 0.08));
  color: var(--ae-primary, #AF2E4D);
  font-size: 0.92rem;
}

.ae-section-count-badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 0.78rem;
  font-weight: 700;
  padding: 4px 12px;
  border-radius: 20px;
  background: var(--ae-primary-subtle, rgba(175, 46, 77, 0.08));
  color: var(--ae-primary, #AF2E4D);
  border: 1px solid rgba(175, 46, 77, 0.2);
}

.ae-article-card {
  background: #ffffff !important;
  border: 1px solid rgba(175, 46, 77, 0.18) !important;
  border-left: 5px solid var(--ae-primary, #AF2E4D) !important;
  border-radius: 14px !important;
  padding: 22px 26px !important;
  margin-bottom: 0 !important;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.03), 0 2px 6px rgba(175, 46, 77, 0.04) !important;
  position: relative;
}

.ae-article-card:hover {
  border-color: rgba(175, 46, 77, 0.42) !important;
  border-left-color: var(--ae-primary, #AF2E4D) !important;
  border-left-width: 7px !important;
  box-shadow: 0 16px 36px rgba(175, 46, 77, 0.13), 0 4px 12px rgba(0, 0, 0, 0.04) !important;
  transform: translateY(-3px) !important;
}

/* Article Cover Image Thumbnail */
.ae-art-summary-cover-link {
  border-radius: 12px;
  overflow: hidden;
  background: #f8fafc;
  border: 1px solid rgba(226, 232, 240, 0.9);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.05);
  display: block;
  position: relative;
  transition: all 0.3s ease;
  aspect-ratio: 1 / 1;
  text-align: center;
}

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

.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.72rem;
  font-weight: 750;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--ae-primary, #AF2E4D);
  background: var(--ae-primary-subtle, rgba(175, 46, 77, 0.08));
  border: 1px solid rgba(175, 46, 77, 0.22);
  padding: 4px 11px;
  border-radius: 20px;
}

.ae-article-title {
  font-size: 1.20rem;
  font-weight: 700;
  line-height: 1.42;
  color: #0f172a;
  margin-bottom: 8px;
  font-family: var(--ae-font-heading, 'Poppins', sans-serif);
  letter-spacing: -0.01em;
}

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

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

.ae-article-authors {
  font-size: 0.88rem;
  color: #475569;
  display: flex;
  align-items: center;
  gap: 6px;
  font-weight: 500;
  line-height: 1.5;
  margin-bottom: 10px;
}

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

.ae-doi-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 0.76rem;
  background: #f8fafc;
  padding: 4px 11px;
  border-radius: 20px;
  border: 1px solid #e2e8f0;
  color: #334155;
  text-decoration: none;
  font-family: var(--ae-font-sans);
  font-weight: 500;
  transition: all 0.2s ease;
}
.ae-doi-badge:hover {
  background: #ffffff;
  border-color: rgba(175, 46, 77, 0.4);
  color: var(--ae-primary, #AF2E4D);
}
.ae-doi-badge i {
  color: var(--ae-primary, #AF2E4D);
}

.ae-copy-doi {
  font-size: 0.72rem !important;
  padding: 3px 8px !important;
  border-radius: 20px !important;
  border-color: #cbd5e1 !important;
  color: #64748b !important;
  transition: all 0.2s ease !important;
}
.ae-copy-doi:hover {
  background: var(--ae-primary-subtle) !important;
  color: var(--ae-primary, #AF2E4D) !important;
  border-color: var(--ae-primary, #AF2E4D) !important;
}

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

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

/* Read Article Button */
.ae-btn-read-more {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: #ffffff;
  color: #334155 !important;
  border: 1.5px solid #cbd5e1;
  padding: 6px 16px;
  border-radius: 30px;
  font-family: var(--ae-font-heading, 'Poppins', sans-serif);
  font-weight: 600;
  font-size: 0.82rem;
  text-decoration: none !important;
  transition: all 0.25s ease;
}
.ae-btn-read-more:hover {
  background: var(--ae-primary-subtle, rgba(175, 46, 77, 0.08));
  color: var(--ae-primary, #AF2E4D) !important;
  border-color: var(--ae-primary, #AF2E4D);
  transform: translateY(-1px);
}
.ae-btn-read-more i {
  transition: transform 0.25s ease;
}
.ae-btn-read-more:hover i {
  transform: translateX(3px);
}

/* PDF Full-text Button */
.ae-btn-pdf {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 7px 18px;
  background: linear-gradient(135deg, var(--ae-primary, #AF2E4D) 0%, #801b33 100%);
  color: #ffffff !important;
  border-radius: 30px;
  font-family: var(--ae-font-heading, 'Poppins', sans-serif);
  font-size: 0.82rem;
  font-weight: 700;
  text-decoration: none !important;
  box-shadow: 0 3px 12px rgba(175, 46, 77, 0.28);
  transition: all 0.25s ease;
}

.ae-btn-pdf:hover {
  background: var(--ae-primary, #AF2E4D);
  transform: translateY(-2px);
  box-shadow: 0 6px 18px rgba(175, 46, 77, 0.42);
  color: #ffffff !important;
}

/* ==========================================================================
   MOBILE & RESPONSIVE ADAPTATIONS: LATEST PUBLISHED ARTICLES
   ========================================================================== */

/* Base DOI wrapper & text truncate behavior */
.ae-doi-wrapper {
  max-width: 100%;
}
.ae-doi-badge {
  max-width: 100%;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
}
.ae-doi-badge .ae-doi-text {
  max-width: 260px;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Tablet Screen Adaptations (max-width: 991.98px) */
@media (max-width: 991.98px) {
  .ae-article-card {
    padding: 20px 22px !important;
  }
  .ae-article-title {
    font-size: 1.15rem !important;
  }
}

/* Mobile Landscape & Small Tablets (max-width: 768px) */
@media (max-width: 768px) {
  .ae-article-card {
    padding: 16px 18px !important;
    border-radius: 12px !important;
    border-left-width: 4px !important;
  }
  .ae-article-title {
    font-size: 1.10rem !important;
    line-height: 1.38 !important;
  }
  .ae-article-authors {
    font-size: 0.84rem !important;
  }
  .ae-btn-issue-badge {
    white-space: normal !important;
    max-width: 100% !important;
  }
}

/* Mobile Phones & Narrow Screens (max-width: 575.98px) */
@media (max-width: 575.98px) {
  /* Showcase Header Card */
  .ae-articles-showcase-header {
    padding: 15px 16px !important;
    border-radius: 14px !important;
    margin-bottom: 16px !important;
    border-left-width: 4px !important;
  }
  .ae-showcase-title {
    font-size: 1.15rem !important;
    line-height: 1.35 !important;
  }
  .ae-showcase-sub {
    font-size: 0.76rem !important;
    line-height: 1.45 !important;
  }
  .ae-btn-issue-badge {
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    text-align: center !important;
    font-size: 0.78rem !important;
    padding: 9px 14px !important;
    border-radius: 10px !important;
    white-space: normal !important;
    word-break: break-word !important;
  }

  /* Section Header Ribbon */
  .ae-section-header-ribbon {
    padding: 10px 14px !important;
    border-radius: 10px !important;
    margin-bottom: 12px !important;
    gap: 8px !important;
    border-left-width: 3.5px !important;
  }
  .ae-section-ribbon-title {
    font-size: 0.92rem !important;
    line-height: 1.35 !important;
    word-break: break-word !important;
  }
  .ae-section-icon-badge {
    width: 28px !important;
    height: 28px !important;
    font-size: 0.80rem !important;
    border-radius: 6px !important;
  }
  .ae-section-count-badge {
    font-size: 0.70rem !important;
    padding: 3px 8px !important;
    margin-left: auto;
  }

  /* Group & Stream Spacing */
  .ae-sections-stream {
    gap: 16px !important;
  }
  .ae-articles-stream {
    gap: 12px !important;
  }
  .ae-section-group {
    margin-bottom: 8px !important;
  }

  /* Article Card */
  .ae-article-card {
    padding: 14px 14px !important;
    border-radius: 12px !important;
    border-left-width: 4px !important;
    margin-bottom: 0 !important;
  }

  /* Cover image flexibility */
  .ae-art-cover-col {
    display: flex !important;
    justify-content: center !important;
    margin-bottom: 4px !important;
  }
  .ae-art-summary-cover-link {
    max-width: 140px !important;
    max-height: 140px !important;
    width: 100% !important;
    aspect-ratio: 1 / 1 !important;
    margin: 0 auto !important;
    border-radius: 10px !important;
  }

  /* Category & Date Header */
  .ae-art-top-meta {
    gap: 6px !important;
    margin-bottom: 6px !important;
  }
  .ae-article-category {
    font-size: 0.68rem !important;
    padding: 3px 9px !important;
    max-width: 100% !important;
    word-break: break-word !important;
  }
  .ae-art-date {
    font-size: 0.72rem !important;
  }

  /* Title & Authors */
  .ae-article-title {
    font-size: 1.02rem !important;
    line-height: 1.38 !important;
    margin: 6px 0 !important;
    word-break: break-word !important;
    overflow-wrap: break-word !important;
    hyphens: auto;
  }
  .ae-article-authors {
    font-size: 0.80rem !important;
    line-height: 1.4 !important;
    margin-bottom: 8px !important;
    word-break: break-word !important;
    flex-wrap: wrap !important;
  }
  .ae-article-authors i {
    margin-top: 3px !important;
  }

  /* DOI Wrapper & Badges (No horizontal scroll) */
  .ae-article-meta {
    gap: 6px !important;
    margin: 8px 0 10px !important;
  }
  .ae-doi-wrapper {
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 6px !important;
  }
  .ae-doi-badge {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    max-width: calc(100% - 64px) !important;
    font-size: 0.70rem !important;
    padding: 3px 8px !important;
  }
  .ae-doi-badge .ae-doi-text {
    max-width: 160px !important;
  }
  .ae-copy-doi {
    flex-shrink: 0 !important;
  }
  .ae-metric-chip {
    font-size: 0.70rem !important;
    padding: 3px 8px !important;
  }

  /* Action Buttons Dual Bar */
  .ae-article-actions {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;
    gap: 8px !important;
    padding-top: 10px !important;
  }
  .ae-btn-read-more {
    flex: 1 1 calc(50% - 4px) !important;
    min-width: 110px !important;
    display: inline-flex !important;
    justify-content: center !important;
    text-align: center !important;
    padding: 8px 12px !important;
    font-size: 0.76rem !important;
    border-radius: 8px !important;
  }
  .ae-galleys-wrap {
    flex: 1 1 calc(50% - 4px) !important;
    min-width: 110px !important;
    display: flex !important;
    gap: 6px !important;
  }
  .ae-btn-pdf {
    width: 100% !important;
    flex: 1 1 auto !important;
    display: inline-flex !important;
    justify-content: center !important;
    text-align: center !important;
    padding: 8px 12px !important;
    font-size: 0.76rem !important;
    border-radius: 8px !important;
  }
}

/* Extra small mobile (< 380px) */
@media (max-width: 380px) {
  .ae-article-actions {
    flex-direction: column !important;
  }
  .ae-btn-read-more,
  .ae-galleys-wrap {
    flex: 1 1 100% !important;
    width: 100% !important;
  }
  .ae-doi-badge .ae-doi-text {
    max-width: 110px !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;
}

/* ==========================================================================
   INFORMATION PAGES (For Readers, For Authors, For Librarians)
   ========================================================================== */
.ae-info-nav-tabs {
  background: #ffffff;
  border: 1px solid rgba(175, 46, 77, 0.15) !important;
}

.ae-info-tab-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 18px;
  border-radius: 30px;
  font-family: var(--ae-font-heading, 'Poppins', sans-serif);
  font-size: 0.84rem;
  font-weight: 600;
  color: #475569;
  text-decoration: none !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
  background: transparent;
}

.ae-info-tab-link:hover {
  color: var(--ae-primary, #AF2E4D);
  background: var(--ae-primary-subtle, rgba(175, 46, 77, 0.08));
}

.ae-info-tab-link.active {
  background: linear-gradient(135deg, var(--ae-primary, #AF2E4D) 0%, #801b33 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 4px 14px rgba(175, 46, 77, 0.35);
}

.ae-info-main-card {
  border: 1px solid rgba(175, 46, 77, 0.16) !important;
  border-left: 5px solid var(--ae-primary, #AF2E4D) !important;
}

.ae-info-header-icon {
  width: 52px;
  height: 52px;
  background: var(--ae-primary-subtle, rgba(175, 46, 77, 0.08));
  color: var(--ae-primary, #AF2E4D);
  font-size: 1.5rem;
  flex-shrink: 0;
  border: 1px solid rgba(175, 46, 77, 0.18);
}

.ae-info-feature-icon {
  width: 44px;
  height: 44px;
  border-radius: 10px;
  background: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);
  border: 1px solid #e2e8f0;
}

.ae-info-custom-body {
  font-size: 0.96rem;
  color: #334155;
}
.ae-info-custom-body p {
  margin-bottom: 1rem;
}
.ae-info-custom-body a {
  color: var(--ae-primary, #AF2E4D);
  font-weight: 600;
}
.ae-info-custom-body a:hover {
  text-decoration: underline !important;
}

/* OJS Sidebar Information Block Styling */
.pkp_block.block_information ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.pkp_block.block_information ul li {
  margin-bottom: 8px;
}
.pkp_block.block_information ul li a {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  border-radius: 8px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  color: #334155;
  text-decoration: none !important;
  font-size: 0.84rem;
  font-weight: 600;
  transition: all 0.2s ease;
}
.pkp_block.block_information ul li a:hover {
  background: #ffffff;
  color: var(--ae-primary, #AF2E4D);
  border-color: var(--ae-primary, #AF2E4D);
  box-shadow: 0 3px 10px rgba(175, 46, 77, 0.1);
  transform: translateX(2px);
}

@media (max-width: 575.98px) {
  .ae-info-tab-link {
    flex: 1 1 auto;
    justify-content: center;
    text-align: center;
    font-size: 0.76rem;
    padding: 7px 12px;
  }
  .ae-info-header-icon {
    width: 44px;
    height: 44px;
    font-size: 1.25rem;
  }
  .ae-info-main-card {
    padding: 16px 16px !important;
    border-radius: 14px !important;
    border-left-width: 4px !important;
  }
}

/* ==========================================================================
   MAROON THEME - HOW TO CITE COMPONENT ENHANCEMENTS
   ========================================================================== */

/* Card Container & Header */
.ae-how-to-cite-card {
  position: relative;
  transition: all 0.3s ease;
}

.ae-how-to-cite-card.ae-highlight-pulse {
  animation: aeCitePulse 1.5s ease-out;
}

@keyframes aeCitePulse {
  0% { box-shadow: 0 0 0 0 rgba(175, 46, 77, 0.6); transform: scale(1); }
  50% { box-shadow: 0 0 0 12px rgba(175, 46, 77, 0); transform: scale(1.02); }
  100% { box-shadow: 0 0 0 0 rgba(175, 46, 77, 0); transform: scale(1); }
}

.ae-how-to-cite-card .content {
  padding: 16px !important;
}

/* Copy Citation Button in Header */
.ae-btn-copy-cite {
  background: rgba(255, 255, 255, 0.2) !important;
  border: 1px solid rgba(255, 255, 255, 0.45) !important;
  color: #ffffff !important;
  font-size: 0.72rem !important;
  font-weight: 600 !important;
  border-radius: 20px !important;
  padding: 3px 10px !important;
  line-height: 1.2 !important;
  transition: all 0.2s ease-in-out !important;
  display: inline-flex !important;
  align-items: center !important;
  text-shadow: none !important;
  cursor: pointer;
}

.ae-btn-copy-cite:hover {
  background: #ffffff !important;
  color: var(--ae-primary, #AF2E4D) !important;
  border-color: #ffffff !important;
  transform: scale(1.04);
}

.ae-btn-copy-cite.btn-success {
  background: #10b981 !important;
  border-color: #10b981 !important;
  color: #ffffff !important;
}

/* Jump to Cite Button in DOI Box Header */
.ae-btn-cite-jump {
  font-size: 0.76rem !important;
  color: var(--ae-primary, #AF2E4D) !important;
  border-color: rgba(175, 46, 77, 0.4) !important;
  background: transparent !important;
  transition: all 0.2s ease !important;
  text-decoration: none !important;
}

.ae-btn-cite-jump:hover {
  background: var(--ae-primary, #AF2E4D) !important;
  color: #ffffff !important;
  border-color: var(--ae-primary, #AF2E4D) !important;
  transform: translateY(-1px);
}

/* Floating Share Bar Cite Button */
.ae-floating-share-bar .ae-share-btn.cite {
  background: rgba(175, 46, 77, 0.1);
  color: var(--ae-primary, #AF2E4D);
  border: 1px solid rgba(175, 46, 77, 0.2);
}

.ae-floating-share-bar .ae-share-btn.cite:hover {
  background: var(--ae-primary, #AF2E4D);
  color: #ffffff;
  border-color: var(--ae-primary, #AF2E4D);
}

/* Citation Output Box */
.ae-citation-box {
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  padding: 12px 14px;
  position: relative;
  transition: all 0.2s ease;
}

.ae-citation-box:hover {
  background: #f1f5f9;
  border-color: #cbd5e1;
}

.ae-citation-output {
  font-size: 0.84rem;
  line-height: 1.55;
  color: #334155;
  word-break: break-word;
  user-select: text;
  transition: opacity 0.2s ease;
}

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

.ae-citation-output .csl-entry {
  font-family: inherit;
  margin-bottom: 0;
}

.ae-citation-output a {
  color: var(--ae-primary, #AF2E4D);
  text-decoration: underline;
  text-underline-offset: 2px;
}

.ae-citation-output a:hover {
  color: #801b33;
}

/* Citation Formats Dropdown */
.ae-citation-formats-wrap {
  position: relative;
}

.ae-btn-formats-toggle {
  border: 1px solid #e2e8f0 !important;
  background: #ffffff !important;
  color: #475569 !important;
  border-radius: 8px !important;
  padding: 7px 12px !important;
  font-size: 0.80rem !important;
  font-weight: 500 !important;
  transition: all 0.2s ease !important;
  cursor: pointer;
}

.ae-btn-formats-toggle:hover,
.ae-btn-formats-toggle[aria-expanded="true"] {
  border-color: var(--ae-primary, #AF2E4D) !important;
  color: var(--ae-primary, #AF2E4D) !important;
  background: rgba(175, 46, 77, 0.03) !important;
}

.ae-csl-dropdown-menu.citation_formats_list {
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  right: 0;
  z-index: 1050;
  max-height: 240px;
  overflow-y: auto;
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 10px;
  box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.15), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
  display: none;
}

.ae-csl-dropdown-menu.citation_formats_list[aria-hidden="false"] {
  display: block !important;
  animation: aeFadeSlideDown 0.2s ease-out;
}

.ae-csl-dropdown-menu.citation_formats_list[aria-hidden="true"] {
  display: none !important;
}

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

.ae-csl-style-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 6px 12px;
  font-size: 0.78rem;
  color: #475569;
  border-radius: 6px;
  margin: 2px 4px;
  transition: all 0.15s ease;
  cursor: pointer;
}

.ae-csl-style-item:hover {
  background: rgba(175, 46, 77, 0.08);
  color: var(--ae-primary, #AF2E4D);
}

.ae-csl-style-item.active {
  background: var(--ae-primary, #AF2E4D);
  color: #ffffff !important;
  font-weight: 600;
}

.ae-csl-style-item .ae-style-check {
  display: none;
}

.ae-csl-style-item.active .ae-style-check {
  display: inline-block;
  color: #ffffff;
}

/* Download Citation Buttons */
.ae-cite-dl-btn {
  border: 1px solid #e2e8f0 !important;
  background: #f8fafc !important;
  color: #334155 !important;
  border-radius: 8px !important;
  padding: 6px 8px !important;
  font-size: 0.74rem !important;
  transition: all 0.2s ease !important;
  text-decoration: none !important;
}

.ae-cite-dl-btn:hover {
  background: #ffffff !important;
  border-color: var(--ae-primary, #AF2E4D) !important;
  color: var(--ae-primary, #AF2E4D) !important;
  box-shadow: 0 2px 6px rgba(175, 46, 77, 0.12);
  transform: translateY(-1px);
}

/* Fallback for Core PKP Citation Block Markup */
.item.citation {
  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);
  overflow: hidden;
  margin-bottom: 16px;
}

.item.citation .label {
  font-size: 0.86rem;
  font-weight: 700;
  color: #ffffff;
  background: linear-gradient(135deg, var(--ae-primary, #AF2E4D) 0%, #801b33 100%);
  padding: 9px 14px;
  margin: 0;
  display: block;
}

.item.citation .value {
  padding: 14px;
}

.item.citation .citation_formats_list[aria-hidden="true"] {
  display: none !important;
}

/* ==========================================================================
   MAROON THEME - ISSUE PAGE ENHANCEMENTS (COVER, METADATA & DESCRIPTION)
   ========================================================================== */
.ae-issue-header-card {
  border-radius: 16px !important;
  border-left: 4px solid var(--ae-primary, #AF2E4D) !important;
  transition: all 0.3s ease;
  padding-bottom: 4px !important;
}

.ae-issue-header-card .row {
  align-items: flex-start !important;
}

.ae-issue-cover-wrapper {
  perspective: 1000px;
  height: auto !important;
  min-height: 0 !important;
  padding-bottom: 0 !important;
}

.ae-issue-cover-wrapper:empty {
  display: none !important;
}

.ae-issue-description-box:empty,
.ae-issue-desc-content:empty {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.ae-issue-cover-img {
  max-height: 290px;
  width: auto;
  max-width: 100%;
  object-fit: cover;
  border-radius: 12px;
  box-shadow: 0 12px 28px -4px rgba(15, 23, 42, 0.16), 0 6px 12px -2px rgba(15, 23, 42, 0.08);
  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s ease;
}

.ae-issue-cover-wrapper:hover .ae-issue-cover-img {
  transform: translateY(-3px) scale(1.02);
  box-shadow: 0 16px 32px -4px rgba(175, 46, 77, 0.2), 0 8px 16px -2px rgba(15, 23, 42, 0.1);
}

.ae-issue-page-title {
  font-size: 1.65rem;
  font-weight: 800;
  color: #1e293b;
  line-height: 1.3;
}

.ae-issue-meta-strip {
  margin-top: 12px;
  margin-bottom: 14px;
}

.ae-issue-meta-pill {
  display: inline-flex;
  align-items: center;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 20px;
  padding: 4px 12px;
  font-size: 0.78rem;
  color: #475569;
  transition: all 0.2s ease;
}

.ae-issue-meta-pill:hover {
  background: #ffffff;
  border-color: rgba(175, 46, 77, 0.35);
  box-shadow: 0 2px 6px rgba(175, 46, 77, 0.08);
}

.ae-issue-doi-pill {
  background: rgba(175, 46, 77, 0.04);
  border-color: rgba(175, 46, 77, 0.25);
}

.ae-issue-description-box {
  background: transparent;
}

.ae-issue-desc-content {
  color: #475569;
  line-height: 1.75;
  font-size: 0.88rem;
  text-align: justify;
}

.ae-issue-desc-content p:last-child {
  margin-bottom: 0;
}

@media (max-width: 767.98px) {
  .ae-issue-page-title {
    font-size: 1.35rem;
  }
  .ae-issue-cover-img {
    max-height: 220px;
    margin-bottom: 8px;
  }
  .ae-issue-header-card {
    padding: 18px 16px !important;
  }
}