/* IJARIT "Current Issue" sidebar block
   OJS 3.4: Settings > Website > Appearance > Advanced > Journal style sheet
   Append this at the end of the existing stylesheet. */

.ijarit-ci{
  --g1:#0a3b2c; --g2:#14573f; --gold:#c9a24b; --goldl:#e8d29a; --ivory:#f8f5ec; --ink:#1e2a25;
  background:var(--ivory);
  border:1px solid #d9cfa8;
  border-top:4px solid var(--gold);
  border-radius:6px;
  overflow:hidden;
  box-shadow:0 4px 14px rgba(10,59,44,.12);
  font-family:"Poppins","Segoe UI",Arial,sans-serif;
  text-align:center;
}
.ijarit-ci *{box-sizing:border-box}

/* header */
.ijarit-ci__head{
  background:var(--g1);
  padding:12px 14px 11px;
  border-bottom:2px solid var(--gold);
}
.ijarit-ci__kicker{
  display:block;
  color:var(--goldl);
  font-size:11px; font-weight:600; letter-spacing:.18em; text-transform:uppercase;
}
.ijarit-ci__vol{
  display:block; margin-top:3px;
  color:#fff; font-family:"Liberation Serif","Times New Roman",serif;
  font-size:19px; font-weight:700; letter-spacing:.02em;
}

/* cover */
.ijarit-ci__cover{display:block; padding:18px 22px 6px}
.ijarit-ci__cover img{
  display:block; width:100%; height:auto; margin:0 auto;
  border:1px solid #d9cfa8; border-radius:2px;
  box-shadow:0 8px 18px rgba(10,59,44,.28);
  transition:transform .25s ease, box-shadow .25s ease;
}
.ijarit-ci__cover:hover img{transform:translateY(-3px); box-shadow:0 12px 24px rgba(10,59,44,.34)}

/* meta */
.ijarit-ci__meta{padding:10px 14px 4px}
.ijarit-ci__date{
  font-family:"Liberation Serif","Times New Roman",serif;
  font-size:17px; font-weight:700; color:var(--g1);
}
.ijarit-ci__issn{font-size:12px; color:#5a6b62; margin-top:2px}
.ijarit-ci__tags{
  list-style:none; margin:10px 0 0; padding:0;
  display:flex; flex-wrap:wrap; justify-content:center; gap:5px;
}
.ijarit-ci__tags li{
  margin:0; padding:3px 9px;
  background:#fff; border:1px solid var(--g2); border-radius:12px;
  color:var(--g1); font-size:10.5px; font-weight:600; line-height:1.4;
}

/* buttons */
.ijarit-ci__actions{padding:14px 16px 6px; display:flex; flex-direction:column; gap:8px}
.ijarit-btn{
  display:block; padding:9px 12px;
  border:1.5px solid var(--g2); border-radius:4px;
  background:#fff; color:var(--g1) !important;
  font-size:13px; font-weight:600; text-decoration:none !important;
  transition:background .2s, color .2s, border-color .2s;
}
.ijarit-btn:hover,.ijarit-btn:focus{background:var(--g2); color:#fff !important; border-color:var(--g2)}
.ijarit-btn--primary{background:var(--g1); color:#fff !important; border-color:var(--g1)}
.ijarit-btn--primary:hover,.ijarit-btn--primary:focus{background:var(--g2); border-color:var(--g2)}
.ijarit-btn--gold{background:var(--gold); border-color:var(--gold); color:var(--g1) !important}
.ijarit-btn--gold:hover,.ijarit-btn--gold:focus{background:var(--goldl); border-color:var(--goldl); color:var(--g1) !important}

.ijarit-ci__foot{
  margin-top:10px; padding:9px 10px;
  background:var(--g1); color:var(--goldl);
  font-size:11px; letter-spacing:.04em;
}

/* Only for THIS block. The id is "customblock-" + the block name you typed in Custom Block Manager.
   If you named it something else, change currentIssueSidebar below to match. */
#customblock-currentIssueSidebar.pkp_block{padding:0; border:0; background:transparent}
#customblock-currentIssueSidebar.pkp_block > .title{display:none}