/* Blog Pagination Styles */
.uagb-post-pagination-wrap {
  display: flex !important;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 40px 0;
  clear: both !important;
  width: 100% !important;
  margin: 40px 0 20px 0 !important;
  position: static !important;
  background-color: transparent;
}

/* Ensure masonry grid doesn't overlap pagination */
.wp-block-uagb-post-masonry {
  margin-bottom: 0 !important;
}

.wp-block-uagb-post-masonry::after {
  content: "";
  display: table;
  clear: both;
}

.uagb-post-pagination-prev,
.uagb-post-pagination-next,
.uagb-post-pagination-number {
  display: inline-block;
  padding: 10px 16px;
  background-color: transparent;
  color: #333333;
  text-decoration: none !important;
  border-radius: 4px;
  font-weight: 500;
  transition: all 0.2s ease;
  border: 2px solid #e0e0e0;
}

.uagb-post-pagination-prev:hover,
.uagb-post-pagination-next:hover,
.uagb-post-pagination-number:hover {
  background-color: #9d0000;
  color: #ffffff;
  border-color: #9d0000;
  text-decoration: none !important;
}

.uagb-post-pagination-number.active {
  background-color: transparent;
  color: #333333;
  border-color: #9d0000;
  border-width: 2px;
  cursor: default;
  font-weight: 700;
}

.uagb-post-pagination-numbers {
  display: flex;
  gap: 5px;
  align-items: center;
}

.uagb-post-pagination-ellipsis {
  padding: 10px 8px;
  color: #666666;
  font-weight: 500;
  user-select: none;
}

@media (max-width: 768px) {
  .uagb-post-pagination-wrap {
    flex-wrap: wrap;
  }

  .uagb-post-pagination-prev,
  .uagb-post-pagination-next,
  .uagb-post-pagination-number {
    padding: 8px 12px;
    font-size: 14px;
  }
}