/* ================================================================
   هوية "الباحث" — المجلات الثقافية السعودية
   تصميم رسمي أكاديمي · متماشٍ مع saudijournals.org
   ================================================================ */

@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800&family=Noto+Kufi+Arabic:wght@500;600;700&family=Amiri:wght@400;700&display=swap');

:root{
  --sj-ink:#12233b;
  --sj-ink-soft:#274060;
  --sj-paper:#f4ecd8;
  --sj-paper-2:#ece1c4;
  --sj-gold:#a9762f;
  --sj-gold-light:#c8974a;
  --sj-rust:#7a2e1d;
  --sj-line:#d9c9a0;
  --sj-line-soft:#e4d9bd;
  --sj-cream:#fbf7ec;
  --sj-shadow:rgba(18,35,59,.08);
  --sj-shadow-lg:rgba(18,35,59,.14);
}

/* ---------- الأساس ---------- */
body{
  background:var(--sj-paper) !important;
  color:var(--sj-ink) !important;
  font-family:'Cairo','Segoe UI',Tahoma,sans-serif !important;
  line-height:1.9;
  font-size:16px;
  font-weight:500;
}
::selection{background:var(--sj-gold);color:var(--sj-cream)}

h1,h2,h3,h4,h5,.h1,.h2,.h3,.h4{
  font-family:'Noto Kufi Arabic','Cairo',sans-serif !important;
  font-weight:700;
  color:var(--sj-ink);
  letter-spacing:0;
}
p,li,td,label,.result,.facet a{font-weight:500}

a{color:var(--sj-gold);text-decoration:none;transition:color .2s}
a:hover,a:focus{color:var(--sj-rust)}

/* شريط علوي ذهبي رفيع — توقيع الهوية */
body::before{
  content:"";position:fixed;top:0;inset-inline:0;height:3px;z-index:9999;
  background:linear-gradient(90deg,var(--sj-gold),var(--sj-rust) 50%,var(--sj-gold));
}

/* ---------- الترويسة ---------- */
.navbar,#header-collapse,header .container-fluid{
  background:var(--sj-cream) !important;
  font-family:'Noto Kufi Arabic',sans-serif !important;
  padding-block:10px;
}

/* الشعار: نستبدل نص VuFind بالشعار الرسومي */
.navbar-brand{
  font-size:0 !important;               /* إخفاء النص الأصلي */
  background-image:url('../images/logo.svg');
  background-repeat:no-repeat;
  background-position:right center;
  background-size:contain;
  width:230px;height:52px;
  display:inline-block;
}
.navbar-brand img{display:none !important}  /* إخفاء أي صورة افتراضية */

.navbar a:not(.navbar-brand),.navbar .nav-link{color:var(--sj-ink-soft) !important;font-weight:500}
.navbar a:not(.navbar-brand):hover,.navbar .nav-link:hover{color:var(--sj-gold) !important}

/* ---------- صندوق البحث الرئيسي ---------- */
.searchHomeContent{padding-block:clamp(24px,5vw,56px)}
.searchHomeContent h2,.search-home-title{
  font-family:'Amiri',serif !important;
  font-weight:700;
  color:var(--sj-ink);
  font-size:clamp(1.6rem,4vw,2.4rem);
}

/* ---------- الأزرار ---------- */
.btn-primary,#searchForm .btn-primary,.btn.btn-primary{
  background:var(--sj-ink) !important;
  border:1px solid var(--sj-ink) !important;
  color:var(--sj-cream) !important;
  font-family:'Noto Kufi Arabic',sans-serif !important;
  font-weight:500;
  border-radius:8px;
  padding:9px 22px;
  transition:all .25s;
  box-shadow:0 2px 6px var(--sj-shadow);
}
.btn-primary:hover,#searchForm .btn-primary:hover{
  background:var(--sj-gold) !important;
  border-color:var(--sj-gold) !important;
  transform:translateY(-1px);
  box-shadow:0 5px 14px var(--sj-shadow-lg);
}
.btn-secondary,.btn-default{
  background:var(--sj-paper-2) !important;
  border:1px solid var(--sj-line) !important;
  color:var(--sj-ink) !important;
  border-radius:8px;
}
.btn-link{color:var(--sj-gold) !important}

/* ---------- حقول الإدخال ---------- */
.form-control,.form-select,input[type="text"],input[type="search"],select,textarea{
  background:var(--sj-cream) !important;
  border:1px solid var(--sj-line) !important;
  color:var(--sj-ink) !important;
  border-radius:8px;
  padding:10px 14px;
}
.form-control:focus,.form-select:focus{
  border-color:var(--sj-gold) !important;
  box-shadow:0 0 0 3px rgba(169,118,47,.16) !important;
  outline:none;
}
.input-group .form-control{border-radius:8px}

/* ---------- البطاقات والنتائج ---------- */
.card,.result,.record,.sidebar,.myresearch-menu{
  background:var(--sj-cream) !important;
  border:1px solid var(--sj-line) !important;
  border-radius:12px;
  box-shadow:0 1px 4px var(--sj-shadow);
}
.result{padding:18px 20px;margin-bottom:14px;transition:box-shadow .25s,transform .25s}
.result:hover{box-shadow:0 10px 26px -12px var(--sj-shadow-lg);transform:translateY(-2px)}
.result a.title,.result .title{
  font-family:'Noto Kufi Arabic',sans-serif !important;
  font-weight:600 !important;
  color:var(--sj-ink) !important;
  font-size:1.08rem;
  line-height:1.6;
}
.result a.title:hover{color:var(--sj-gold) !important}
.result .format,.label{
  background:var(--sj-paper-2) !important;
  color:var(--sj-ink-soft) !important;
  border:1px solid var(--sj-line);
  border-radius:6px;
  font-family:'Noto Kufi Arabic',sans-serif;
  font-weight:500;
  font-size:.74rem;
  padding:3px 10px;
}

/* ---------- الوجوه الجانبية (Facets) ---------- */
.sidebar .facet-group,.facet-group{
  border:1px solid var(--sj-line);
  border-radius:12px;
  overflow:hidden;
  margin-bottom:16px;
  box-shadow:0 1px 4px var(--sj-shadow);
}
.facet-group .title,.sidebar h4{
  background:var(--sj-ink) !important;
  color:var(--sj-cream) !important;
  font-family:'Noto Kufi Arabic',sans-serif !important;
  font-weight:600;
  padding:12px 16px !important;
  margin:0 !important;
  font-size:.98rem;
  border:none !important;
}
.facet-group .title::before{content:"◆ ";color:var(--sj-gold-light);font-size:.7em}
.facet a,.facet-value a{color:var(--sj-ink-soft) !important;padding:7px 16px}
.facet a:hover{color:var(--sj-gold) !important;background:var(--sj-paper)}
.facet .badge,.badge{
  background:var(--sj-gold) !important;
  color:var(--sj-cream) !important;
  font-family:'Noto Kufi Arabic',sans-serif;
  font-weight:500;
  border-radius:20px;
}

/* ---------- التبويبات ---------- */
.nav-tabs{border-bottom:2px solid var(--sj-line)}
.nav-tabs .nav-link{
  color:var(--sj-ink-soft) !important;
  font-family:'Noto Kufi Arabic',sans-serif !important;
  font-weight:500;
  border:none !important;
  border-radius:8px 8px 0 0;
  padding:10px 18px;
}
.nav-tabs .nav-link:hover{background:var(--sj-paper-2) !important;color:var(--sj-ink) !important}
.nav-tabs .nav-link.active{
  background:var(--sj-cream) !important;
  color:var(--sj-gold) !important;
  font-weight:600;
  border-bottom:3px solid var(--sj-gold) !important;
  box-shadow:0 -2px 8px var(--sj-shadow);
}

/* ---------- الترقيم ---------- */
.pagination .page-link{
  color:var(--sj-ink-soft) !important;
  border-color:var(--sj-line) !important;
  border-radius:8px !important;
  margin:0 2px;
  font-family:'Noto Kufi Arabic',sans-serif;
}
.pagination .page-link:hover{background:var(--sj-paper-2) !important;border-color:var(--sj-gold) !important}
.pagination .active .page-link,.pagination .page-item.active .page-link{
  background:var(--sj-gold) !important;
  border-color:var(--sj-gold) !important;
  color:var(--sj-cream) !important;
}

/* ---------- التنبيهات ---------- */
.alert{border-radius:12px;border-width:1px;font-family:'Cairo',sans-serif}
.alert-info{
  background:var(--sj-paper-2) !important;
  border-color:var(--sj-line) !important;
  border-inline-start:4px solid var(--sj-gold) !important;
  color:var(--sj-ink) !important;
}
.alert-success{border-inline-start:4px solid var(--sj-ink) !important}

/* ---------- التذييل ---------- */
footer,.footer,footer.container-fluid{
  background:var(--sj-ink) !important;
  color:var(--sj-cream) !important;
  border-top:2px solid var(--sj-gold) !important;
  font-family:'Noto Kufi Arabic',sans-serif !important;
  padding-block:28px;
}
footer a,.footer a{color:var(--sj-gold-light) !important}
footer a:hover{color:var(--sj-cream) !important}
footer h4{color:var(--sj-cream) !important}

/* ---------- عناصر متفرقة ---------- */
.breadcrumb{background:transparent;font-family:'Noto Kufi Arabic',sans-serif;font-size:.88rem}
.breadcrumb a{color:var(--sj-gold)}
hr{border-color:var(--sj-line)}
.text-muted{color:var(--sj-ink-soft) !important;opacity:.8}

/* الوصف/النص الطويل بخط أميري الأدبي */
.record .media-body p,.summary,.description{
  font-family:'Amiri',serif;
  font-size:1.05rem;
  line-height:1.95;
}

/* تحسين محاذاة RTL */
body[dir="rtl"] .result,body[dir="rtl"] .card{text-align:right}
body[dir="rtl"] .facet a{text-align:right}

/* بطاقات الصفحة الرئيسية (استعراض) */
.home-page-content .card,.browse-list{border-radius:12px}
.home-page-content h2{font-family:'Amiri',serif !important;font-weight:700;color:var(--sj-ink)}

/* إخفاء رسالة "no items" الباهتة وتحسينها */
.record-tab-content{background:var(--sj-cream);border-radius:0 0 12px 12px;padding:20px}
/* ---------- تحسين وضوح الخطوط ---------- */
.navbar a,.nav-link,.btn,.facet-group .title,.nav-tabs .nav-link{font-weight:600 !important}
.result a.title{font-weight:700 !important;font-size:1.12rem}
body,p,li,.form-control{font-weight:500}
small,.small,.text-muted{font-weight:500 !important}
/* إلغاء الارتفاع الثابت المفروض على حقول النموذج */
form .form-select:not([multiple]),
form input.form-control{
  height: auto !important;
}