/* ===========================================================
   IJAR — Abstract / Article detail page   (prefix: .ab-)
   Matches the supplied article-abstract reference in the theme.
   =========================================================== */
.ab-sec{padding:14px 0 30px}
.ab-back{display:inline-flex;align-items:center;gap:8px;margin-bottom:16px;font-size:13px;font-weight:600;
  color:var(--royal);text-decoration:none}
.ab-back:hover{color:var(--navy)}

.ab-wrap{display:grid;grid-template-columns:1fr 340px;gap:26px;align-items:start}

/* ── LEFT: article card ─────────────────────────────────── */
.ab-main{background:#fff;border:1px solid var(--border);border-radius:14px;
  box-shadow:0 6px 26px rgba(0,26,77,.06);padding:26px 30px 30px}

.ab-tags{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}
.ab-tag{display:inline-block;font-size:12px;font-weight:600;border-radius:6px;padding:6px 14px;letter-spacing:.01em}
.ab-tag--navy{background:var(--navy);color:#fff}
.ab-tag--gold{background:var(--gold);color:var(--dark)}

.ab-title{margin:0 0 16px;font-size:27px;line-height:1.32;font-weight:700;color:var(--navy);letter-spacing:-.01em}

.ab-authors{display:flex;flex-wrap:wrap;gap:8px 26px;margin-bottom:22px}
.ab-authors span{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;color:var(--text)}
.ab-authors i{color:var(--royal);font-size:13px}

/* action + stats bar */
.ab-actionbar{display:flex;flex-wrap:wrap;gap:14px 18px;align-items:center;margin-bottom:26px}
.ab-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.ab-btn{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;letter-spacing:.03em;
  text-transform:uppercase;padding:11px 16px;border-radius:8px;text-decoration:none;border:1.5px solid transparent;
  transition:.16s;cursor:pointer;line-height:1;white-space:nowrap}
.ab-btn i{font-size:12px}
.ab-btn--pdf{background:var(--navy);color:#fff}
.ab-btn--pdf:hover{background:var(--dark)}
.ab-btn--doi{background:var(--gold);color:var(--dark)}
.ab-btn--doi:hover{background:var(--gold-2)}
.ab-btn--cite{background:#fff;color:var(--royal);border-color:#cfd8e6}
.ab-btn--cite:hover{border-color:var(--royal);background:#f5f8ff}

.ab-stats{display:flex;align-items:center;gap:16px;margin-left:auto}
.ab-stat{display:inline-flex;align-items:center;gap:7px;font-size:14px;font-weight:700;color:var(--navy);white-space:nowrap}
.ab-stat i{color:var(--royal);font-size:14px}

/* abstract heading + body */
.ab-h{position:relative;margin:0 0 16px;font-size:16px;font-weight:700;color:var(--navy);
  text-transform:uppercase;letter-spacing:.05em;padding-bottom:9px}
.ab-h::after{content:"";position:absolute;left:0;bottom:0;width:46px;height:3px;background:var(--gold);border-radius:3px}
.ab-abstract{margin:0 0 18px;font-size:14px;line-height:1.85;color:var(--text);text-align:justify}
.ab-keywords{margin:0;font-size:13.5px;line-height:1.7;color:var(--text-2)}
.ab-keywords b{color:var(--navy);font-weight:700}

/* ── RIGHT: sidebar boxes ───────────────────────────────── */
.ab-side{display:flex;flex-direction:column;gap:22px}
.ab-box{background:#fff;border:1px solid var(--border);border-radius:12px;overflow:hidden;
  box-shadow:0 6px 20px rgba(0,26,77,.06)}
.ab-box-h{background:var(--navy);color:#fff;font-size:13.5px;font-weight:700;letter-spacing:.06em;
  text-transform:uppercase;padding:14px 18px}
.ab-box-b{padding:16px 18px}

/* article information rows */
.ab-info{display:flex;align-items:baseline;gap:10px;padding:8px 0;border-top:1px solid var(--border)}
.ab-info:first-child{border-top:0;padding-top:2px}
.ab-info:last-child{padding-bottom:2px}
.ab-info .ic{color:var(--royal);font-size:13px;width:16px;text-align:center;flex-shrink:0}
/* label + value on one line to save vertical space */
.ab-info>div{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px}
.ab-info b{font-size:12px;color:var(--royal);font-weight:700;flex-shrink:0}
.ab-info>div>span{font-size:12.5px;color:var(--text);line-height:1.45}
.ab-open{color:#1c8a4a!important;font-weight:600}

/* article tools list */
.ab-tools{list-style:none;margin:0;padding:0}
.ab-tools li{border-top:1px solid var(--border)}
.ab-tools li:first-child{border-top:0}
.ab-tools a{display:flex;align-items:center;gap:12px;padding:11px 2px;font-size:13.5px;font-weight:600;
  color:var(--text);text-decoration:none;transition:.14s}
.ab-tools a:hover{color:var(--royal);padding-left:6px}
.ab-tools i{width:18px;text-align:center;color:var(--royal);font-size:14px}

/* hero text content top-aligned (per request; image/globe unchanged) */
.hero--inner .wrap-lg{align-items:start}
.hero--inner .hero-copy{padding-top:6px}

/* ── globe hero correction (default hero image, centered) ── */
.hero--inner .wrap-lg::after{background-position:center center;background-size:auto 86%;
  -webkit-mask-image:linear-gradient(to right,transparent 0,#000 26%);mask-image:linear-gradient(to right,transparent 0,#000 26%)}

@media(max-width:900px){
  .ab-wrap{grid-template-columns:1fr}
  .ab-title{font-size:22px}
  .ab-actionbar{flex-direction:column}
}

/* ── Citation box (toggled by "Cite This Article") ─────────── */
.ab-cite{position:relative;border:1.5px dashed #b9c6dc;border-radius:10px;background:#f7f9fd;
  padding:15px 18px;margin:0 0 24px;animation:abcite .2s ease}
.ab-cite[hidden]{display:none}
@keyframes abcite{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.ab-cite-txt{margin:0;font-size:12.5px;line-height:1.75;color:var(--text);letter-spacing:.02em;padding-right:80px;
  text-transform:uppercase}
.ab-cite-copy{position:absolute;top:10px;right:10px;border:1px solid var(--border);background:#fff;color:var(--royal);
  font-family:inherit;font-size:11px;font-weight:600;border-radius:6px;padding:5px 11px;cursor:pointer;
  display:inline-flex;align-items:center;gap:6px;transition:.14s}
.ab-cite-copy:hover{border-color:var(--royal);background:#f0f6ff}
.ab-btn--cite.active{background:var(--royal);color:#fff;border-color:var(--royal)}