@import "variables";

.close-dialog-btn {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    top: -40px;
    right: 0;
    text-decoration: none;
    text-align: right;
    padding: 0 0 18px 10px;
    color: $secondary;
    font-style: normal;
    font-size: 32px;
    border: none;
    background: transparent;
  }

  .input-group {
    .quantity-plus, .quantity-minus {
      border-radius: 50% !important;
    }
  }

  // .nav-tabs .nav-link.active,
  // .nav-tabs .nav-link:hover, 
  // .nav-tabs .nav-link:focus {
  //   border-color: $body-color;
  //   border-bottom: 1px solid $font-color;
  // }

  .mr-auto {
    margin-right: auto !important;
}

.collapse:not(.show) {
  
}

.order-summary .card-header a.collapse::after {
  opacity: 1;
}

.p-relative {
  position: relative !important;
}

.bg-grey {
  background-color: #f5f5f5 !important;
}

.bg-header {
  background-color: $primary !important;
}

.bg-primary {
  background-color: $secondary !important;
}

.bg-secondary {
  background-color: $font-color-dark !important;
}

.pt-10 {
  padding-top: 5rem !important;
}

.pb-10 {
  padding-bottom: 5rem !important;
}

.mb-10 {
  margin-bottom: 5rem !important;
}

// wishlist table
.wishlist-table .product-price {
  width: 15.17%;
}

.wishlist-table .product-stock-status {
  width: 19.84%;
}

.wishlist-table .wishlist-action {
  width: 24.19%;
}

@media (min-width: 992px)
{
  .ml-lg-2 {
      margin-left: 1rem !important;
  }
}

.mr-4 {
  margin-right: 1.5rem !important;
}

.product-thumbs-wrap {
  margin-bottom: 1rem;
}

.cart-dropdown.cart-offcanvas .dropdown-box {
  overflow-y: auto;
  // height: 100%;
}

.search-results {
  position: absolute;
  max-height: 400px;
  overflow-y: auto;
  z-index: 101;
  background: rgb(255, 255, 255);
  width: 100%;
  border: 1px solid rgb(240, 240, 240);
  box-sizing: border-box;
  box-shadow: rgb(34 34 34 / 12%) 0px 2px 4px, rgb(34 34 34 / 12%) 0px 0px 1px;
  border-radius: 0px 0px 8px 8px;
}

.search-results .single-line {
  display: flex;
  flex-direction: row;
  -webkit-box-align: center;
  align-items: center;
  cursor: pointer;
  padding: 6px 8px;
}

.search-results .single-line p {
  margin-bottom: 0;
}

.search-results .single-line:hover {
  background: rgb(249, 249, 249);
}

.search-results .hover {
  background: rgb(249, 249, 249);
}

.single-line-item {
  padding: 8px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: left;
  -ms-flex-pack: left;
  justify-content: left;
  font-size: 14px;
}

.item-image {
  // max-height: 32px;
  width: 32px;
}

.item-content {
  margin-left: 12px;
  color: #212121;
}

.item-product {
  color: #757575;
  font-weight: 400;
}

.item-content .category {
  font-size: 12px;
  padding-top: 4px;
  color: #2874f0;
  font-weight: 500;
}

.header-search {
  max-width: 100%;
  // padding: 10px;
}

.font-weight-bold {
  font-weight: 700!important;
}

.page-header {
  text-align: left;
}

.btn-secondary:hover,
.btn-secondary:active,
.btn-secondary:focus {
  color: $light-color;
  border-color: $font-color-dark;
  background-color: $font-color-dark;   
}

.btn-primary:hover, 
.btn-primary:active, 
.btn-primary:focus {
  border-color: $font-color-dark;
  background-color: $font-color-dark;   
}

.title-link-wrapper::after {
  border-bottom: 2px solid $secondary-dark;
}

.product-price {
  color: $font-color;
  font-size: 2.0rem;
  // font-weight: 800;
  letter-spacing: -0.05em;
  line-height: 1.6;
  transition: visibility 0.4s, opacity 0.4s;
  font-family: Arial;
}

.product .product-price {
  overflow: visible;
}

.product-tabs .nav-tabs .nav-link:hover,
.product-tabs .nav-tabs .nav-link.active {
    color: $font-color;
}

.tab-nav-underline .nav-item .nav-link.active::after,
.tab-nav-underline .nav-item:hover .nav-link::after {
  border-color: $font-color;
}

.form-control:focus {
  // background-color: $secondary-dark;
  box-shadow: none;
  border-color: $secondary;
}

// .form-control:focus {
//   color: $secondary;
// }

.form-control-secondary {
  background-color: $secondary;
}

.form-control-secondary:focus {
  background-color: $secondary;
}

.header-top .header-right a:hover {
  color: $primary;
}

.header-top .header-right .dropdown-box a:hover {
  color: $secondary-dark;
}

// .product-modal .m-dialog {
//   background: $primary !important;
//   border: 2px solid $secondary;
// }

.m-message-box .m-dialog {
  color: $primary !important
}

.my-account .nav-tabs .nav-item .nav-link.active{
  color: $primary;
  background: $secondary;
}

.form-check-input {
  background-color: $secondary !important;
}

.form-check-input:checked {
  background-color: $secondary-dark !important;
  border-color: $secondary !important;
}

.icon-box.icon-border-box {
  height: 100%;
}

.product.product-cart .btn-close:hover {
  color: $secondary !important
}

.logo {
  display: flex;
  justify-content: center;
}

.tab-pane p {
  font-size: 1.4rem;
}

.my-account .nav-link.p-lr{
  padding: 1.7rem 1rem 1.6rem !important;
}