/* =====================================================================
   Lumora OJS theme — brand layer
   Loaded AFTER the inherited default-theme stylesheet. Re-skins the OJS
   journal portal to match the Lumora publisher site (lumora.sa).
   Design tokens mirror the publisher's lumora.css.
   ===================================================================== */
:root {
  --lz-brand:        #2C5FA0;
  --lz-brand-dark:   #1E4378;
  --lz-brand-soft:   #E9F1FA;
  --lz-brand-border: #CFE0F3;
  --lz-green:        #5C9E3F;
  --lz-green-light:  #8FC96B;
  --lz-green-deep:   #2F6B1F;
  --lz-navy:         #102A52;
  --lz-navy-deep:    #0A1C3A;
  --lz-ink:          #0F172A;
  --lz-slate-700:    #334155;
  --lz-slate-600:    #475569;
  --lz-slate-500:    #64748B;
  --lz-slate-200:    #E2E8F0;
  --lz-slate-100:    #F1F5F9;
  --lz-slate-50:     #F8FAFC;
  --lz-white:        #FFFFFF;
  --lz-border:       #E8EDF3;
  --lz-font: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "IBM Plex Sans Arabic", sans-serif;
  --lz-radius:    8px;
  --lz-radius-sm: 8px;
  --lz-radius-lg: 12px;
  --lz-shadow-sm: 0 1px 2px rgba(15,23,42,.06), 0 1px 3px rgba(15,23,42,.04);
  --lz-shadow:    0 4px 14px rgba(15,23,42,.07);
  --lz-shadow-lg: 0 18px 40px -12px rgba(15,23,42,.18);
  --lz-container: 1180px;
}

body.lumora {
  font-family: var(--lz-font);
  color: var(--lz-ink);
  background: var(--lz-white);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
body.lumora a { color: var(--lz-brand); }
body.lumora .pkp_structure_page { background: var(--lz-white); }

body.lumora-has-journal {
  --journal-primary: var(--lz-brand);
  --journal-primary-dark: var(--lz-brand-dark);
  --journal-secondary: var(--lz-green);
  --journal-soft: var(--lz-brand-soft);
  --journal-border: var(--lz-brand-border);
  --journal-rgb: 44, 95, 160;
  --journal-secondary-rgb: 92, 158, 63;
  --journal-glow: rgba(var(--journal-rgb), .16);
}

body.lumora-journal-mhj {
  --journal-primary: #0B2C4D;
  --journal-primary-dark: #071E35;
  --journal-secondary: #2E97A8;
  --journal-soft: #EAF6F8;
  --journal-border: #BFDFE5;
  --journal-rgb: 11, 44, 77;
  --journal-secondary-rgb: 46, 151, 168;
}

body.lumora-journal-jda {
  --journal-primary: #0F766E;
  --journal-primary-dark: #0B5650;
  --journal-secondary: #C99A2E;
  --journal-soft: #EAF7F5;
  --journal-border: #B9E2DD;
  --journal-rgb: 15, 118, 110;
  --journal-secondary-rgb: 201, 154, 46;
}

body.lumora-journal-jgm {
  --journal-primary: #1F7A3A;
  --journal-primary-dark: #155829;
  --journal-secondary: #2C5FA0;
  --journal-soft: #EDF8EF;
  --journal-border: #C4E5CB;
  --journal-rgb: 31, 122, 58;
  --journal-secondary-rgb: 44, 95, 160;
}

body.lumora-journal-jgs {
  --journal-primary: #9F1239;
  --journal-primary-dark: #7A0D2B;
  --journal-secondary: #D43F66;
  --journal-soft: #FDF0F4;
  --journal-border: #F3C2D0;
  --journal-rgb: 159, 18, 57;
  --journal-secondary-rgb: 212, 63, 102;
}

body.lumora-journal-jan {
  --journal-primary: #4338CA;
  --journal-primary-dark: #332AA3;
  --journal-secondary: #2E97A8;
  --journal-soft: #F0F2FF;
  --journal-border: #C9CEFF;
  --journal-rgb: 67, 56, 202;
  --journal-secondary-rgb: 46, 151, 168;
}

.lumora-container {
  width: 100%;
  max-width: var(--lz-container);
  margin-inline: auto;
  padding-inline: 24px;
}

/* ---------- Shared buttons ---------- */
.lumora-btn {
  display: inline-flex; align-items: center; gap: 8px; justify-content: center;
  font-family: var(--lz-font); font-size: .9rem; font-weight: 600;
  padding: 10px 20px; border-radius: 999px; border: 1px solid transparent;
  transition: all .18s ease; white-space: nowrap; cursor: pointer; line-height: 1.2;
}
.lumora-btn-primary { background: var(--lz-brand); color: #fff; box-shadow: 0 8px 20px -8px rgba(44,95,160,.55); }
.lumora-btn-primary:hover { background: var(--lz-brand-dark); color: #fff; transform: translateY(-1px); }
body.lumora .lumora-btn-primary,
body.lumora .lumora-btn-primary:visited,
body.lumora .lumora-btn-primary:hover,
body.lumora .lumora-btn-primary:focus {
  color: #fff !important;
  min-width: 104px;
  opacity: 1 !important;
  text-indent: 0 !important;
}
.lumora-btn-outline { background: #fff; color: var(--lz-slate-700); border-color: var(--lz-slate-200); }
.lumora-btn-outline:hover { border-color: var(--lz-brand); color: var(--lz-brand); }
.lumora-btn-ghost { background: transparent; color: var(--lz-slate-600); }
.lumora-btn-ghost:hover { color: var(--lz-brand); }
.lumora-btn-outline-light { background: rgba(255,255,255,.08); color: #fff; border-color: rgba(255,255,255,.28); }
.lumora-btn-outline-light:hover { background: rgba(255,255,255,.16); color: #fff; }

/* ======================= Tier 1 — Publisher bar ======================= */
.lumora-site-header {
  position: sticky; top: 0; z-index: 1000;
  background: rgba(255,255,255,.9); backdrop-filter: blur(12px);
  border-bottom: 1px solid var(--lz-slate-100);
}
.lumora-site-header.is-scrolled { box-shadow: var(--lz-shadow-sm); }
.lumora-header-inner { display: flex; align-items: center; justify-content: space-between; height: 72px; gap: 24px; }
.lumora-brand { display: inline-flex; align-items: center; gap: 11px; font-weight: 800; font-size: 1.3rem; letter-spacing: -.01em; color: var(--lz-ink); text-decoration: none; }
.lumora-brand-logo { width: 42px; height: 42px; object-fit: contain; display: block; flex: none; }
.lumora-brand-name { color: var(--lz-ink); }
.lumora-nav-desktop { display: none; align-items: center; gap: 30px; }
.lumora-nav-desktop a { font-size: .9rem; font-weight: 600; color: var(--lz-slate-600); text-decoration: none; transition: color .15s; white-space: nowrap; }
.lumora-nav-desktop a:hover, .lumora-nav-desktop a.is-active { color: var(--lz-brand); }
.lumora-header-actions { display: none; align-items: center; gap: 12px; }
.lumora-lang { font-size: .85rem; font-weight: 600; color: var(--lz-slate-600); text-decoration: none; padding: 6px 10px; border-radius: 999px; }
.lumora-lang:hover { color: var(--lz-brand); background: var(--lz-slate-50); }
.lumora-nav-toggle { display: inline-flex; flex-direction: column; gap: 5px; background: none; border: 0; padding: 8px; cursor: pointer; }
.lumora-nav-toggle span { width: 22px; height: 2px; background: var(--lz-slate-700); border-radius: 2px; transition: .2s; }
.lumora-nav-toggle.is-open span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.lumora-nav-toggle.is-open span:nth-child(2) { opacity: 0; }
.lumora-nav-toggle.is-open span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
.lumora-nav-mobile { display: none; flex-direction: column; gap: 4px; padding: 12px 24px 22px; border-top: 1px solid var(--lz-slate-100); background: #fff; }
.lumora-nav-mobile.open { display: flex; }
.lumora-nav-mobile a { padding: 11px 12px; border-radius: 10px; font-weight: 600; color: var(--lz-slate-700); text-decoration: none; }
.lumora-nav-mobile a:hover { background: var(--lz-slate-50); color: var(--lz-brand); }
.lumora-nav-mobile .lumora-btn { margin-top: 8px; }

@media (min-width: 1024px) {
  .lumora-nav-desktop { display: flex; }
  .lumora-header-actions { display: flex; }
  .lumora-nav-toggle { display: none; }
}

/* ======================= Tier 2 — Journal bar ======================= */
.lumora-journal-bar {
  background:
    linear-gradient(90deg, rgba(var(--journal-rgb), .09), rgba(var(--journal-secondary-rgb), .05) 42%, rgba(255,255,255,.94) 74%),
    linear-gradient(180deg, #fff 0%, var(--journal-soft) 100%);
  border-top: 3px solid var(--journal-primary);
  border-bottom: 1px solid var(--journal-border);
  box-shadow: 0 10px 28px -26px rgba(var(--journal-rgb), .7);
}
.lumora-journal-bar-inner { display: grid; grid-template-columns: minmax(300px, .78fr) minmax(0, 1.22fr); align-items: center; gap: 16px 36px; min-height: 88px; padding-block: 16px; }
.lumora-journal-name { display: inline-flex; align-items: center; gap: 13px; font-weight: 850; font-size: 1.12rem; letter-spacing: 0; color: var(--lz-ink); text-decoration: none; min-width: 0; }
.lumora-journal-name:hover { color: var(--journal-primary); }
.lumora-journal-logo {
  width: 48px; height: 48px; object-fit: contain; display: block; flex: none;
  border: 1px solid rgba(var(--journal-rgb), .16);
  border-radius: 12px;
  background: rgba(255,255,255,.72);
  box-shadow: 0 12px 24px -16px rgba(var(--journal-rgb), .65);
}
.lumora-journal-name span { min-width: 0; overflow-wrap: anywhere; line-height: 1.25; }
.lumora-journal-nav { justify-self: end; min-width: 0; }
.lumora-journal-menu, .lumora-journal-menu ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 4px; }
.lumora-journal-menu > li > a { display: inline-flex; align-items: center; min-height: 36px; padding: 7px 11px; border: 1px solid transparent; border-radius: 999px; font-size: .86rem; font-weight: 650; color: var(--lz-slate-600); text-decoration: none; transition: .15s; }
.lumora-journal-menu > li > a:hover { color: var(--journal-primary); background: rgba(255,255,255,.74); border-color: var(--journal-border); box-shadow: 0 8px 18px -16px rgba(var(--journal-rgb), .75); }
.lumora-journal-menu .current a, .lumora-journal-menu li.active > a { color: var(--journal-primary); background: rgba(var(--journal-rgb), .09); border-color: rgba(var(--journal-rgb), .16); }
.lumora-journal-menu > li > a:focus-visible { outline: 2px solid var(--journal-primary); outline-offset: 2px; }

/* ----- Dropdown submenus (stable, no layout shift on hover) -----
   The submenu is ALWAYS absolutely positioned (out of normal flow) so the
   navbar never reflows when it opens. We toggle visibility/opacity instead of
   display, which removes the jiggle and lets us animate smoothly. A small
   invisible bridge keeps the hover intent while the pointer travels the gap. */
.lumora-journal-menu li { position: relative; }
.lumora-journal-menu ul {
  display: flex;
  position: absolute;
  top: 100%;
  inset-inline-start: 0;
  margin: 0;
  padding: 7px;
  min-width: 230px;
  flex-direction: column;
  gap: 2px;
  background: #fff;
  border: 1px solid var(--journal-border);
  border-top: 3px solid var(--journal-primary);
  border-radius: var(--lz-radius);
  box-shadow: 0 22px 48px -24px rgba(var(--journal-rgb), .55), 0 8px 18px -14px rgba(15, 23, 42, .18);
  z-index: 1001;
  visibility: hidden;
  opacity: 0;
  transform: translateY(6px);
  transition: opacity .16s ease, transform .16s ease, visibility 0s linear .16s;
  pointer-events: none;
}
/* invisible hover bridge between the trigger and the panel */
.lumora-journal-menu ul::before {
  content: "";
  position: absolute;
  inset-inline: 0;
  top: -10px;
  height: 10px;
}
.lumora-journal-menu li:hover > ul,
.lumora-journal-menu li:focus-within > ul {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
  transition: opacity .16s ease, transform .16s ease, visibility 0s linear 0s;
  pointer-events: auto;
}
.lumora-journal-menu ul a {
  display: block;
  padding: 9px 13px;
  border-radius: 9px;
  font-size: .88rem;
  font-weight: 600;
  line-height: 1.35;
  color: var(--lz-slate-700);
  text-decoration: none;
  transition: background .14s ease, color .14s ease;
}
.lumora-journal-menu ul a:hover,
.lumora-journal-menu ul a:focus-visible {
  background: var(--journal-soft);
  color: var(--journal-primary);
  outline: none;
}
.lumora-journal-menu ul a:focus-visible {
  box-shadow: inset 0 0 0 2px rgba(var(--journal-rgb), .35);
}

/* ======================= Journals listing page ======================= */
.lumora-page-hero {
  background: linear-gradient(180deg, rgba(233,241,250,.55), rgba(248,250,252,.7));
  border-bottom: 1px solid var(--lz-border);
  padding-block: 64px 52px;
}
.lumora-page-hero .lumora-container { max-width: var(--lz-container); }
.lumora-eyebrow { display: inline-block; font-size: .72rem; letter-spacing: .18em; text-transform: uppercase; color: var(--lz-brand); font-weight: 700; margin-bottom: 14px; }
.lumora-page-hero h1 { font-size: clamp(1.9rem, 4vw, 2.8rem); font-weight: 800; letter-spacing: -.03em; line-height: 1.1; max-width: 20ch; color: var(--lz-ink); }
.lumora-page-hero p { margin-top: 16px; font-size: 1.08rem; color: var(--lz-slate-600); max-width: 62ch; }
.lumora-section { padding-block: 64px; }
.lumora-section-alt { background: var(--lz-slate-50); border-top: 1px solid var(--lz-border); }
.lumora-empty { color: var(--lz-slate-500); }
.lumora-jcards { display: grid; gap: 24px; grid-template-columns: 1fr; }
@media (min-width: 760px) { .lumora-jcards { grid-template-columns: 1fr 1fr; } }
@media (min-width: 1040px) { .lumora-jcards { grid-template-columns: repeat(3, 1fr); } }
.lumora-jcard {
  --card-primary: var(--lz-brand);
  --card-primary-dark: var(--lz-brand-dark);
  --card-secondary: var(--lz-green);
  --card-soft: var(--lz-brand-soft);
  --card-border: var(--lz-brand-border);
  --card-rgb: 44, 95, 160;
  display: flex; flex-direction: column; background: #fff; border: 1px solid var(--lz-border);
  border-radius: var(--lz-radius-lg); padding: 30px; box-shadow: var(--lz-shadow-sm);
  text-decoration: none; color: inherit; transition: transform .2s, box-shadow .2s, border-color .2s;
  position: relative; overflow: hidden;
}
.lumora-jcard:before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 4px;
  background: linear-gradient(90deg, var(--card-primary), var(--card-secondary));
}
.lumora-jcard-mhj { --card-primary: #0B2C4D; --card-primary-dark: #071E35; --card-secondary: #2E97A8; --card-soft: #EAF6F8; --card-border: #BFDFE5; --card-rgb: 11, 44, 77; }
.lumora-jcard-jda { --card-primary: #0F766E; --card-primary-dark: #0B5650; --card-secondary: #C99A2E; --card-soft: #EAF7F5; --card-border: #B9E2DD; --card-rgb: 15, 118, 110; }
.lumora-jcard-jgm { --card-primary: #1F7A3A; --card-primary-dark: #155829; --card-secondary: #2C5FA0; --card-soft: #EDF8EF; --card-border: #C4E5CB; --card-rgb: 31, 122, 58; }
.lumora-jcard-jgs { --card-primary: #9F1239; --card-primary-dark: #7A0D2B; --card-secondary: #D43F66; --card-soft: #FDF0F4; --card-border: #F3C2D0; --card-rgb: 159, 18, 57; }
.lumora-jcard-jan { --card-primary: #4338CA; --card-primary-dark: #332AA3; --card-secondary: #2E97A8; --card-soft: #F0F2FF; --card-border: #C9CEFF; --card-rgb: 67, 56, 202; }
.lumora-jcard:hover { transform: translateY(-3px); box-shadow: 0 18px 40px -12px rgba(var(--card-rgb), .24); border-color: var(--card-border); }
.lumora-jcard-head { display: flex; align-items: flex-start; gap: 14px; margin-bottom: 14px; }
.lumora-jcard-logo {
  width: 54px; height: 54px; object-fit: contain; flex: none; display: block;
  border-radius: 14px; box-shadow: 0 12px 24px -16px rgba(var(--card-rgb), .55);
}
.lumora-jcard-status { font-size: .72rem; letter-spacing: .12em; text-transform: uppercase; color: var(--card-primary-dark); font-weight: 700; margin-bottom: 8px; display: inline-flex; align-items: center; gap: 8px; }
.lumora-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--lz-slate-400, #94A3B8); display: inline-block; }
.lumora-dot.live { background: var(--card-secondary); }
.lumora-jcard h3 { font-size: 1.2rem; font-weight: 800; letter-spacing: -.01em; line-height: 1.25; color: var(--lz-ink); margin: 0; }
.lumora-jcard-meta { margin-top: 8px; font-size: .82rem; font-weight: 600; color: var(--card-primary-dark); }
.lumora-jcard-scope { color: var(--lz-slate-600); font-size: .95rem; margin-top: 12px; flex: 1; }
.lumora-visit { margin-top: 18px; display: inline-flex; align-items: center; gap: 6px; font-weight: 700; color: var(--card-primary); font-size: .92rem; }
.lumora-jcard:hover .lumora-visit { color: var(--card-primary-dark); }
.lumora-note { max-width: 780px; margin-inline: auto; background: var(--lz-brand-soft); border: 1px solid var(--lz-brand-border); border-radius: var(--lz-radius); padding: 18px 22px; color: var(--lz-slate-700); font-size: .95rem; }

/* ======================= Footer ======================= */
.lumora-site-footer { background: var(--lz-navy); color: #94a3b8; padding-block: 64px 28px; margin-top: 0; }
.lumora-footer-credibility {
  margin: 0;
  padding: 22px 26px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: var(--lz-radius-lg);
  background: linear-gradient(135deg, rgba(44,95,160,.18), rgba(255,255,255,.03));
  box-shadow: 0 18px 36px -28px rgba(0,0,0,.55);
}
.lumora-footer-credibility p {
  margin: 0;
  color: #e2e8f0;
  font-size: 1rem;
  line-height: 1.8;
  text-align: center;
  max-width: 92ch;
  margin-inline: auto;
}
.lumora-footer-credibility strong {
  color: #fff;
  font-weight: 800;
}
.lumora-footer-credibility a {
  color: #fff;
  font-weight: 700;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}
.lumora-footer-legal { margin-top: 44px; padding-top: 26px; border-top: 1px solid rgba(255,255,255,.1); }
.lumora-footer-tagline {
  margin-top: 10px;
  color: #cbd5e1;
  font-size: .88rem;
  font-weight: 600;
}
.lumora-newsletter-footer-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  padding: 9px 18px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.18);
  background: rgba(255,255,255,.08);
  color: #fff !important;
  font-size: .9rem;
  font-weight: 700;
  text-decoration: none;
}
.lumora-newsletter-footer-link:hover {
  background: rgba(255,255,255,.14);
  color: #fff !important;
}
.lumora-footer-legal-panel {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  padding: 18px;
  margin-bottom: 38px;
  border: 1px solid rgba(255,255,255,.12);
  border-top: 3px solid rgba(var(--journal-secondary-rgb), .82);
  border-radius: var(--lz-radius-lg);
  background:
    linear-gradient(135deg, rgba(var(--journal-rgb), .22), rgba(var(--journal-secondary-rgb), .12)),
    rgba(255,255,255,.045);
  box-shadow: 0 18px 36px -28px rgba(0,0,0,.55);
}
.lumora-footer-legal-item {
  min-width: 0;
  padding: 14px 15px;
  border-radius: var(--lz-radius);
  background: rgba(255,255,255,.045);
  border: 1px solid rgba(255,255,255,.08);
}
.lumora-footer-legal-kicker {
  display: block;
  margin-bottom: 7px;
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #dbeafe;
}
.lumora-footer-legal-item p {
  margin: 0;
  color: #cbd5e1;
  font-size: .92rem;
  line-height: 1.65;
}
.lumora-footer-legal-item a {
  color: #fff;
  font-weight: 800;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}
.lumora-footer-grid { display: grid; gap: 40px; grid-template-columns: 1fr; }
@media (min-width: 760px) { .lumora-footer-grid { grid-template-columns: 1.6fr 1fr 1fr 1.1fr 1.1fr; } }
.lumora-site-footer .lumora-brand, .lumora-site-footer .lumora-brand-name { color: #fff; }
.lumora-site-footer .lumora-brand-logo { width: 46px; height: 46px; padding: 5px; box-sizing: border-box; background: #fff; border-radius: 12px; box-shadow: 0 6px 16px -8px rgba(0,0,0,.55); }
.lumora-footer-about { color: #94a3b8; font-size: .93rem; margin-top: 18px; max-width: 34ch; }
.lumora-footer-col h4 { color: #e2e8f0; font-size: .8rem; letter-spacing: .1em; text-transform: uppercase; margin-bottom: 16px; }
.lumora-footer-col ul { list-style: none; margin: 0; padding: 0; }
.lumora-footer-col li { margin-bottom: 11px; }
.lumora-footer-col a { color: #94a3b8; font-size: .93rem; text-decoration: none; }
.lumora-footer-col a:hover { color: #fff; }
.lumora-footer-mail { color: var(--lz-brand-soft); font-weight: 600; text-decoration: none; }
.lumora-footer-mail:hover { color: #fff; }
.lumora-footer-bottom { margin-top: 44px; padding-top: 24px; border-top: 1px solid rgba(255,255,255,.1); display: flex; flex-wrap: wrap; gap: 12px; justify-content: space-between; font-size: .85rem; color: #64748b; }

/* =====================================================================
   Skin the inherited OJS body content (article / issue / journal home)
   so the typography, links, cards and buttons read as Lumora.
   ===================================================================== */
body.lumora .pkp_structure_content {
  max-width: 1240px;
  margin-inline: auto;
  padding-inline: 24px;
  padding-block: 42px 56px;
  text-align: start;
}
body.lumora .pkp_structure_content.has_sidebar {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 320px) !important;
  column-gap: clamp(40px, 5vw, 72px) !important;
  row-gap: 40px !important;
  align-items: start !important;
  justify-content: stretch !important;
  width: 100% !important;
  max-width: var(--lz-container) !important;
  box-sizing: border-box !important;
  isolation: isolate;
}
body.lumora .pkp_structure_content.has_sidebar::before,
body.lumora .pkp_structure_content.has_sidebar::after {
  display: none !important;
  content: none !important;
}
body.lumora .pkp_structure_content.has_sidebar .pkp_structure_main {
  min-width: 0 !important;
  max-width: none !important;
  width: auto !important;
  float: none !important;
  clear: none !important;
  margin: 0 !important;
  padding: 0 !important;
  grid-column: 1 / 2 !important;
  grid-row: 1 !important;
  position: relative !important;
  inset: auto !important;
  overflow-wrap: break-word;
  word-break: normal;
}
body.lumora .pkp_structure_content.has_sidebar .pkp_structure_main::before,
body.lumora .pkp_structure_content.has_sidebar .pkp_structure_main::after {
  display: none !important;
  content: none !important;
}
body.lumora .pkp_structure_content.has_sidebar .pkp_structure_sidebar {
  width: 100% !important;
  max-width: none !important;
  float: none !important;
  clear: none !important;
  margin: 0 !important;
  padding: 0 !important;
  min-width: 0 !important;
  grid-column: 2 / 3 !important;
  grid-row: 1 !important;
  position: sticky !important;
  inset: auto !important;
  top: 96px !important;
  right: auto !important;
  left: auto !important;
  bottom: auto !important;
  z-index: 2;
  align-self: start !important;
  transform: none !important;
}
body.lumora .pkp_structure_content:not(.has_sidebar) .pkp_structure_main {
  max-width: 920px;
  margin-inline: auto;
}
body.lumora .pkp_structure_main { font-size: 1rem; }
body.lumora .pkp_structure_main p {
  color: var(--lz-slate-700);
  line-height: 1.8;
}
body.lumora .page_index_journal {
  display: grid;
  gap: 22px;
  width: 100%;
  min-width: 0;
}
body.lumora .page_index_journal .homepage_about,
body.lumora .page_index_journal .current_issue {
  background: #fff;
  border: 1px solid var(--journal-border, var(--lz-border));
  border-radius: var(--lz-radius-lg);
  box-shadow: 0 16px 34px -28px rgba(var(--journal-rgb), .48);
  padding: 28px 30px;
  margin: 0;
  overflow: hidden;
  position: relative;
  max-width: 100%;
  box-sizing: border-box;
}
body.lumora .page_index_journal .homepage_about:before,
body.lumora .page_index_journal .current_issue:before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 4px;
  background: linear-gradient(90deg, var(--journal-primary, var(--lz-brand)), var(--journal-secondary, var(--lz-green)));
}
body.lumora .page_index_journal .homepage_about h2,
body.lumora .page_index_journal .current_issue h2 {
  margin-top: 0;
  margin-bottom: 18px;
  font-size: 1.24rem;
  font-weight: 850;
}
body.lumora .page_index_journal .homepage_about p {
  max-width: 74ch;
  margin-block: 0 16px;
}
body.lumora .page_index_journal .homepage_about p:last-child {
  margin-bottom: 0;
}
body.lumora .page_index_journal .current_issue_title {
  display: inline-flex;
  margin-bottom: 16px;
  padding: 7px 12px;
  border-radius: 999px;
  background: var(--journal-soft, var(--lz-brand-soft));
  color: var(--journal-primary-dark, var(--lz-brand-dark));
  font-weight: 800;
  font-size: .9rem;
}
body.lumora .obj_issue_toc .heading {
  display: grid;
  gap: 14px;
}
body.lumora .page_index_journal .obj_issue_toc .cover {
  display: none;
}
body.lumora .obj_issue_toc .published {
  color: var(--lz-slate-600);
  font-size: .9rem;
}
body.lumora .cmp_article_list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 14px;
}
body.lumora .page_index_journal .sections {
  margin-top: 22px;
}
body.lumora .page_index_journal .section h3 {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 26px 0 16px;
  color: var(--lz-slate-600);
  font-size: 1rem;
  font-weight: 750;
}
body.lumora .page_index_journal .section h3:before,
body.lumora .page_index_journal .section h3:after {
  content: "";
  height: 1px;
  background: var(--lz-border);
  flex: 1;
}
body.lumora .obj_article_summary {
  display: block !important;
  grid-template-columns: none !important;
  grid-template-rows: none !important;
  width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}
body.lumora .obj_article_summary .title {
  margin: 0 0 6px;
  font-weight: 850;
  line-height: 1.35;
  font-size: 1.08rem;
}
body.lumora .obj_article_summary .title a {
  color: var(--lz-ink);
  text-decoration: none;
}
body.lumora .obj_article_summary .title a:hover {
  color: var(--journal-primary, var(--lz-brand));
}
body.lumora .obj_article_summary .meta,
body.lumora .obj_article_summary .lz-summary-meta {
  display: block !important;
  margin: 0;
  padding: 0 !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  position: static !important;
}
body.lumora .obj_article_summary .authors,
body.lumora .lz-authors-inline {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  margin: 0 0 4px !important;
  padding: 0 !important;
  color: var(--lz-slate-700);
  font-size: .92rem;
  line-height: 1.65;
  overflow-wrap: break-word !important;
  word-break: normal !important;
  white-space: normal !important;
  hyphens: manual;
}
body.lumora .obj_article_summary .pages,
body.lumora .lz-pages-inline {
  display: block !important;
  position: static !important;
  inset: auto !important;
  float: none !important;
  top: auto !important;
  right: auto !important;
  left: auto !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  color: var(--lz-slate-500);
  font-weight: 650;
  font-size: .86rem;
  line-height: 1.55;
}
body.lumora .obj_article_summary .published {
  display: block;
  margin-top: 4px;
  color: var(--lz-slate-500);
  font-size: .86rem;
}
body.lumora .obj_article_summary .galleys_links {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 14px 0 0;
  padding: 0;
}
body.lumora .obj_article_summary .galleys_links li { list-style: none; margin: 0; }
body.lumora .page_index_journal .read_more,
body.lumora .page_index_journal .issues_archive {
  margin-top: 18px;
}
body.lumora h1, body.lumora h2, body.lumora h3,
body.lumora .obj_article_details .title,
body.lumora .obj_issue_toc .title {
  font-family: var(--lz-font); color: var(--lz-ink); letter-spacing: -.01em;
}
body.lumora .pkp_structure_main a { color: var(--journal-primary, var(--lz-brand)); }
body.lumora .pkp_structure_main a:hover { color: var(--journal-primary-dark, var(--lz-brand-dark)); }

/* brand the default theme's primary buttons / download links */
body.lumora .pkp_structure_main .btn,
body.lumora .obj_galley_link a,
body.lumora .cmp_button,
body.lumora a.cmp_button {
  background: var(--journal-primary, var(--lz-brand)); color: #fff; border-radius: 999px; border: 1px solid var(--journal-primary, var(--lz-brand));
  font-weight: 600;
}
body.lumora .pkp_structure_main .btn:hover,
body.lumora .obj_galley_link a:hover,
body.lumora .cmp_button:hover { background: var(--journal-primary-dark, var(--lz-brand-dark)); border-color: var(--journal-primary-dark, var(--lz-brand-dark)); color: #fff; }

/* cards used on the journal home / issue listings */
body.lumora .obj_article_summary,
body.lumora .obj_issue_summary {
  border: 1px solid var(--journal-border, var(--lz-border)); border-radius: var(--lz-radius);
  padding: 22px; box-shadow: var(--lz-shadow-sm); background: #fff;
}

/* sidebar blocks */
body.lumora .pkp_structure_sidebar .pkp_block {
  border: 1px solid var(--journal-border, var(--lz-border)); border-radius: var(--lz-radius);
  padding: 0; background: #fff; box-shadow: var(--lz-shadow-sm); margin-bottom: 18px;
  overflow: hidden;
}
.lumora-sidebar {
  display: grid;
  gap: 20px;
  align-self: start;
  padding: 0;
}
.lumora-sidebar-card {
  overflow: hidden;
  background: #fff;
  border: 1px solid var(--journal-border, var(--lz-border));
  border-radius: var(--lz-radius);
  box-shadow: 0 14px 30px -28px rgba(var(--journal-rgb), .46);
}
.lumora-sidebar-card + .lumora-sidebar-card { margin-top: 0; }
.lumora-sidebar-title {
  margin: 0;
  padding: 12px 18px;
  background: linear-gradient(135deg, var(--journal-primary, var(--lz-brand)), var(--journal-secondary, var(--lz-green)));
  color: #fff !important;
  font-size: .92rem;
  font-weight: 800;
  letter-spacing: 0;
}
.lumora-sidebar-body {
  padding: 18px;
  color: var(--lz-slate-700);
  font-size: .9rem;
  line-height: 1.72;
}
.lumora-sidebar-body p {
  margin: 0 0 12px;
}
.lumora-sidebar-body p:last-child {
  margin-bottom: 0;
}
.lumora-sidebar-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  padding: 9px 20px;
  margin-bottom: 13px;
  border-radius: 8px;
  background: var(--journal-primary, var(--lz-brand));
  color: #fff !important;
  font-weight: 800;
  text-decoration: none;
  box-shadow: 0 12px 20px -14px rgba(var(--journal-rgb), .85);
  transition: transform .15s ease, background .15s ease, box-shadow .15s ease;
}
.lumora-sidebar-action:hover {
  background: var(--journal-primary-dark, var(--lz-brand-dark));
  transform: translateY(-1px);
  box-shadow: 0 16px 24px -16px rgba(var(--journal-rgb), .9);
}
.lumora-sidebar-kv {
  display: grid;
  gap: 6px;
}
.lumora-sidebar-kv span:first-child {
  color: var(--lz-ink);
  font-weight: 800;
}
.lumora-sidebar-status {
  display: inline-flex;
  margin-top: 10px;
  padding: 4px 10px;
  border-radius: 999px;
  background: var(--journal-soft, var(--lz-brand-soft));
  color: var(--journal-primary-dark, var(--lz-brand-dark));
  font-size: .78rem;
  font-weight: 800;
}
.lumora-sidebar-status.is-planned {
  background: var(--lz-slate-100);
  color: var(--lz-slate-700);
}
body.lumora .pkp_structure_sidebar .pkp_block .title {
  font-weight: 700; color: var(--lz-ink); font-size: 1rem; margin: 0;
}
body.lumora .pkp_structure_sidebar .pkp_block .content {
  padding: 0;
}
body.lumora .pkp_structure_sidebar .pkp_block .content > div[style] {
  font-family: var(--lz-font) !important;
  background: #fff !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  margin: 0 !important;
  overflow: hidden !important;
}
body.lumora .pkp_structure_sidebar .pkp_block .content > div[style] > div:first-child {
  background: linear-gradient(135deg, var(--journal-primary, var(--lz-green-deep)), var(--journal-secondary, var(--lz-green))) !important;
  color: #fff !important;
  padding: 12px 16px !important;
  text-align: start !important;
  font-size: .95rem !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
}
body.lumora .pkp_structure_sidebar .pkp_block .content > div[style] > div:not(:first-child) {
  padding: 16px !important;
  color: var(--lz-slate-700) !important;
  font-size: .9rem !important;
  line-height: 1.7 !important;
  text-align: start !important;
}
body.lumora .pkp_structure_sidebar .pkp_block .content p,
body.lumora .pkp_structure_sidebar .pkp_block .content div,
body.lumora .pkp_structure_sidebar .pkp_block .content span {
  color: var(--lz-slate-700) !important;
}
body.lumora .pkp_structure_sidebar .pkp_block .content strong {
  color: var(--lz-ink) !important;
}
body.lumora .pkp_structure_sidebar .pkp_block .content a {
  color: var(--journal-primary, var(--lz-brand)) !important;
  font-weight: 700;
}
body.lumora .pkp_structure_sidebar .pkp_block .content a[style*="background"] {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  background: var(--journal-primary, var(--lz-brand)) !important;
  color: #fff !important;
  border-radius: 8px !important;
  box-shadow: 0 10px 18px -12px rgba(15,23,42,.45) !important;
}
body.lumora .pkp_structure_sidebar .pkp_block .content a[style*="background"]:hover {
  background: var(--journal-primary-dark, var(--lz-brand-dark)) !important;
}

/* page titles (About, Search, etc.) */
body.lumora .page_title, body.lumora h1.page_title {
  font-weight: 800; letter-spacing: -.02em; color: var(--lz-ink);
}

/* breadcrumbs */
body.lumora .cmp_breadcrumbs { color: var(--lz-slate-500); font-size: .85rem; }
body.lumora .cmp_breadcrumbs a { color: var(--lz-slate-600); }
body.lumora .cmp_breadcrumbs a:hover { color: var(--journal-primary, var(--lz-brand)); }

/* keep the OJS "about this publishing system" brand strip subtle */
body.lumora .pkp_brand_footer { display: none; }

/* =====================================================================
   Article landing page (obj_article_details) — Lumora reading experience
   Full-width hero, graphical-abstract slot, abstract card, galley CTAs.
   ===================================================================== */
body.lumora .obj_article_details.lz-article-landing {
  max-width: none;
  margin-inline: 0;
}
body.lumora .lz-article-hero {
  margin-bottom: 1.5rem;
}
body.lumora .lz-article-body {
  display: flex;
  flex-direction: column;
  gap: clamp(20px, 3vw, 28px);
  max-width: 920px;
  margin-inline: auto;
  margin-top: 0;
  border-top: 1px solid var(--journal-border, var(--lz-border));
  padding-top: 1.75rem;
}
body.lumora .lz-graphical-abstract {
  border: 1px solid var(--journal-border, var(--lz-border));
  border-radius: var(--lz-radius-lg);
  background: #fff;
  padding: clamp(20px, 3vw, 28px);
  box-shadow: 0 4px 24px -8px rgba(15, 23, 42, .08);
  width: 100%;
}
body.lumora .lz-graphical-abstract.is-empty {
  opacity: .92;
}
body.lumora .lz-graphical-abstract-label {
  margin: 0 0 12px;
  font-size: .78rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--journal-primary-dark, var(--lz-brand-dark));
}
body.lumora .lz-graphical-abstract-figure {
  margin: 0;
}
body.lumora .lz-graphical-abstract-figure img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: var(--lz-radius);
  border: 1px solid var(--journal-border, var(--lz-border));
  background: #fff;
}
body.lumora .lz-graphical-abstract-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 140px;
  padding: 16px;
  text-align: center;
  color: var(--lz-slate-500);
  font-size: .88rem;
  line-height: 1.6;
  border: 1px dashed var(--journal-border, var(--lz-brand-border));
  border-radius: var(--lz-radius);
  background: linear-gradient(180deg, var(--journal-soft, var(--lz-brand-soft)), #fff);
}
body.lumora .lz-graphical-abstract-placeholder p {
  margin: 0;
  max-width: 42ch;
}
body.lumora .lz-article-content {
  min-width: 0;
  width: 100%;
}
body.lumora .lz-article-metadata {
  width: 100%;
  border: 1px solid var(--journal-border, var(--lz-border));
  border-radius: var(--lz-radius-lg);
  background: #fff;
  padding: clamp(18px, 2.5vw, 24px) clamp(20px, 3vw, 28px);
  box-shadow: 0 4px 24px -8px rgba(15, 23, 42, .06);
}
body.lumora .lz-metadata-list {
  margin: 0;
  padding: 0;
}
body.lumora .lz-metadata-row {
  display: grid;
  grid-template-columns: minmax(110px, 140px) minmax(0, 1fr);
  gap: 12px 20px;
  padding: 12px 0;
  border-bottom: 1px solid var(--journal-border, var(--lz-border));
}
body.lumora .lz-metadata-row:first-child {
  padding-top: 0;
}
body.lumora .lz-metadata-row:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
body.lumora .lz-metadata-label {
  margin: 0;
  font-size: .82rem;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: var(--journal-primary, var(--lz-brand));
}
body.lumora .lz-metadata-value {
  margin: 0;
  font-size: .95rem;
  line-height: 1.55;
  color: var(--lz-slate-700);
}
body.lumora .lz-metadata-value a {
  color: var(--journal-primary, var(--lz-brand));
  font-weight: 650;
  text-decoration: none;
}
body.lumora .lz-metadata-value a:hover {
  text-decoration: underline;
}
body.lumora .lz-metadata-row--license .lz-metadata-value {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
body.lumora .lz-metadata-row--license .lz-copyright {
  margin: 0;
  font-size: .92rem;
}
body.lumora .lz-metadata-row--license .lz-license-terms {
  font-size: .88rem;
  color: var(--lz-slate-600);
}
body.lumora .lz-metadata-row--license .lz-license-terms a {
  color: var(--journal-primary, var(--lz-brand));
}
body.lumora .obj_article_details .page_title {
  font-size: clamp(1.5rem, 2.6vw, 2rem);
  line-height: 1.22;
  font-weight: 850;
  letter-spacing: -.015em;
  color: var(--lz-ink);
  margin: 0 0 6px;
}
body.lumora .obj_article_details > .subtitle,
body.lumora .lz-article-hero > .subtitle {
  font-size: 1.12rem;
  font-weight: 600;
  color: var(--lz-slate-600);
  margin: 0 0 14px;
}

/* Lumora rich article header (injected) */
.lz-artmeta {
  margin: 6px 0 26px;
  padding: 0 0 22px;
  border-bottom: 3px solid var(--journal-primary, var(--lz-brand));
}
.lz-artmeta .lz-authors {
  font-size: 1.04rem;
  line-height: 1.95;
  color: var(--lz-slate-700);
  margin: 4px 0 10px;
}
.lz-artmeta .lz-authors .lz-au { white-space: normal; }
.lz-artmeta .lz-authors sup {
  color: var(--journal-primary, var(--lz-brand));
  font-weight: 700;
  font-size: .66em;
  padding-inline-start: 1px;
}
.lz-artmeta .lz-corr-star { color: var(--journal-secondary, var(--lz-green)); font-weight: 800; }
.lz-artmeta .lz-affs {
  list-style: none;
  margin: 0 0 12px;
  padding: 0;
  font-size: .86rem;
  color: var(--lz-slate-500);
  line-height: 1.6;
}
.lz-artmeta .lz-affs li { margin: 1px 0; }
.lz-artmeta .lz-affs sup { color: var(--journal-primary, var(--lz-brand)); font-weight: 700; margin-inline-end: 4px; }
.lz-artmeta .lz-corr {
  font-size: .9rem;
  color: var(--lz-slate-600);
  margin: 4px 0 14px;
}
.lz-artmeta .lz-corr a { color: var(--journal-primary, var(--lz-brand)); }
.lz-dates {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 12px;
}
.lz-pill {
  display: inline-flex;
  gap: 6px;
  align-items: baseline;
  background: var(--journal-soft, var(--lz-brand-soft));
  border: 1px solid var(--journal-border, var(--lz-brand-border));
  color: var(--journal-primary-dark, var(--lz-brand-dark));
  padding: 5px 12px;
  border-radius: 999px;
  font-size: .78rem;
}
.lz-pill b { font-weight: 800; }
.lz-pill.is-pub {
  background: var(--journal-primary, var(--lz-brand));
  border-color: var(--journal-primary, var(--lz-brand));
  color: #fff;
}
.lz-ids {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 16px;
  font-size: .82rem;
  color: var(--lz-slate-600);
  margin: 0 0 10px;
}
.lz-ids a { color: var(--journal-primary, var(--lz-brand)); text-decoration: none; }
.lz-ids .lz-oa, .lz-ids .lz-lic {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 3px 11px;
  border-radius: 999px;
  font-weight: 700;
  font-size: .72rem;
  letter-spacing: .03em;
  text-transform: uppercase;
}
.lz-ids .lz-oa { background: var(--journal-secondary, var(--lz-green)); color: #fff; }
.lz-ids .lz-lic { background: var(--journal-soft, var(--lz-brand-soft)); color: var(--journal-primary-dark, var(--lz-brand-dark)); border: 1px solid var(--journal-border, var(--lz-brand-border)); }
.lz-keywords {
  font-size: .88rem;
  color: var(--lz-slate-600);
  margin: 0;
}
.lz-keywords b { color: var(--lz-ink); }

/* Abstract + sections on the landing page */
body.lumora .obj_article_details .item.abstract,
body.lumora .obj_article_details .lz-abstract-card {
  background: #fff;
  border: 1px solid var(--journal-border, var(--lz-border));
  border-inline-start: 4px solid var(--journal-secondary, var(--lz-green));
  border-radius: var(--lz-radius-lg);
  padding: clamp(22px, 3vw, 32px) clamp(24px, 3.5vw, 36px);
  margin-bottom: 0;
  width: 100%;
  box-shadow: 0 4px 24px -8px rgba(15, 23, 42, .08);
}
body.lumora .obj_article_details .lz-abstract-text {
  font-size: 1rem;
  line-height: 1.75;
  color: var(--lz-slate-700);
  max-width: none;
}
body.lumora .obj_article_details .lz-abstract-text p {
  text-align: justify;
  margin: 0 0 .85em;
}
body.lumora .obj_article_details .lz-abstract-text p:last-child {
  margin-bottom: 0;
}
body.lumora .lz-galley-actions {
  margin-top: 0;
  padding-top: 0;
  width: 100%;
}
body.lumora .lz-galley-actions-list {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
}
body.lumora .obj_article_details .item.abstract .label {
  font-size: 1.02rem;
  text-transform: uppercase;
  letter-spacing: .06em;
  color: var(--journal-primary, var(--lz-brand));
  margin-bottom: 6px;
}
body.lumora .obj_article_details .item.abstract p { text-align: justify; }
body.lumora .obj_article_details .item > .label,
body.lumora .obj_article_details section.item > .label {
  font-weight: 800;
  color: var(--journal-primary, var(--lz-brand));
}

/* Galley download buttons on the article landing page */
body.lumora .lz-galley-actions .obj_galley_link,
body.lumora .lz-galley-actions .galleys_links a,
body.lumora .obj_article_details .galleys_links .obj_galley_link,
body.lumora .obj_article_details .galleys_links a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--journal-primary, var(--lz-brand));
  color: #fff !important;
  border: 1px solid var(--journal-primary, var(--lz-brand));
  border-radius: 999px;
  padding: 9px 18px;
  font-weight: 700;
  font-size: .9rem;
  text-decoration: none;
  box-shadow: 0 12px 22px -16px rgba(var(--journal-rgb), .9);
}
body.lumora .obj_article_details .galleys_links .obj_galley_link:hover,
body.lumora .obj_article_details .galleys_links a:hover {
  background: var(--journal-primary-dark, var(--lz-brand-dark));
  border-color: var(--journal-primary-dark, var(--lz-brand-dark));
}
body.lumora .obj_article_details .galleys_links li { margin-bottom: 10px; list-style: none; }
body.lumora .obj_article_details .galleys_links { padding: 0; }

/* =====================================================================
   HTML galley body (article full text rendered inside OJS) — when our
   self-contained galley markup is shown in the galley viewer iframe it
   carries its own CSS; these rules also tidy any inline HTML galley.
   ===================================================================== */
body.lumora .obj_galley_details .galley_view,
body.lumora .item.galley_view { max-width: 860px; margin-inline: auto; }

/* Issue table of contents — single, tidy article entry */
body.lumora .obj_issue_toc h2 { color: var(--journal-primary, var(--lz-brand)); }
body.lumora .obj_issue_toc .tocSectionTitle {
  margin: 24px 0 14px;
  color: var(--lz-slate-600);
  font-size: 1rem;
  font-weight: 750;
}

@media (max-width: 992px) {
  .lumora-journal-bar-inner {
    grid-template-columns: 1fr;
  }
  .lumora-journal-nav {
    justify-self: stretch;
  }
  .lumora-journal-menu {
    overflow-x: auto;
    flex-wrap: nowrap;
    padding-block: 4px;
  }
  body.lumora .pkp_structure_content.has_sidebar {
    grid-template-columns: 1fr !important;
    row-gap: 32px !important;
  }
  body.lumora .pkp_structure_content.has_sidebar .pkp_structure_main,
  body.lumora .pkp_structure_content.has_sidebar .pkp_structure_sidebar {
    grid-column: 1 / -1 !important;
    grid-row: auto !important;
  }
  body.lumora .pkp_structure_content.has_sidebar .pkp_structure_main {
    grid-row: 1 !important;
  }
  body.lumora .pkp_structure_content.has_sidebar .pkp_structure_sidebar {
    grid-row: 2 !important;
    position: static !important;
    top: auto !important;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
  }
  body.lumora .pkp_structure_sidebar .pkp_block {
    margin-bottom: 0;
  }
  body.lumora .lz-metadata-row {
    grid-template-columns: 1fr;
    gap: 4px;
  }
  .lumora-footer-legal-panel {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 680px) {
  .lumora-container,
  body.lumora .pkp_structure_content {
    padding-inline: 18px;
  }
  .lumora-header-inner {
    height: 66px;
  }
  .lumora-journal-logo {
    width: 44px;
    height: 44px;
  }
  body.lumora .pkp_structure_content {
    padding-block: 32px;
  }
  body.lumora .pkp_structure_content.has_sidebar .pkp_structure_sidebar {
    grid-template-columns: 1fr;
  }
}
