/* Seller Global Styles */
:root {
  --seller-primary: #009eb4;
  --seller-secondary: #3fbfae;
  --seller-primary-hover: #19aaca;
  --seller-info: #a2f2f8cc;
}

/* Hide arrows in input number */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type="number"] {
  -moz-appearance: textfield;
}
/* End Hide arrows in input number */

/* Change min-width in breakpoint */
@media screen and (max-width: 991px) {
  .container,
  .container-sm {
    max-width: none;
  }
}
/* Seller Colors */
.text-seller-primary {
  color: var(--seller-primary);
}

.text-seller-secondary {
  color: var(--seller-secondary);
}

.text-seller-info {
  color: var(--seller-info);
}

.btn-seller-primary {
  background-color: var(--seller-primary);
  border-color: var(--seller-primary);
}

.btn-seller-secondary {
  background-color: var(--seller-secondary);
  border-color: var(--seller-secondary);
}

.btn-seller-primary:hover,
.btn-seller-primary:focus,
.btn-seller-primary:active,
.btn-seller-primary.active {
  background-color: var(--seller-primary-hover);
}

.btn-seller-info {
  background-color: var(--seller-info);
  border-color: var(--seller-info);
}

.bg-seller-primary {
  background-color: var(--seller-primary);
}

.bg-seller-info {
  background-color: var(--seller-info);
}

.bg-seller-secondary {
  background-color: var(--seller-secondary);
}

.border-seller-primary {
  border-color: var(--seller-primary) !important;
}

.border-seller-secondary {
  border-color: var(--seller-secondary) !important;
}

.border-seller-info {
  border-color: var(--seller-info) !important;
}
/* End Seller Global Styles */

/* Set image with Height to container */
.set-image-to-height {
  display: block;
  height: 100%;
  margin: 0 auto;
  width: auto;
}
/* End Set image with Height to container */

/* Menu Styles */
.navbar-nav .nav-item .nav-link {
  border-radius: 5px;
}

.navbar-nav .nav-item .nav-link:hover,
.dropdown-menu .dropdown-item:hover {
  background-color: var(--seller-secondary);
  color: var(--bs-white);
}

.dropdown-menu[data-bs-popper] {
  left: auto;
  right: 0;
}
/* End Menu Styles */

/*Home and Cart carousel styles */
.home-carousel .image-container,
.cart-carousel .image-container {
  height: 43.3131vw;
  overflow: hidden;
}

.product-added {
  position: absolute;
  bottom: -60px;
  left: 10px;
}
/*End Home and Cart carousel styles */

/* Home images styles */
.home-image-cover {
  overflow: hidden;
  height: 51.775vw;
}

@media screen and (min-width: 768px) {
  .home-image-cover {
    height: 26.965vw;
  }
}
/* End Home images styles */

/* title lines */
.title-lines {
  position: relative;
}

.title-lines:before,
.title-lines:after {
  background-color: var(--seller-primary);
  content: "";
  display: inline-block;
  height: 2px;
  position: relative;
  top: -8px;
  width: 10vw;
}

.title-lines:before {
  margin-right: 15px;
}
.title-lines:after {
  margin-left: 15px;
}
/* End title lines */

/* Min width for price in table */
.price-min-width {
  min-width: 110px;
}
/* End Min width for price in table */

/* Styles for center the Switch component inside the tables */
table .form-switch {
  display: flex;
  justify-content: center;
}
/* End Styles for center the Switch component inside the tables */

/* loader styles */
.loader-wrapper {
  background: rgba(0, 0, 0, 0.7);
  display: flex;
  inset: 0;
  position: fixed;
  z-index: 10;
}

.spinner-wrapper {
  left: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
}

.spinner {
  animation: spin 1s linear infinite;
  border-bottom-color: var(--seller-primary);
  border-left-color: var(--seller-secondary);
  border-top-color: var(--seller-primary);
  border-right-color: var(--seller-secondary);
  border-radius: 50%;
  border-style: solid;
  border-width: 8px;
  display: block;
  height: 60px;
  width: 60px;
}

@media screen and (min-width: 768px) {
  .spinner {
    border-width: 16px;
    height: 120px;
    width: 120px;
  }
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* End loader styles */

/* List products styles */
.product-wrapper .card-img-top {
  overflow: hidden;
  height: 51.775vw;
}

@media screen and (min-width: 576px) {
  .product-wrapper .card-img-top {
    height: 24.775vw;
  }
}

@media screen and (min-width: 768px) {
  .product-wrapper .card-img-top {
    height: 16.378vw;
  }
}

@media screen and (min-width: 992px) {
  .product-wrapper .card-img-top {
    height: 164.63px;
  }
}

@media screen and (min-width: 1200px) {
  .product-wrapper .card-img-top {
    height: 145.03px;
  }
}

@media screen and (min-width: 1400px) {
  .product-wrapper .card-img-top {
    height: 170.23px;
  }
}
/* End List products styles */

/* Product page styles */
.product-carousel .carousel-indicators .active {
  border-color: var(--seller-secondary) !important;
}

.product-carousel .carousel-indicators button {
  border: 2px solid transparent !important;
  height: 56px;
}

.product-carousel .carousel-item {
  overflow: hidden;
  height: 80vw;
}

@media screen and (min-width: 768px) {
  .product-carousel .carousel-item {
    height: 500px;
  }
}

/* Product added message */
.product-added {
  position: absolute;
  bottom: -60px;
  left: 10px;
}

/* End Product page styles */

/* Related product styles */
.related-product {
  overflow: hidden;
  height: 51.775vw;
}

@media screen and (min-width: 992px) {
  .related-product {
    height: 164.63px;
  }
}

@media screen and (min-width: 1200px) {
  .related-product {
    height: 198.23px;
  }
}

@media screen and (min-width: 1400px) {
  .related-product {
    height: 231.83px;
  }
}
/* End Related product styles */

/* Privacy data page styles */
.pol-data {
  max-width: 768px;
  margin: auto;
}
/* End Privacy data page styles */

/* Avoid spaces in wiziwig content */
li {
  white-space: normal !important;
}
/* End Avoid spaces in wiziwig content */

/* State changes styles*/
.status-changed {
  bottom: -46px;
  left: 0;
  position: absolute;
  z-index: 1;
}
/* End State changes styles*/

/* Update product styles */
.product-update-form input[type="file"] {
  background-image: none !important;
  border-color: #ced4da !important;
}
/* End Update product styles */

.code-copied {
  position: absolute;
  bottom: -60px;
  left: 10px;
}