/* CSS for tables rendered by Core Templates */
.view-commerce-store tbody > tr:nth-of-type(odd) {
    background-color: #d1d1d1;
}

.view-commerce-store tbody > tr:hover {
    background-color: #512888;
    color: white;
}

.view-commerce-store tbody > tr:hover a {
    color: white;
}


/* CSS for tables rendered by Core Templates */
.view-product-variation-view-test tbody > tr:nth-of-type(odd) {
    background-color: #d1d1d1;
}

.view-product-variation-view-test tbody > tr:hover {
      background-color: #512888;
      color: white;
}

.view-product-variation-view-test > tr:hover a {
      color: white;
}

.views-table thead {
    text-align: left;
}

/* Apply styling when hovering over row */
.button--primary {
    background-color: #512888;
    color: white;
    border: 1px solid transparent;
    padding: .5rem;
}

.view-commerce-store tbody > tr:hover  .button--primary {
    background-color: #f5f5f5;
    color: black;
    font-weight: bold;
}

.cart-flyout {
    position: fixed;
    right: 0;
    bottom: 0;
    padding: 4rem 5rem;
}

span.cart-block--summary__icon img {
    height: 4.5rem;
  }
  
  span.cart-block--summary__count {
    display: none;
  }


  /* Cart Flyout Styling */

.btn {
    padding: 7px 12px;
    transition: all 0.3s ease-in-out;
    font-size: 13px;
}

table.cart-block--offcanvas-cart-table.table {
    border-collapse: collapse;
    margin-bottom: 20px;
    margin-top: 0;
}

.table > thead > tr > th,
.table > thead > tr > td,
.table > tbody > tr > th,
.table > tbody > tr > td,
.table > tfoot > tr > th,
.table > tfoot > tr > td {
    padding: 8px;
    vertical-align: top;
    border-top: 1px solid #ddd;
    line-height: 1.42857;
}

.cart-block--offcanvas-contents__links a {
    text-decoration: none;
    transition: all 0.3s ease-in-out;
}