/* =========================================================
 Academic Science Journal (ASJ)
 Clean Blue + Light Gold Theme
 ========================================================= */

:root{
  --blue-dark:#081c3a;
  --blue:#0b2f5f;
  --gold:#d4af37;
  --gold-soft:#f1d98a;
  --text:#1a1a1a;
  --muted:#555;
  --bg:#f6f8fb;
}

/* Global */
body{
  background: var(--bg) !important;
  color: var(--text) !important;
}

/* ================= HEADER ================= */
.asj-topbar{
  background: linear-gradient(90deg,var(--blue-dark),var(--blue));
  border-bottom: 1px solid rgba(255,255,255,.15);
}
.asj-topbar-inner{
  max-width: 1200px;
  margin: auto;
  padding: 14px 18px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
}
.asj-brand{
  display:flex;
  align-items:center;
  gap:12px;
}
.asj-logo{
  width:48px;
  height:48px;
  border-radius:10px;
}
.asj-title{
  color:#fff;
  font-weight:800;
  font-size:18px;
}
.asj-subtitle{
  color:rgba(255,255,255,.8);
  font-size:13px;
}

/* Buttons */
.asj-btn{
  padding:10px 14px;
  border-radius:999px;
  font-weight:700;
  text-decoration:none !important;
  background:rgba(255,255,255,.15);
  color:#fff !important;
}
.asj-btn:hover{ opacity:.9; }

.asj-btn-gold{
  background:linear-gradient(135deg,var(--gold-soft),var(--gold));
  color:#000 !important;
}
.asj-btn-outline{
  background:transparent;
  border:1px solid rgba(255,255,255,.6);
}

/* ================= HERO ================= */
.asj-hero{
  padding:40px 20px 20px;
}
.asj-hero-inner{
  max-width: 1200px;
  margin:auto;
}
.asj-kicker{
  color:var(--gold);
  font-weight:700;
  text-transform:uppercase;
  font-size:12px;
}
.asj-hero h1{
  font-size:32px;
  margin:10px 0;
}
.asj-hero p{
  max-width:700px;
  color:var(--muted);
  line-height:1.8;
}
.asj-hero-buttons{
  margin-top:16px;
  display:flex;
  gap:10px;
}

/* ================= CONTENT ================= */
.pkp_structure_main .page,
.pkp_structure_main .obj_issue_toc{
  background:#fff !important;
  border-radius:14px;
  padding:24px !important;
  box-shadow:0 10px 40px rgba(0,0,0,.06);
}

/* Articles */
.obj_article_summary,
.obj_issue_toc .articles > li{
  background:#fff;
  border:1px solid #e6e9ef;
  border-radius:14px;
  padding:16px;
  margin-bottom:14px;
}
.obj_article_summary .title a{
  font-weight:700;
  color:var(--blue-dark) !important;
}

/* PDF button */
.obj_article_summary a[href*="download"]{
  background:var(--blue);
  color:#fff !important;
  padding:8px 14px;
  border-radius:8px;
}

/* ================= FOOTER ================= */
.asj-footer{
  margin-top:40px;
  background:#0b1f3a;
  color:#fff;
  padding:32px 20px;
}
.asj-footer-inner{
  max-width:1200px;
  margin:auto;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:20px;
}
.asj-footer h4{
  color:var(--gold-soft);
  margin-bottom:10px;
}
.asj-footer a{
  color:#fff;
  display:block;
  margin:6px 0;
  text-decoration:none;
}
.asj-footer-bottom{
  text-align:center;
  margin-top:20px;
  opacity:.8;
}
/* HIDE DEFAULT OJS HEADER (HOMEPAGE ONLY) */
.pkp_page_index .pkp_site_name_wrapper,
.pkp_page_index .pkp_navigation_primary_row{
  display: none !important;
}
/* =========================
   ASJ REAL HERO
   ========================= */

.asj-hero-real{
  position: relative;
  min-height: 420px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:
    radial-gradient(800px 400px at 20% 20%, rgba(212,175,55,.18), transparent 60%),
    linear-gradient(135deg,#061a33,#0b2f5f);
  border-radius: 0 0 28px 28px;
}

.asj-hero-content{
  text-align:center;
  color:#fff;
  max-width: 720px;
  padding: 40px 20px;
}

.asj-hero-logo{
  width:120px;
  margin-bottom:18px;
  filter: drop-shadow(0 18px 40px rgba(0,0,0,.6));
}

.asj-hero-content h1{
  font-size: 38px;
  font-weight: 900;
  margin-bottom: 12px;
}

.asj-hero-content p{
  font-size: 16px;
  line-height: 1.9;
  opacity:.9;
}

.asj-hero-actions{
  margin-top: 18px;
  display:flex;
  gap:12px;
  justify-content:center;
  flex-wrap:wrap;
}

.asj-btn{
  padding: 12px 20px;
  border-radius: 999px;
  font-weight: 800;
  text-decoration:none !important;
}

.asj-btn-gold{
  background: linear-gradient(135deg,#f1d98a,#d4af37);
  color:#000 !important;
}

.asj-btn-outline{
  border:1px solid rgba(255,255,255,.7);
  color:#fff !important;
}