/*
 * AQUELLA — Desktop Styles
 * Version: 1.1
 *
 * Product cards: desktop v1.0 unchanged.
 * Mini-cart: desktop improvements v1.1.
 *
 * Only for desktop screens >= 1024px.
 * Mobile CSS remains unchanged.
 */

@media screen and (min-width: 1024px) {

  /* =====================================
     PRODUCT LIST
     ===================================== */

  .aquella-product-list .wc-block-product-template {
    gap: 14px !important;
  }

  /* PRODUCT CARD */

  .aquella-product-list li.wc-block-product {
    grid-template-columns:
      minmax(0, 24%)
      minmax(0, 46%)
      minmax(0, 30%);

    grid-template-areas:
      "photo title price"
      "photo rating price"
      "photo sales button"
      "photo . delivery";

    grid-template-rows:
      auto auto auto 1fr;

    min-height: 205px;
    border-radius: 12px;
    align-items: stretch;
  }

  /* PRODUCT IMAGE */

  .aquella-product-list li.wc-block-product
  > .wp-block-woocommerce-product-image {
    background: #fafbfd;
  }

  .aquella-product-list li.wc-block-product
  > .wp-block-woocommerce-product-image img {
    object-fit: contain !important;
    padding: 14px !important;
    box-sizing: border-box;
  }

  /* PRODUCT TITLE */

  .aquella-product-list li.wc-block-product
  > .wp-block-post-title {
    padding: 25px 20px 10px !important;
    font-size: 20px !important;
    line-height: 1.35;
    align-self: end;
  }

  /* PRODUCT RATING */

  .aquella-product-list li.wc-block-product
  > .aquella-rating {
    margin: 0 20px 8px;
    font-size: 16px;
    align-self: center;
  }

  /* SALES */

  .aquella-product-list li.wc-block-product
  > .aquella-sales30 {
    margin: 0 20px 12px;
    font-size: 14px;
  }

  /* PRICE */

  .aquella-product-list li.wc-block-product
  > .wp-block-woocommerce-product-price {
    padding: 32px 22px 8px !important;
    font-size: 32px !important;
    align-self: end !important;
  }

  /* ADD TO CART */

  .aquella-product-list li.wc-block-product
  > .wp-block-woocommerce-product-button {
    padding: 0 22px 10px !important;
    align-self: start;
  }

  .aquella-product-list li.wc-block-product
  > .wp-block-woocommerce-product-button
  .wp-block-button__link {
    min-height: 46px;
    font-size: 14px;
    border-radius: 7px;
  }

  /* DELIVERY */

  .aquella-product-list li.wc-block-product
  > .aquella-delivery {
    margin: 0 22px 14px;
    font-size: 13px;
    align-self: start;
  }

  .aquella-product-list .aquella-delivery svg {
    width: 18px;
    height: 18px;
  }


  /* =====================================
     DESKTOP MINI-CART
     Version 1.1
     ===================================== */

  /* BUTTONS CONTAINER */

  #header [data-device="desktop"]
  .ct-cart-content
  p.woocommerce-mini-cart__buttons {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 8px !important;

    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* MAIN CHECKOUT BUTTON */

  #header [data-device="desktop"]
  .ct-cart-content
  .woocommerce-mini-cart__buttons
  a.checkout {
    order: 1 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    min-height: 44px !important;
    height: auto !important;

    margin: 0 !important;
    padding: 11px 14px !important;

    background: #0879bf !important;
    color: #ffffff !important;

    border: 0 !important;
    border-radius: 8px !important;

    font-size: 14px !important;
    font-weight: 650 !important;
    line-height: 1.4 !important;
    text-align: center !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
  }

  #header [data-device="desktop"]
  .ct-cart-content
  .woocommerce-mini-cart__buttons
  a.checkout:hover {
    background: #075c95 !important;
    color: #ffffff !important;
  }

  /* SECONDARY CART LINK */

  #header [data-device="desktop"]
  .ct-cart-content
  .woocommerce-mini-cart__buttons
  a:not(.checkout) {
    order: 2 !important;

    display: block !important;

    width: 100% !important;
    min-height: 0 !important;
    height: auto !important;

    margin: 0 !important;
    padding: 5px 8px !important;

    background: transparent !important;
    color: #59697b !important;

    border: 0 !important;
    box-shadow: none !important;

    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 1.4 !important;
    text-align: center !important;
    text-decoration: underline !important;
    text-underline-offset: 3px !important;
    box-sizing: border-box !important;
  }

  #header [data-device="desktop"]
  .ct-cart-content
  .woocommerce-mini-cart__buttons
  a:not(.checkout):hover {
    color: #0879bf !important;
    background: transparent !important;
  }

}