/*--------------------------------------------------------------
Widgets
--------------------------------------------------------------*/

// Use negative margins for card-header which is inside the card-body in sidebar-widgets
// See https://github.com/bootscore/bootscore/issues/444

// Reset ul in sidebar and footer widgets
.widget-area ul,
.bootscore-footer ul {
  padding: 0;
  list-style: none;
  margin-bottom: 0;
}

// Reset nested ul in sidebar widgets
.widget-area ul li ul li {
  padding: 0 1rem;
}

.widget-area ul li {
  margin-bottom: 15px;
}

// Reset padding-left in Footer menu
#footer-menu li a {
  padding-left: 0;
  color: inherit;
  
  svg{
    max-width: 20px;
    height: 20px;
    margin-right: 5px;
    fill: var(--nav-link-color, $anti-flash-white);
    path{
      fill: var(--nav-link-color, $anti-flash-white);
    }
  }
}

//Social media widget
.wpstream-social-media-list {
  gap: 10px;
  
  li{
    margin-bottom: 0px!important;
  }

  a {
    overflow: hidden;
    width: 44px;
    height: 44px;
    background-color: var(--wpstream-bg-share); 
    color: var(--bs-body-content-color);
    
    svg {
      height: 22px;  
    }

    &:hover {
      background-color: $palatinate-blue;

      svg {
        color: $anti-flash-white;
      }
    }
  }
}

//Recent comments widget
.wpstream-recent-comments {
  row-gap: 23px;

  .m-0 a{
      color:$argentinian-blue-light;
  }

  .text-gray {
    color: var(--wpstream-sidebar-item-color-grey);
  }

  .wpstream-recent-comment {
    gap: .75rem;
    .wpstream-recent-comment-author-img {
      width: 48px;
      height: 48px;
      border-radius: 50%;
      object-fit: cover;
    }
  }

  .wpstream-recent-comment-body {
    display: flex;
    flex-direction: column;
    gap: 5px;
    font-size: 15px;

    p:first-child {
      column-gap: .75rem;
    }
  }
}

//Recent post widget
.wpstream-recent-post {
  li:last-child {
    .wpstream-blog-card {
      margin-bottom: 0;
    }
  }
}

//Product list
.widget_wpstream-products {
  li:last-child {
    .wpstream-video-card-unit {
      margin-bottom: 0;
    }
  }
}

//Search widget
.widget_product_search ,
.widget_search {

    .wp-block-search__input,
    .form-control {
      border-right: none;
      padding: 10px 20px;
      border-radius: 25px;    
      
      &:focus{
        border-right: none!important;
        border: 1px solid var(--wpstream-line-color)!important;
      }
    }

    button {
      border-top-right-radius: 24px;
      border-bottom-right-radius: 24px;
      border-left: none;
      background-color: var(--wpstream-eerie-black);
      
      border: 1px solid var(--wpstream-line-color);
      padding-right: 20px;
      padding-left: 15px;
      color: var(--bs-body-content-color);
      &:hover i{
        opacity: 0.5;
      }
    }
 
}

//Dropdowns
section.widget {
  select {
    border-radius: 24px;
    background-color: var(--wpstream-eerie-black);
  }
}

//FOOTER WIDGETS
.footer_widget {
  margin-bottom: 30px;

  .searchform {
    input {
      border-right: none;
      padding: 9px 16px;
    }

    button {
      border-left: none;
      border-radius: 24px;
      background-color: var(--wpstream-eerie-black);
      &:hover{
        color: var(--bs-body-color);
      }
    }
  }

  select {
    border-radius: 24px;
    background-color: var(--wpstream-eerie-black);
    color: var(--bs-body-color);
    padding: 9px 16px;
  }

  .widget_shopping_cart_content {
    padding: 0;
  }

  .select2-container {
    background-color: var(--wpstream-eerie-black);
    border-radius: 24px;
    height: 44px;
  }

  .select2-dropdown {
    background-color: var(--wpstream-eerie-black) !important;
    color: var(--bs-body-color) !important;
    border: 1px solid var(--wpstream-header-search-border-color-default) !important;
    border-radius: 24px !important;
  }

  .select2-results__option[data-selected=true] {
    background-color: var(--bs-body-color);
    color: var(--wpstream-eerie-black);
  }

  .select2-container--default  {
    .select2-selection--single {
      background-color: var(--wpstream-eerie-black);
      height: 44px;
      border-radius: 24px;
      border: 1px solid var(--wpstream-header-search-border-color-default);

      .select2-selection__rendered {
        color: var(--bs-body-color) !important;
        line-height: 44px;
        padding-left: 16px;

        span {
          color: var(--bs-body-color) !important;
        }
      }

      .select2-selection__arrow {
        top: 10px;
        right: 16px;
      }
    }

    .select2-results__option--highlighted[data-selected] {
      background-color: #4e2ee5;
    }
  }

  .select2-selection__arrow {
    &:before {
      top: 0;
      position: absolute;
      content: url("../img/icons/select_arrow.svg");
      transition: all 300ms ease;
    }

    b {
      display: none;
    }
  }

  .select2-container--default.select2-container--open .select2-selection--single {
    .select2-selection__arrow {
      &:before {
        top: -10px;
        transform: rotate(180deg);
      }
    }
  }
}

.textwidget{
  a{
    text-decoration: underline;
  }
}