/**
 * Maps, gift cards, last-minute legacy classes, shop chrome
 * Migrated from Customizer Additional CSS.
 */

/* Google Maps InfoWindow close */
.gm-ui-hover-effect {
  filter: invert(1) drop-shadow(2px 2px 3px rgba(0, 0, 0, 0.5));
  top: -10px !important;
  right: 25px !important;
  width: 30px !important;
  height: 30px !important;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.5);
}

.gm-style-iw-chr {
  height: 0;
}

#address-input {
  width: 80%;
  padding: 8px;
  float: left;
  margin-bottom: 2px;
}

#get-directions {
  width: 19%;
  padding: 9px 12px;
  float: right;
}

/* Placeholders */
.email-input::placeholder,
.gift_receiver_email::placeholder,
.gift_receiver_message::placeholder,
input.gift_receiver_email::placeholder,
textarea.gift_receiver_message::placeholder,
::placeholder {
  color: var(--cs-placeholder, #888888) !important;
  opacity: 1 !important;
}

/* Hide Stripe payment-request / Apple Pay chrome */
#wc-stripe-payment-request-button-separator,
#wc-stripe-payment-request-wrapper {
  display: none !important;
}

/* Legacy last-minute product markup (PHP still emits some of these) */
.lastminute-product-holder,
.lastminute-product,
.lastminute-product-link {
  padding: 16px;
}

.lastminute-product {
  float: left;
  display: block;
}

.lastminute-product-link {
  float: left;
  width: 100%;
}

.lastminute-product-link h2 {
  padding: 0;
  margin: 0;
}

.lmdiscount {
  margin: 0;
  background: var(--cs-blue-discount, #3971b8);
  color: white;
  font-size: 14px;
  border-radius: var(--cs-radius-pill, 25px);
  padding: 8px;
}

.lmdiscountcode,
.lmdiscountdates {
  padding: 0;
  margin: 0;
  font-size: 14px;
  color: var(--cs-muted, #777);
}

@media screen and (min-width: 768px) {
  li.wc-block-grid__product {
    width: 25% !important;
  }
}

/* Shop sorting chrome */
.storefront-sorting {
  display: block;
  font-size: 24px;
  margin-left: 32px;
  padding-bottom: 0;
  margin-bottom: 0;
}

.woocommerce-ordering {
  display: none;
}

.woocommerce-products-header p {
  margin: 32px;
}

/* Category archive related blog layout */
@media screen and (min-width: 768px) {
  #categoryRelatedBlog {
    width: 45%;
    float: right;
    padding-top: 16px;
    margin-left: 30px;
    background-color: #eee;
    margin-bottom: 20px;
  }

  #categoryRelatedDescription {
    width: 40%;
    float: left;
  }

  #categoryRelatedBlogImage {
    width: 50%;
    padding-left: 16px;
  }

  #categoryRelatedBlogDescription {
    width: 43%;
  }

  .categoryRelatedBlogHeader {
    padding-left: 16px;
  }
}