.widget-area {
	.widget:not(.widget-latest-posts) {
		margin: 0 0 1.5em;

		// Make sure select elements fit in widgets.
		select {
			max-width: 100%;
		}

		.widget-title {
			margin-top: 0;
			margin-bottom: 1rem;
		}

		ul {
			li {
				a {
					display: inline-block;
					@include transition;

					&:hover {
						color: $color_main_hover;
						@include transition;

						&::before {
							@include animation;
							@include transition;
						}
					}

					&::before {
						content: "\f138";
						font-family: "Font Awesome 5 Free";
						font-weight: 700;
						margin-right: 0.7rem;
						display: inline-block;
						color: $color_main_hover;
						@include transition;
					}
				}
			}
		}

		.wc-block-grid__products {
			.wc-block-grid__product-onsale {
				background-color: transparent;
			}

			.price {
				ins {
					span {
						color: #404040 !important;
					}
				}
			}

			a {
				&::before {
					content: none;
				}
			}
		}
	}

	.widget-latest-posts {
		ul {
			list-style: none;
			margin: 0;
			padding: 0;

			li.widget-holder {
				display: flex;
				margin-bottom: 1.5rem;

				a.post-thumbnail {
					-ms-flex: 0 0 auto;
					flex: 0 0 auto;

					img {
						width: 7.8rem;
						height: auto;
						font-family: 'object-fit: cover;';
						float: left;
						margin-right: 1.5rem;
						box-shadow: 0 3px 12px -1px rgba(7,10,25,.2), 0 22px 27px -20px rgba(7,10,25,.2);
						@include transition;

						&:hover {
							transform: translateY(-2px);
							@include transition;
						}
					}
				}

				.content {
					a.post-title {
						font-size: 1rem;
						font-weight: 500;
						color: $color_dark_blue;
					}

					.post-meta {
						font-size: 0.8rem;
						margin-top: 0.2rem;

						a.date-link {
							color: $color_text_input;
						}
					}
				}
			}
		}
	}

	.widget_recent_entries {
		ul {
			li {
				a {
					position: relative;
				}
			}
		}
	}

	.widget_recent_comments {
		#recentcomments {
			.comment-author-link {
				a {
					&:hover {
						&::before {
							transform: none;
						}
					}
				}
			}

			li.recentcomments > a {
				&::before {
					display: none;
				}
			}
		}
	}

	.widget_calendar {
		table.wp-calendar-table {
			border-collapse: collapse;
			border: none;
			margin: 0 0 1em;

			caption,
			thead {
				background-color: $color_background_f1f1f1;
			}

			caption {
				padding: 0.3rem 0;
				font-size: 1.3rem;
			}

			thead {
				tr {
					th {
						text-align: center;
						font-weight: 500;
						padding: 0.3rem 0;
						border: none;
						background-color: transparent;
					}
				}
			}

			tbody {
				tr {
					td {
						text-align: center;
						padding: 0.3rem;
						border: none;

						&#today {
							background-color: $color_background_f1f1f1;
						}
					}
				}
			}
		}

		.wp-calendar-nav {
			display: flex;
			justify-content: space-between;
		}
	}

	.widget_media_image {
		img.image {
			max-height: 12.5rem;
			@include transition;
		}

		a {
			&:hover {
				img {
					opacity: 0.8;
					@include transition;
				}
			}
		}
	}

	.widget_media_gallery {
		.gallery {
			grid-gap: 0.5em;

			img {
				@include transition;
			}

			a {
				&:hover {
					img {
						opacity: 0.8;
						@include transition;
					}
				}
			}
		}
	}

	.widget_nav_menu {
		ul.menu {
			li.menu-item-has-children {
				ul.sub-menu {
					position: relative !important;
					left: auto !important;
					top: auto !important;
					max-height: 0 !important;
					overflow: hidden;
					-webkit-box-shadow: none;
					box-shadow: none;
					background: none;
					padding: 0;
					-webkit-transform: none !important;
					-ms-transform: none !important;
					transform: none !important;
					max-width: 13rem;
					margin-left: 1.6rem;
					@include transition;

					li:not(.menu-item-has-children) {
						a {
							&::before {
								display: none;
							}
						}
					}

					li {
						ul {
							margin-left: 0.6rem;
						}
					}
				}

				&:hover,
				&:focus-within {
					& > ul.sub-menu {
						opacity: 1;
						visibility: visible;
						max-height: 50vh !important;
						padding: 0.3rem 0;
						overflow: auto;
						@include transition;
					}

					& > a {
						&::before {
							transform: rotate(90deg);
						}
					}
				}
			}
		}
	}

	.widget_rss {
		.widget-title {
			a.rsswidget {
				color: $color_text_main;
			}
		}
	}

	.widget_text {
		.textwidget {
			p {
				color: $color_text_main;

				a {
					color: $color_text_main;

					&:hover {
						color: $color_background_f1f1f1;
					}
				}
			}
		}
	}

	.widget_media_audio,
	.widget_media_video {
		.mejs-button {
			button {
				border-radius: 0;
				background-color: transparent;
				padding: 0;
				font-size: 0;
				line-height: normal;
				font-weight: 700;
				transform: none;
				box-shadow: none;
			}
		}
	}

	.widget-socials {
		ul {
			li {
				a {
					display: flex !important;

					&::before {
						content: none !important;
					}

					span {
						color: inherit !important;
					}
				}
			}
		}
	}

	.widget_shopping_cart {
		.woocommerce-mini-cart {
			li {
				position: relative;
				overflow: hidden;
				z-index: 1;
				margin-bottom: 1rem !important;

				&:last-child {
					margin-bottom: 0 !important;
				}

				a.remove {
					position: absolute;
					z-index: 2;
					top: 0;
					right: 0;
					width: 0.9rem;
					height: 0.9rem;
					font-size: 1rem;
					line-height: 0.8rem;
					text-align: center;
					font-weight: normal;
					text-decoration: none;
				}

				a {
					display: block !important;
					margin-bottom: 0.25rem;
					font-size: 1rem;
					font-weight: 500;
					line-height: 1.5;

					img {
						margin: 0;
						margin-right: 1rem;
						float: left;
						width: 5.5rem;
						max-width: 100%;
					}

					&::before {
						content: none !important;
					}
				}

				dl {
					margin: 0;
					display: flow-root;

					dt {
						display: inline-block;
						font-weight: 600;
						padding: 0;
						margin: 0 0.3rem 0 0;
						clear: left;
						float: left;
					}

					dd {
						display: inline-block;
						margin: 0;
						float: left;

						p {
							margin: 0;
						}
					}
				}

				span.quantity {
					font-size: 0.85rem;
					font-weight: normal;
					position: relative;
					padding: 0;
					margin: 0;
				}
			}
		}

		.woocommerce-mini-cart__empty-message {
			&::before {
				color: inherit !important;
				border-color: inherit !important;
			}
		}

		.woocommerce-mini-cart__total {
			display: flex;
			justify-content: space-between;
			align-items: center;
			font-size: 0.75rem;
			font-weight: 700;
			text-align: center;
			text-transform: uppercase;
			letter-spacing: 0.05em;
			margin-top: 1rem;
			margin-bottom: 0;
			padding-top: 1rem;
			border-top: 1px dashed $color_border;

			.woocommerce-Price-amount {
				font-size: 1rem;
			}
		}

		.woocommerce-mini-cart__buttons {
			display: grid;
			grid-template-columns: repeat(2, 1fr);
			grid-column-gap: 0.9rem;
			margin-top: 0.9rem;
			margin-bottom: 0;

			a.button {
				border-radius: 0.2rem;
				color: $color_white;
				background-color: $color_main;
				padding: 0.5rem 1.5rem;
				font-size: 0.7rem;
				line-height: 1.5rem;
				font-weight: 700;
				text-align: center;
				text-transform: uppercase;
				cursor: pointer;
				@include transition;

				&:hover {
					color: $color_white;
					transform: translateY(-2px);
					box-shadow: 0 2px 4px rgba(0,0,0,.1);
					@include transition;
				}
			}
		}

		p.woocommerce-mini-cart__empty-message {
			display: flex;
			align-items: center;
			justify-content: center;
			flex-direction: column;
			overflow: hidden;

			&::before {
				display: flex;
				align-items: center;
				justify-content: center;
				width: 4rem;
				height: 4rem;
				content: '\f218';
				font-family: 'Font Awesome 5 Free';
				font-weight: 700;
				color: $color_white;
				margin-bottom: 1.25rem;
				position: static;
				font-size: 1.8rem;
				border: 1px solid $color_white;
				text-align: center;
				border-radius: 50%;
			}
		}
	}

	.wc-block-grid__products {
		.wc-block-grid__product {
			.wc-block-grid__product-image {
				img {
					height: 120px;
				}
			}

			.wc-block-grid__product-title {
				font-size: 0.8rem;
				text-align: center;
			}

			.wc-block-grid__product-onsale {
				position: relative;
				margin: 0;
				top: 0;
				left: 0;
				height: auto;
				line-height: normal;
			}

			.wc-block-grid__product-price {
				display: flex;
				flex-direction: column;
				font-size: 0.8rem;

				del {
					font-size: 0.8rem;
					margin: 0;
					opacity: 0.5;
				}
			}

			.wp-block-button {
				width: 100% !important;
				margin: 0 0 10px !important;

				& > a {
					font-size: 0.8rem;
				}
			}
		}
	}

	.wc-block-featured-product__wrapper {
		.wc-block-featured-product__price {
			display: flex;
			flex-direction: row-reverse;
			align-items: center;
			justify-content: center;
			
			del {
				opacity: 0.5;

				span {
					color: #fff;
				}
			}

			ins {
				background-color: transparent;

				span {
					color: #fff;
				}
			}
		}
	}
}

@media ( max-width: 35rem ) {
	.widget-area {
		.widget_nav_menu {
			ul.menu {
				li.menu-item-has-children {
					ul.sub-menu {
						opacity: 1;
						visibility: visible;
						max-height: 50vh !important;
						padding: 0.3rem 0;
						margin-left: 0.6rem;
						overflow: auto;
						@include transition;
					}
				}
			}
		}
	}
}