/* CEO SHIELD Mobile Commercial UX V3 - five-row result pagination */

html[data-ceo-commercial-ux="v1"] .mob-v5413-pagination,
html[data-ceo-commercial-ux="v2"] .mob-v5413-pagination {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
  align-items:center;
  gap:10px;
  margin:14px 0 0;
}

html[data-ceo-commercial-ux="v1"] .mob-v5413-pagination button,
html[data-ceo-commercial-ux="v2"] .mob-v5413-pagination button {
  min-height:48px;
  border:1px solid #326ba6;
  border-radius:12px;
  background:#163657;
  color:#f4f9ff;
  font-family:inherit;
  font-size:14px;
  font-weight:700;
  line-height:1.2;
  cursor:pointer;
  touch-action:manipulation;
}

html[data-ceo-commercial-ux="v1"] .mob-v5413-pagination button:not(:disabled):active,
html[data-ceo-commercial-ux="v2"] .mob-v5413-pagination button:not(:disabled):active {
  transform:translateY(1px);
  background:#1f4d7b;
}

html[data-ceo-commercial-ux="v1"] .mob-v5413-pagination button:disabled,
html[data-ceo-commercial-ux="v2"] .mob-v5413-pagination button:disabled {
  border-color:#243c57;
  background:#0b1a2c;
  color:#64778d;
  cursor:default;
}

html[data-ceo-commercial-ux="v1"] .mob-v5413-pagination span,
html[data-ceo-commercial-ux="v2"] .mob-v5413-pagination span {
  min-width:68px;
  color:#9fb6cf;
  font-size:13px;
  text-align:center;
  white-space:nowrap;
}

html[data-ceo-commercial-ux="v1"] .mob-v5413-pagination span b,
html[data-ceo-commercial-ux="v2"] .mob-v5413-pagination span b {
  color:#ffffff;
  font-size:16px;
}

html[data-ceo-commercial-ux="v1"] .mob-v5413-page-summary,
html[data-ceo-commercial-ux="v2"] .mob-v5413-page-summary {
  margin:8px 0 0;
  color:#7890aa;
  font-size:11px;
  text-align:center;
}

@media (max-width:380px){
  html[data-ceo-commercial-ux="v1"] .mob-v5413-pagination,
  html[data-ceo-commercial-ux="v2"] .mob-v5413-pagination {
    gap:8px;
  }
}