/**
 * WooCommerce pagination
 */
.woocommerce-pagination {
	margin: 0 0 35px;
	list-style: none;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	
	
	> span,
	> a{
		// Pagination Number
		
		& + * {
			margin-left: $wc-pagination-number-offset;
		}
	}
	
	a.page-numbers,
	span.page-numbers {
		display: inline-block;
		font-size: $wc-pagination-number-fz;
		line-height: $wc-pagination-number-lh;
		padding: $wc-pagination-number-inset;
		text-align: $wc-pagination-number-ta;
		&:not(.prev):not(.next){
			height: $wc-pagination-number-height;
			width: $wc-pagination-number-width;
			border-radius: $wc-pagination-number-border-radius;
			border: $wc-pagination-number-border;
			
			&:hover,
			&.current {
				background-color: $wc-border-color;
			}
		}
		
		&.next {
			margin-left: $wc-pagination-text-offset;
		}
		
		&.prev {
			margin-right: $wc-pagination-text-offset;
		}
		
		&:hover {
			outline: none;
		}
		
		// Pagination icon
		.nav-icon {
			font-size: $wc-pagination-icon-fz;
			
			&::before {
				@extend %icon-font-default;
			}
			
			&.icon-next{
				margin-left: 4px;
				&::before {
					content: $wc-pagination-icon-next;
				}
			}
			
			&.icon-prev{
				margin-right: 4px;
				&::before {
					content: $wc-pagination-icon-prev;
				}
			}
			
		}
	}
}

// list pagination style
.woocommerce-pagination {
	margin: 0 0 35px;
	
	ul.page-numbers {
		list-style: none;
		margin: 0;
		display: flex;
		justify-content: flex-start;
		align-items: center;
		
		li {
			// Pagination Number
			.page-numbers {
				display: flex;
				justify-content: center;
				align-items: center;
				font-size: $wc-pagination-number-fz;
				line-height: $wc-pagination-number-lh;
				padding: $wc-pagination-number-inset;
				text-align: $wc-pagination-number-ta;
				&:not(.prev,.next){
					height: $wc-pagination-number-height;
					width: $wc-pagination-number-width;
					border-radius: $wc-pagination-number-border-radius;
					border: $wc-pagination-number-border;
					
					&:hover,
					&.current {
						background-color: $wc-border-color;
					}
				}
				
				&.next {
					margin-left: $wc-pagination-text-offset;
				}
				
				&.prev {
					margin-right: $wc-pagination-text-offset;
				}
				
				&:hover {
					outline: none;
				}
				
				// Pagination icon
				.nav-icon {
					font-size: $wc-pagination-icon-fz;
					
					&::before {
						@extend %icon-font-default;
					}
					
					&.icon-next::before {
						content: $wc-pagination-icon-next;
					}
					
					&.icon-prev::before {
						content: $wc-pagination-icon-prev;
					}
				}
			}
			
			& + li {
				margin-left: $wc-pagination-number-offset;
			}
		}
	}
}