/* Stage 22 global typography: Rudaw Bold first */
@font-face{
  font-family:"Rabari Rudaw";
  src:local("Rudaw"),local("Rudaw Bold"),local("Rudaw-Bold"),local("RudawBold");
  font-weight:700;
  font-style:normal;
  font-display:swap;
}
html,body,
button,input,select,textarea,
.wp-block,.elementor-widget,.elementor-heading-title{
  font-family:"Rabari Rudaw","Rudaw","Rabar_021","Noto Sans Arabic","Noto Naskh Arabic",Tahoma,Arial,sans-serif!important;
}
strong,b,h1,h2,h3,h4,h5,h6,
.rb-pro-link,.rb-dropdown-list a,.rb-btn-primary,.rb-download,.rb-empty-primary{
  font-family:"Rabari Rudaw","Rudaw","Rabar_021","Noto Sans Arabic","Noto Naskh Arabic",Tahoma,Arial,sans-serif!important;
  font-weight:700!important;
}

/*
 * Rabari Stage 21 shared UI correction layer.
 * No orange, cream, burgundy or bright button gradients.
 * Designed & Developed by Diar.Kurd/ K.T
 */
:where(.rb-archive-app,.rb-single-app,.rb-search-app,.rb-account-shell,#rabari-app){
  --rb-primary:#123b5d;
  --rb-primary-2:#1e5aa8;
  --rb-accent:#4da3ff;
  --rb-surface:#ffffff;
  --rb-surface-2:#eef3f8;
  --rb-bg:#f4f7fa;
  --rb-border:#d7dce3;
  --rb-text:#1b2530;
  --rb-muted:#667085;
}
:where(.rb-archive-app,.rb-single-app,.rb-search-app,#rabari-app) .rb-pro-link{
  font-family:inherit!important;
  font-size:.79rem!important;
  font-weight:800!important;
  line-height:1.35!important;
  appearance:none;
  -webkit-appearance:none;
}
:where(.rb-archive-app,.rb-single-app,.rb-search-app,#rabari-app) .rb-pro-item:hover>.rb-dropdown,
:where(.rb-archive-app,.rb-single-app,.rb-search-app,#rabari-app) .rb-pro-item:focus-within>.rb-dropdown{
  opacity:0!important;
  visibility:hidden!important;
  transform:translateY(8px)!important;
  pointer-events:none!important;
}
:where(.rb-archive-app,.rb-single-app,.rb-search-app,#rabari-app) .rb-pro-item.is-open>.rb-dropdown{
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
  pointer-events:auto!important;
}
:where(.rb-archive-app,.rb-single-app,.rb-search-app,#rabari-app) .rb-dropdown-list a{
  font-family:inherit!important;
  font-weight:760!important;
}
:where(.rb-archive-app,.rb-single-app,.rb-search-app,#rabari-app) .rb-btn-primary,
:where(.rb-archive-app,.rb-single-app,.rb-search-app,#rabari-app) .rb-filter-submit,
:where(.rb-archive-app,.rb-single-app,.rb-search-app,#rabari-app) .rb-empty-primary{
  background:#123b5d!important;
  background-image:none!important;
  box-shadow:none!important;
  color:#fff!important;
}
:where(.rb-archive-app,.rb-single-app,.rb-search-app,#rabari-app) .rb-btn-primary:hover,
:where(.rb-archive-app,.rb-single-app,.rb-search-app,#rabari-app) .rb-filter-submit:hover,
:where(.rb-archive-app,.rb-single-app,.rb-search-app,#rabari-app) .rb-empty-primary:hover{
  background:#1e5aa8!important;
  transform:translateY(-1px);
}
:where(.rb-archive-app,.rb-single-app,.rb-search-app,#rabari-app) .rb-info-item{
  min-height:84px;
  display:flex!important;
  flex-direction:column;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
}
:where(.rb-archive-app,.rb-single-app,.rb-search-app,#rabari-app) .rb-info-item strong,
:where(.rb-archive-app,.rb-single-app,.rb-search-app,#rabari-app) .rb-info-item a{
  width:100%;
  text-align:center!important;
}
:where(.rb-archive-app,.rb-single-app,.rb-search-app,#rabari-app) .rb-book-card{
  border-radius:18px!important;
  box-shadow:0 8px 24px rgba(7,24,39,.075)!important;
  border-color:#d7dce3!important;
}
:where(.rb-archive-app,.rb-single-app,.rb-search-app,#rabari-app) .rb-book-card:hover{
  transform:translateY(-4px)!important;
  box-shadow:0 14px 34px rgba(7,24,39,.12)!important;
}
:where(.rb-archive-app,.rb-single-app,.rb-search-app,#rabari-app) .rb-cover{
  aspect-ratio:3/4!important;
  padding:0!important;
  align-items:stretch!important;
  background:#eef3f8!important;
}
:where(.rb-archive-app,.rb-single-app,.rb-search-app,#rabari-app) .rb-cover:after{
  background:linear-gradient(180deg,transparent 58%,rgba(7,24,39,.78))!important;
}
:where(.rb-archive-app,.rb-single-app,.rb-search-app,#rabari-app) .rb-cover-image{
  object-fit:contain!important;
  background:#f4f7fa!important;
}
:where(.rb-archive-app,.rb-single-app,.rb-search-app,#rabari-app) .rb-cover-title{
  position:absolute!important;
  z-index:2;
  right:14px;
  left:14px;
  bottom:14px;
  color:#fff;
}
:where(.rb-archive-app,.rb-single-app,.rb-search-app,#rabari-app) .rb-cover-title small{
  opacity:.82;
}
:where(.rb-archive-app,.rb-single-app,.rb-search-app,#rabari-app) .rb-cover-title strong{
  font-size:1rem!important;
  line-height:1.5!important;
}
.rb-fallback-cover{
  position:absolute;
  inset:0;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  padding:28px 24px 72px;
  color:#0b1f33;
  background:
    linear-gradient(90deg,rgba(18,59,93,.08) 1px,transparent 1px),
    linear-gradient(rgba(18,59,93,.08) 1px,transparent 1px),
    linear-gradient(145deg,#ffffff,#e3ebf4);
  background-size:26px 26px,26px 26px,auto;
}
.rb-fallback-cover:before{
  content:"";
  width:44px;
  height:5px;
  border-radius:999px;
  background:#1e5aa8;
}
.rb-fallback-cover small{font-size:.72rem;color:#2e78b7;font-weight:900}
.rb-fallback-cover strong{font-size:1.22rem;line-height:1.55;color:#0b1f33}
.rb-fallback-cover span{font-size:.74rem;color:#667085}
:where(.rb-archive-app,.rb-single-app,.rb-search-app,#rabari-app) .rb-book-label{
  top:12px!important;
  right:12px!important;
  background:rgba(255,255,255,.94)!important;
  color:#123b5d!important;
  border:1px solid rgba(18,59,93,.12);
}
:where(.rb-archive-app,.rb-single-app,.rb-search-app,#rabari-app) .rb-book-body{
  padding:15px!important;
}
:where(.rb-archive-app,.rb-single-app,.rb-search-app,#rabari-app) .rb-book-body h3{
  min-height:3em;
  text-align:center;
  font-size:.94rem!important;
}
:where(.rb-archive-app,.rb-single-app,.rb-search-app,#rabari-app) .rb-book-body>p{
  text-align:center;
  margin-bottom:11px!important;
}
:where(.rb-archive-app,.rb-single-app,.rb-search-app,#rabari-app) .rb-book-meta{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:6px!important;
}
:where(.rb-archive-app,.rb-single-app,.rb-search-app,#rabari-app) .rb-book-meta span{
  min-height:38px;
  padding:5px;
  border-radius:9px;
  background:#eef3f8;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  color:#526071;
  font-size:.64rem;
  line-height:1.35;
}
:where(.rb-archive-app,.rb-single-app,.rb-search-app,#rabari-app) .rb-book-actions{
  grid-template-columns:minmax(0,1fr) 44px!important;
  gap:7px!important;
}
:where(.rb-archive-app,.rb-single-app,.rb-search-app,#rabari-app) .rb-download{
  background:#123b5d!important;
  color:#fff!important;
  border:1px solid #123b5d!important;
  box-shadow:none!important;
}
:where(.rb-archive-app,.rb-single-app,.rb-search-app,#rabari-app) .rb-download:hover{
  background:#1e5aa8!important;
  border-color:#1e5aa8!important;
}
:where(.rb-archive-app,.rb-single-app,.rb-search-app,#rabari-app) .rb-save{
  background:#fff!important;
  color:#123b5d!important;
  border-color:#c9d6e3!important;
}
:where(.rb-archive-app,.rb-single-app,.rb-search-app,#rabari-app) .rb-save:hover{
  background:#eef3f8!important;
}
.rb-stage21-preview-banner{
  position:sticky;
  top:0;
  z-index:999999;
  min-height:38px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:6px 14px;
  background:#071827;
  color:#fff;
  font:700 .75rem/1.5 Tahoma,Arial,sans-serif;
  text-align:center;
}
.rb-stage21-preview-banner strong{color:#83bff0}
@media(max-width:700px){
  :where(.rb-archive-app,.rb-single-app,.rb-search-app,#rabari-app) .rb-book-meta{grid-template-columns:repeat(3,minmax(0,1fr))}
  :where(.rb-archive-app,.rb-single-app,.rb-search-app,#rabari-app) .rb-book-meta span{font-size:.59rem}
}