/* Attaya V47: unified, responsive pagination for public and admin interfaces. */
.attaya-pager{
  --pager-primary:var(--attaya-primary,var(--primary,#2f6f2d));
  --pager-primary-2:var(--attaya-accent,var(--primary-2,#74a938));
  --pager-card:var(--attaya-card,var(--card,#fff));
  --pager-line:var(--attaya-line,var(--line,#e5ebe7));
  --pager-text:var(--attaya-text,var(--ink,#173d31));
  --pager-muted:var(--attaya-muted,var(--muted,#718078));
  width:min(100%,920px);
  margin:32px auto 0;
  padding:13px 15px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
  align-items:center;
  gap:18px;
  border:1px solid var(--pager-line);
  border-radius:20px;
  background:color-mix(in srgb,var(--pager-card) 96%,var(--pager-primary) 4%);
  box-shadow:0 14px 36px rgba(15,61,45,.08);
  color:var(--pager-text);
}
.attaya-pager__summary,.attaya-pager__status{
  min-width:0;
  display:flex;
  align-items:center;
  gap:9px;
  color:var(--pager-muted);
  font-size:13px;
  line-height:1.6;
  white-space:nowrap;
}
.attaya-pager__summary{justify-self:start}
.attaya-pager__status{justify-self:end}
.attaya-pager__summary strong,.attaya-pager__status strong{color:var(--pager-text);font-weight:900}
.attaya-pager__summary-icon{
  width:32px;
  height:32px;
  flex:0 0 32px;
  display:grid;
  place-items:center;
  border-radius:10px;
  background:color-mix(in srgb,var(--pager-primary) 10%,transparent);
  color:var(--pager-primary);
}
.attaya-pager__summary-icon svg{width:17px;height:17px}
.attaya-pager__controls{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-width:max-content;
}
.attaya-pager__button{
  width:42px;
  height:42px;
  flex:0 0 42px;
  display:inline-grid;
  place-items:center;
  border:1px solid var(--pager-line);
  border-radius:13px;
  background:var(--pager-card);
  color:var(--pager-text);
  font-size:14px;
  font-weight:900;
  line-height:1;
  text-decoration:none;
  box-shadow:0 5px 13px rgba(15,61,45,.035);
  transition:transform .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease,background .18s ease;
}
.attaya-pager__button:hover{
  transform:translateY(-2px);
  border-color:color-mix(in srgb,var(--pager-primary) 58%,var(--pager-line));
  color:var(--pager-primary);
  box-shadow:0 9px 18px rgba(15,61,45,.10);
}
.attaya-pager__button.is-edge{
  background:color-mix(in srgb,var(--pager-primary) 6%,var(--pager-card));
  color:var(--pager-primary);
  font-size:22px;
}
.attaya-pager__button.is-active{
  border-color:transparent;
  background:linear-gradient(135deg,var(--pager-primary),var(--pager-primary-2));
  color:#fff;
  box-shadow:0 10px 22px color-mix(in srgb,var(--pager-primary) 28%,transparent);
  cursor:default;
}
.attaya-pager__button.is-active:hover{transform:none;color:#fff}
.attaya-pager__button.is-disabled{
  opacity:.38;
  cursor:not-allowed;
  pointer-events:none;
  box-shadow:none;
}
.attaya-pager__dots{
  min-width:18px;
  color:var(--pager-muted);
  text-align:center;
  font-size:18px;
  line-height:1;
}
.attaya-pagination .attaya-pager{display:grid;justify-content:stretch;margin-top:0}
html.dark .attaya-pager{box-shadow:0 16px 38px rgba(0,0,0,.20)}

@media(max-width:900px){
  .attaya-pager{
    width:min(100%,650px);
    grid-template-columns:1fr 1fr;
    gap:13px 18px;
  }
  .attaya-pager__controls{grid-column:1/-1;grid-row:1;justify-self:center}
  .attaya-pager__summary{grid-column:1;grid-row:2}
  .attaya-pager__status{grid-column:2;grid-row:2}
}
@media(max-width:560px){
  .attaya-pager{
    width:100%;
    grid-template-columns:1fr;
    gap:12px;
    padding:12px;
    border-radius:17px;
  }
  .attaya-pager__controls{grid-column:1;grid-row:1;gap:5px;width:100%}
  .attaya-pager__summary,.attaya-pager__status{
    grid-column:1;
    justify-self:center;
    text-align:center;
    white-space:normal;
    font-size:12px;
  }
  .attaya-pager__summary{grid-row:2}
  .attaya-pager__status{grid-row:3}
  .attaya-pager__summary-icon{display:none}
  .attaya-pager__button{width:39px;height:39px;flex-basis:39px;border-radius:11px}
}
@media(max-width:390px){
  .attaya-pager__button.is-edge{display:none}
  .attaya-pager__controls{gap:6px}
}
@media(prefers-reduced-motion:reduce){
  .attaya-pager__button{transition:none}
  .attaya-pager__button:hover{transform:none}
}