/* DTB Feature listing – bottom pagination bar aligned like category pages
   Target only this module page (PS 1.6 body id)
*/
#module-dtbfeaturelisting-value .dtbfeature-flexbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:nowrap;
}

#module-dtbfeaturelisting-value .dtbfeature-left{
  flex:1 1 33%;
  white-space:nowrap;
}

#module-dtbfeaturelisting-value .dtbfeature-center{
  flex:0 0 auto;
  white-space:nowrap;
}

/* Hide the internal count/showall that some pagination.tpl versions print */
#module-dtbfeaturelisting-value .dtbfeature-center .product-count,
#module-dtbfeaturelisting-value .dtbfeature-center .showall{
  display:none !important;
}

#module-dtbfeaturelisting-value .dtbfeature-right{
  flex:1 1 33%;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  white-space:nowrap;
}

/* Prevent floats from breaking flex */
#module-dtbfeaturelisting-value .dtbfeature-flexbar .product-count,
#module-dtbfeaturelisting-value .dtbfeature-flexbar ul.pagination,
#module-dtbfeaturelisting-value .dtbfeature-flexbar .showall{
  float:none !important;
  margin:0 !important;
}
/* dtbfeaturelisting: pagination spacing like native PS1.6 */
#module-dtbfeaturelisting-value ul.pagination > li > a,
#module-dtbfeaturelisting-value ul.pagination > li > span {
  padding: 2px 8px;
}

/* optional: make sure items have a tiny gap like PS1.6 often has */
#module-dtbfeaturelisting-value ul.pagination > li {
  margin: 0 2px 0 0;
}
/* Force PS1.6-like chevrons on dtbfeaturelisting pagination */
#module-dtbfeaturelisting-value .pagination .icon-chevron-left,
#module-dtbfeaturelisting-value .pagination .icon-chevron-right {
  font-size: 12px !important;     /* makes it look like native */
  line-height: 12px !important;
  color: #777 !important;         /* light grey like screenshot */
  position: relative !important;
  top: 1px !important;            /* aligns vertically */
}

/* Make sure the icon has a little breathing room from the text */
#module-dtbfeaturelisting-value .pagination .icon-chevron-left {
  margin-right: 6px !important;
}
#module-dtbfeaturelisting-value .pagination .icon-chevron-right {
  margin-left: 6px !important;
}

/* On hover, match native behavior (slightly darker) */
#module-dtbfeaturelisting-value .pagination a:hover .icon-chevron-left,
#module-dtbfeaturelisting-value .pagination a:hover .icon-chevron-right {
  color: #555 !important;
}

/* If prev/next is disabled, keep icon greyed out */
#module-dtbfeaturelisting-value .pagination .disabled .icon-chevron-left,
#module-dtbfeaturelisting-value .pagination .disabled .icon-chevron-right {
  color: #bbb !important;
}