// Aligning Classes
.aligncenter {
	@extend .text-center;
}

.alignright {
	@extend .text-end;
}

.alignleft {
	@extend .text-start;
}

// Basic classes
.screen-reader-text {
	@extend .visually-hidden-focusable;
}

.skip-link:focus {
	font-weight: 600;
}

.wp-caption,
.wp-caption-text,
.gallery-caption,
.bypostauthor {
	font: inherit;
}

// Content width
img,
video,
.size-auto,
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
	max-width: 100%;
	height: auto;
}

// Sticky post card styling
.sticky {
	.card {
		@extend .border-primary;
		@extend .border-2;
	}
}

// Active Nav Item Class
.current-menu-item a {
	@extend .active;
}

// Widgets
.widget {
	select {
		@extend .form-select;
	}

	ul {
		@extend .list-unstyled;
		@extend .mb-0;
	}
}

// Recent Comments
.recentcomments,
.widget_recent_entries ul li {
	@extend .border-bottom;
	@extend .py-1;

	&:last-child {
		@extend .border-0;
		@extend .mb-0;
		@extend .pb-0;
	}
}

// Comments
.comment-body {
	@extend .card;
	@extend .shadow-sm;
	@extend .mb-2;

	.comment-meta {
		@extend .card-header;
		@extend .px-2;
		@extend .lh-sm;

		.avatar {
			@extend .rounded;
			@extend .me-2;
			@extend .float-start;
		}

		.says {
			@extend .d-none;
		}

		.comment-metadata {
			@extend .small;
			@extend .ms-2;
		}
	}

	.comment-content {
		@extend .card-body;

		p {
			@extend .mb-0;
		}
	}

	.reply {
		@extend .card-footer;
		@extend .py-1;
		a {
			@extend .small;
			@extend .d-block;
		}
	}
}

.comment .children {
	@extend .list-unstyled;
	@extend .ms-3;
	@extend .border-start;
	@extend .rounded;

	.comment-body {
		@extend .border-start-0;
	}
}

// Comment Form
#respond {
	@extend .card;
	@extend .shadow-sm;

	#reply-title {
		@extend .card-header;
		@extend .h4;
	}
}

#commentform {
	@extend .card-body;

	#email-notes {
		@extend .d-none;
	}

	label {
		@extend .form-label;
		@extend .mb-0;
	}

	#comment,
	#author,
	#email,
	#url {
		@extend .form-control;
	}

	.comment-form-cookies-consent {
		@extend .form-check;
		@extend .mb-3;

		label {
			@extend .form-check-label;
			@extend .small;
		}

		#wp-comment-cookies-consent {
			@extend .form-check-input;
		}
	}

	.form-submit {
		@extend .mb-0;

		#submit {
			@extend .btn;
			@extend .btn-primary;
			@extend .w-100;
		}
	}
}

.cat-links {
	a {
		@extend .badge;
		@extend .bg-primary;
		text-decoration: none;
	}
}

.tags-links {
	a {
		@extend .badge;
		@extend .bg-secondary;
		text-decoration: none;
	}
}

// Numbered Pagination Links
.page-numbers {
	@extend .pagination;
	@extend .flex-wrap;

	li {
		@extend .page-item;

		a,
		span {
			@extend .page-link;

			&.current {
				background-color: #6c757d;
				color: #ffffff;
				border-color: #6c757d;
			}

			&.dots {
				@extend .disabled;
			}
		}
	}
}

// Single Post Navigation
.nav-links {
	@extend .d-flex;
	@extend .flex-lg-row;
	@extend .flex-column;
	@extend .my-2;

	.nav-next {
		@extend .text-end;
		@extend .ms-lg-2;
	}

	.nav-previous,
	.nav-next {
		@extend .shadow-sm;
		@extend .card;
		@extend .card-body;
		@extend .p-2;
		@extend .mb-1;

		a {
			@extend .text-decoration-none;
		}
	}
}
