/*
Worto Widgets Styles
*/

/* Worto Posts Widget */
.posts-widget .posts-widget-item {
  display: flex;
  align-items: center;
  column-gap: 0.75rem;
  margin-bottom: 1rem;
}

.posts-widget .posts-widget-item:last-child {
  margin-bottom: 0;
}

.posts-widget .posts-widget-thumbnail {
  flex: 1;
}

.posts-widget .posts-widget-thumbnail img {
  border-radius: 0.5rem;
  width: 100%;
}

.posts-widget .posts-widget-item-content {
  flex: 2;
  color: #333;
}

.posts-widget .posts-widget-item-content h5 {
  font-size: 1rem;
  margin-bottom: 0.25rem;
}

.posts-widget .posts-widget-item-content span {
  font-size: 0.75rem;
}

/* Worto Products Widget */
.products-widget .products-widget-item {
  display: flex;
  align-items: center;
  column-gap: 0.75rem;
  margin-bottom: 1rem;
}

.products-widget .products-widget-item:last-child {
  margin-bottom: 0;
}

.products-widget .products-widget-thumbnail {
  flex: 1;
}

.products-widget .products-widget-thumbnail img {
  border-radius: 0.5rem;
  width: 100%;
}

.products-widget .products-widget-item-content {
  flex: 2;
  color: #333;
}

.products-widget .products-widget-item-content h5 {
  font-size: 1rem;
  margin-bottom: 0.25rem;
}

.products-widget .products-widget-item-content span {
  font-size: 0.75rem;
}

/* Worto Categories Widget */
.categories-list-widget {
  width: 100%;
  display: block;
}

aside .categories-list-widget {
  margin-bottom: 1rem;
}

footer .categories-list-widget {
  margin-bottom: 2rem;
}

.categories-list-widget ul li a {
  margin-bottom: 1rem;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  display: block;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
  color: #fff;
  height: 70px;
  padding: 1rem;
  border-radius: 0.5rem;
}

.categories-list-widget ul li a:last-child {
  margin-bottom: 0;
}

.categories-list-widget ul li a span.categories-list-title {
  position: absolute;
  line-height: 40px;
  left: 15px;
}

.categories-list-widget ul li a span.categories-list-count {
  position: absolute;
  line-height: 30px;
  margin: 5px 0;
  right: 15px;
  width: 30px;
  height: 30px;
  text-align: center;
  border-radius: 100%;
  font-size: 0.75rem;
  background-color: #fff;
  color: #212529;
  font-weight: 600;
}

.categories-list-widget ul li a .categories-list-cover {
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 0;
  left: 0;
  transition-duration: 0.2s;
  opacity: 0.6;
}

.categories-list-widget ul li a:hover .categories-list-cover {
  opacity: 0.5;
}

/* Worto About Widget */
.about-widget.image-is-circle .about-widget-img {
  border-radius: 50%;
}

.about-widget.is-centered {
  text-align: center;
}

/* Worto Contact Widget */
.contact-widget .contact-info-icon {
  margin-right: 0.5rem;
}

.contact-widget .contact-info-icon i {
  vertical-align: middle;
}

.contact-widget ul li {
  margin-bottom: 0.5rem;
}

/* Worto SocialMedia Widget */
.socialmedia-widget a {
  display: block;
  text-align: center;
  padding: 1rem;
  border-radius: 1rem;
}

.socialmedia-widget i {
  display: block;
  font-size: 2.5rem;
  margin-bottom: 0.5rem;
}

.socialmedia-widget .instagram-page {
  background: linear-gradient(
    150deg,
    rgba(64, 93, 230, 1) 0%,
    rgba(131, 58, 180, 1) 25%,
    rgba(225, 48, 108, 1) 50%,
    rgba(245, 96, 64, 1) 75%,
    rgba(252, 175, 69, 1) 100%
  );
  color: #fff;
  margin-bottom: 1rem;
}

.socialmedia-widget .instagram-page:hover {
  background: linear-gradient(
    150deg,
    rgba(64, 93, 230, 0.9) 0%,
    rgba(131, 58, 180, 0.9) 25%,
    rgba(225, 48, 108, 0.9) 50%,
    rgba(245, 96, 64, 0.9) 75%,
    rgba(252, 175, 69, 0.9) 100%
  );
}

.socialmedia-widget .telegram-channel {
  background: linear-gradient(
    0deg,
    rgba(42, 171, 238, 1) 0%,
    rgba(34, 158, 217, 1) 100%
  );
  color: #fff;
}

.socialmedia-widget .telegram-channel:hover {
  background: linear-gradient(
    0deg,
    rgba(42, 171, 238, 0.9) 0%,
    rgba(34, 158, 217, 0.9) 100%
  );
}

/* Worto Ads Widget */
.ads-widget .image-ad {
  display: block;
  margin-bottom: 1rem;
}

.ads-widget .image-ad .image-ad-img {
  width: 100%;
  border-radius: 0.5rem;
}

.ads-widget .text-ad {
  display: block;
  margin-bottom: 0.75rem;
  text-align: center;
  padding: 0.5rem;
  border-radius: 0.5rem;
}

.ads-widget .text-ad i {
  margin-right: 0.5rem;
}

/* Worto Newsletter Widget */
.newsletter-widget .newsletter-form {
  display: flex;
  justify-content: space-between;
}

.newsletter-widget .newsletter-form .newsletter-email {
  width: 100%;
  margin-right: -5%;
  height: 3rem;
}

.newsletter-widget .newsletter-form .newsletter-submit {
  height: 3rem;
}