/*
 * Responsive development layer.
 * Temporary background colors identify the active viewport range.
 */

:root {
  --kno-responsive-dev-bg: #ffffff;
}

html,
body {
  background-color: var(--kno-responsive-dev-bg) !important;
}

.kno-account-orders .table-responsive {
  display: block;
  max-width: 100%;
  overflow-x: scroll !important;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  scrollbar-color: #7a7a7a #e6e6e6;
  scrollbar-width: auto !important;
}

.kno-account-orders .table-responsive::-webkit-scrollbar,
.kno-account-orders .table-responsive::-webkit-scrollbar:horizontal {
  height: 28px !important;
  width: 28px !important;
}

.kno-account-orders .table-responsive::-webkit-scrollbar-track {
  background: #e6e6e6 !important;
}

.kno-account-orders .table-responsive::-webkit-scrollbar-thumb {
  background: #6a6a6a !important;
  border: 5px solid #e6e6e6 !important;
  border-radius: 14px !important;
  min-width: 4rem;
}

.kno-account-orders .table-responsive::-webkit-scrollbar-thumb:hover {
  background: #505050 !important;
}

.kno-account-orders .kno-order-report-table {
  margin-bottom: 0;
  min-width: max-content;
  width: max-content;
}

/* <= 359.98px */
@media (max-width: 359.98px) {
  /*:root {
    --kno-responsive-dev-bg: #ffe1e6;
  }*/

  .ps-featuredproducts .product-miniature__form {
    grid-template-columns: 1fr;
  }

  .ps-featuredproducts .product-miniature__form .quantity-button,
  .ps-featuredproducts .product-miniature__add {
    justify-self: stretch;
    width: 100%;
  }
}

/* 360px - 575.98px */
@media (min-width: 360px) and (max-width: 575.98px) {
  /*:root {
    --kno-responsive-dev-bg: #fff0bf;
  }*/
}

/* <= 575.98px */
@media (max-width: 575.98px) {
  .koinobio-brand__text {
    display: none !important;
  }

  .koinobio-cart-panel {
    left: 0;
    max-width: 100vw;
    width: 100vw;
  }

  .kno-account-orders,
  .kno-account-orders .kno-card {
    max-width: 100%;
    min-width: 0;
  }

  .kno-account-orders .table-responsive {
    scrollbar-color: #6a6a6a #dedede;
    scrollbar-width: auto !important;
  }

  .kno-account-orders .table-responsive::-webkit-scrollbar,
  .kno-account-orders .table-responsive::-webkit-scrollbar:horizontal {
    height: 30px !important;
    width: 30px !important;
  }

  .kno-account-orders .table-responsive::-webkit-scrollbar-track {
    background: #dedede !important;
  }

  .kno-account-orders .table-responsive::-webkit-scrollbar-thumb {
    background: #5f5f5f !important;
    border: 5px solid #dedede !important;
    border-radius: 15px !important;
  }
}

/* 576px - 767.98px */
@media (min-width: 576px) and (max-width: 767.98px) {
  /*:root {
    --kno-responsive-dev-bg: #d9f7e5;
  }*/
}

/* <= 767.98px */
@media (max-width: 767.98px) {
  .header-bottom__actions,
  .header-bottom__actions.d-none {
    display: flex !important;
    flex: 0 0 auto;
    margin-left: 0 !important;
    order: 30;
  }

  .header-bottom__actions #_desktop_ps_customersignin,
  .header-bottom__actions #_desktop_ps_shoppingcart,
  .header-bottom__actions .ps-customersignin,
  .header-bottom__actions .ps-shoppingcart {
    display: none !important;
  }
}

@layer utilities {
  @media (max-width: 575.98px) {
    .koinobio-brand__text {
      display: none !important;
    }
  }

  @media (max-width: 767.98px) {
    .header-bottom__actions.d-none {
      display: flex !important;
    }
  }
}

/* 768px - 991.98px */
@media (min-width: 768px) and (max-width: 991.98px) {
  /*:root {
    --kno-responsive-dev-bg: #d9ecff;
  }*/
}

/* 992px - 1199.98px */
@media (min-width: 992px) and (max-width: 1199.98px) {
  /*:root {
    --kno-responsive-dev-bg: #eadfff;
  }*/
}

/* <= 1199.98px */
@media (max-width: 1199.98px) {
  .kno-rgpd__manage-label {
    display: none;
  }

  .kno-rgpd__manage-icon {
    display: inline-block;
  }
}

/* >= 1200px */
@media (min-width: 1200px) {
  .kno-rgpd__manage-icon {
    display: none;
  }
}

/* >= 1200px */
@media (min-width: 1200px) {
  /*:root {
    --kno-responsive-dev-bg: #e8e8e8;
  }*/
}