/* QB Pagination V16 — تصميم موحّد جديد لكل صفحات الأرشيف بالموقع */

.qb-pagination-v13,
.qb-pagination-v14{
  direction:rtl;
  display:grid;
  grid-template-columns:minmax(190px,1fr) auto minmax(300px,auto);
  align-items:center;
  gap:18px;
  width:100%;
  margin:clamp(30px,4vw,48px) 0 14px;
  padding:22px clamp(16px,3vw,28px);
  border-radius:18px;
  background:linear-gradient(180deg,color-mix(in srgb,var(--v10-gold,#a8803e) 5%,var(--v10-surface,#fff)) 0%,var(--v10-surface,#fff) 100%);
  border:1px solid color-mix(in srgb,var(--v10-gold,#a8803e) 16%,transparent);
  box-shadow:0 1px 0 color-mix(in srgb,var(--v10-gold,#a8803e) 22%,transparent) inset, 0 14px 34px -22px rgba(20,20,30,.28);
}

.qb-pagination-v13__identity{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:0}
.qb-pagination-v13__identity span{display:inline-flex;align-items:center;gap:7px;color:var(--v10-gold,#a8803e);font-size:9px;font-weight:900;letter-spacing:.16em;line-height:1}
.qb-pagination-v13__identity span::before{content:'';width:14px;height:2px;border-radius:2px;background:var(--v10-gold,#a8803e)}
.qb-pagination-v13__identity strong{color:var(--v10-ink,#20212a);font-size:13px;font-weight:900;line-height:1.35}

.qb-pagination-v13__summary{display:flex;align-items:center;justify-content:center;gap:9px;min-width:160px;padding:10px 16px;border-radius:999px;background:color-mix(in srgb,var(--v10-gold,#a8803e) 9%,var(--v10-surface,#fff));border:1px solid color-mix(in srgb,var(--v10-gold,#a8803e) 20%,transparent)}
.qb-pagination-v13__summary span{display:inline-flex;align-items:center;gap:4px;color:var(--v10-ink,#20212a);font-size:11px;font-weight:800}
.qb-pagination-v13__summary b{color:var(--v10-gold,#a8803e);font-size:13px;font-weight:900}
.qb-pagination-v13__summary small{color:var(--v10-muted,#85828a);font-size:9px;font-weight:700;padding-inline-start:8px;border-inline-start:1px solid color-mix(in srgb,var(--v10-gold,#a8803e) 24%,transparent)}

.qb-pagination-v13__controls{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0}
.qb-pagination-v13__numbers{display:flex;align-items:center;justify-content:center;gap:6px;min-width:0}

.qb-page-v13{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:40px;height:40px;padding:0 12px;
  border-radius:50%;
  border:1px solid color-mix(in srgb,var(--v10-ink,#20212a) 14%,transparent);
  background:var(--v10-surface,#fff);
  color:var(--v10-ink,#20212a);
  font-size:12px;font-weight:900;
  text-decoration:none;
  transition:transform .2s cubic-bezier(.2,.8,.2,1),background .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease;
}
.qb-page-v13:hover{
  transform:translateY(-3px) scale(1.04);
  border-color:var(--v10-gold,#a8803e);
  color:var(--v10-gold,#a8803e);
  box-shadow:0 10px 20px -6px rgba(168,128,62,.35);
}
.qb-page-v13.is-active{
  border-color:transparent;
  background:linear-gradient(155deg,var(--v10-gold,#a8803e),color-mix(in srgb,var(--v10-gold,#a8803e) 60%,#5a4520));
  color:#fff;
  box-shadow:0 0 0 4px color-mix(in srgb,var(--v10-gold,#a8803e) 18%,transparent),0 10px 22px -8px rgba(168,128,62,.55);
}
.qb-page-v13--edge{
  gap:8px;min-width:auto;padding-inline:16px;border-radius:999px;
  background:transparent;color:var(--v10-muted,#85828a);font-size:10px;font-weight:800;
}
.qb-page-v13--edge:hover{background:color-mix(in srgb,var(--v10-gold,#a8803e) 8%,transparent)}
.qb-page-v13--edge i{font-style:normal;font-size:15px;line-height:1}
.qb-page-v13--dots{min-width:22px;border-color:transparent;background:transparent;color:var(--v10-muted,#85828a);box-shadow:none;letter-spacing:2px}
.qb-page-v13.is-disabled{opacity:.32;cursor:not-allowed;transform:none;box-shadow:none}

.qb-pagination-v13 a:focus-visible,.qb-pagination-v13 button:focus-visible{outline:2px solid var(--v10-gold,#a8803e);outline-offset:3px}

/* دينار — لمسة حمراء */
.dinar-stage .qb-pagination-v13{border-color:color-mix(in srgb,var(--d-red,#e30613) 22%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--d-red,#e30613) 5%,var(--v10-surface,#fff)) 0%,var(--v10-surface,#fff) 100%)}
.dinar-stage .qb-pagination-v13__identity span{color:var(--d-red,#e30613)}
.dinar-stage .qb-pagination-v13__identity span::before{background:var(--d-red,#e30613)}
.dinar-stage .qb-pagination-v13__summary{border-color:rgba(227,6,19,.22);background:color-mix(in srgb,var(--d-red,#e30613) 7%,var(--v10-surface,#fff))}
.dinar-stage .qb-pagination-v13__summary b{color:var(--d-red,#e30613)}
.dinar-stage .qb-pagination-v13__summary small{border-inline-start-color:rgba(227,6,19,.24)}
.dinar-stage .qb-page-v13:hover{border-color:var(--d-red,#e30613);color:var(--d-red,#e30613);box-shadow:0 10px 20px -6px rgba(227,6,19,.3)}
.dinar-stage .qb-page-v13.is-active{background:linear-gradient(155deg,var(--d-red,#e30613),#a30410);box-shadow:0 0 0 4px rgba(227,6,19,.16),0 10px 22px -8px rgba(227,6,19,.5);color:#fff}
.dinar-stage .qb-page-v13--edge:hover{background:rgba(227,6,19,.08)}

.qb-v10-news-index .qb-pagination-v13,.qb-v10-channel .qb-pagination-v13{margin-top:32px}
.qb-directory .qb-pagination-v13{margin-top:28px}

@media (max-width:980px){
  .qb-pagination-v13,.qb-pagination-v14{grid-template-columns:1fr auto;gap:14px}
  .qb-pagination-v13__identity{grid-column:1;grid-row:1}
  .qb-pagination-v13__summary{grid-column:2;grid-row:1}
  .qb-pagination-v13__controls{grid-column:1/-1;grid-row:2;justify-content:center}
}

@media (max-width:760px){
  .qb-pagination-v13,.qb-pagination-v14{
    display:flex;flex-direction:column;align-items:stretch;gap:12px;
    width:100%;max-width:100%;overflow:hidden;
    padding:18px 14px 14px;border-radius:16px;
  }
  .qb-pagination-v13__identity{align-items:center;text-align:center}
  .qb-pagination-v13__summary{order:1;align-self:center;width:100%;max-width:100%;justify-content:space-between;overflow:hidden;text-overflow:ellipsis}
  .qb-pagination-v13__controls{order:2;display:flex;align-items:center;justify-content:space-between;gap:6px;width:100%;max-width:100%;overflow:visible;padding:0}
  .qb-pagination-v13__numbers{display:flex;align-items:center;justify-content:center;gap:5px;min-width:0;flex:1;overflow:hidden}
  .qb-pagination-v13__numbers .qb-page-v13:not(.is-active):not(.qb-page-v13--dots){display:none}
  .qb-pagination-v13__numbers .qb-page-v13:not(.is-active):not(.qb-page-v13--dots):last-child{display:inline-flex}
  .qb-page-v13--edge{flex:0 0 42px;min-width:42px;height:38px;padding-inline:0;overflow:hidden;white-space:nowrap}
  .qb-page-v13--edge span{display:none}
  .qb-page-v13--edge i{flex:none}
}

@media (max-width:420px){
  .qb-pagination-v13__summary{padding:9px 12px;font-size:9px;border-radius:12px}
  .qb-pagination-v13__summary small{max-width:46%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-inline-start:6px}
  .qb-pagination-v13__controls{gap:4px}
  .qb-pagination-v13__numbers{gap:3px}
  .qb-page-v13{min-width:34px;width:34px;height:36px;padding:0;font-size:10px}
  .qb-page-v13--edge{flex-basis:36px;min-width:36px;width:36px;height:36px}
}

[data-theme="dark"] .qb-pagination-v13,body.theme-dark .qb-pagination-v13{
  background:linear-gradient(180deg,rgba(255,255,255,.03) 0%,transparent 100%);
  border-color:rgba(255,255,255,.1);
  box-shadow:0 1px 0 rgba(255,255,255,.06) inset,0 14px 34px -22px rgba(0,0,0,.5);
}
[data-theme="dark"] .qb-pagination-v13__identity strong,body.theme-dark .qb-pagination-v13__identity strong{color:var(--v10-ink,#f4f1e8)}
[data-theme="dark"] .qb-page-v13,body.theme-dark .qb-page-v13{background:var(--v10-surface,#101a2d);border-color:rgba(255,255,255,.12);color:var(--v10-ink,#f4f1e8)}
[data-theme="dark"] .qb-pagination-v13__summary,body.theme-dark .qb-pagination-v13__summary{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.12);color:var(--v10-ink,#f4f1e8)}
[data-theme="dark"] .qb-pagination-v13__summary small,body.theme-dark .qb-pagination-v13__summary small{border-inline-start-color:rgba(255,255,255,.14)}