/* 390px tap targets and cart suggestion type. Loaded on the WordPress front. */

.pet-site-footer {
  box-sizing: border-box;
  background: #1e3a4c;
  color: #f4f7f6;
  padding: 20px 20px calc(20px + env(safe-area-inset-bottom));
}
.pet-site-footer-nav {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 20px;
}
.pet-site-footer a {
  display: inline-flex;
  align-items: center;
  box-sizing: border-box;
  min-height: 44px;
  padding: 0 4px;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;
}
.pet-site-footer-copy {
  margin: 4px 0 0;
  color: #d5e0e4;
  font-size: 14px;
}

/* Header: hamburger, close, logo, account, cart. */
body .wp-block-navigation__responsive-container-open,
body .wp-block-navigation__responsive-container-close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 44px;
  height: 44px;
  min-width: 44px;
  min-height: 44px;
  padding: 0;
}
body header .wp-block-site-logo {
  flex-shrink: 0;
}
body header .wp-block-site-logo a,
body .wp-block-site-title a,
body .wc-block-customer-account__link,
body .wc-block-mini-cart__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-width: 44px;
  min-height: 44px;
}
body header .wp-block-site-logo img {
  width: 96px;
  height: auto;
  min-width: 44px;
  min-height: 44px;
  max-width: 96px;
}
body .wp-block-navigation-item__content {
  display: inline-flex;
  align-items: center;
  box-sizing: border-box;
  min-height: 44px;
}

/* Breadcrumbs and related-product titles. */
body .wc-block-breadcrumbs a,
body .woocommerce-breadcrumb a,
body .wp-block-woocommerce-product-collection .wp-block-post-title a,
body .wc-block-product-template .wp-block-post-title a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-height: 44px;
  padding: 8px 4px;
}

/* Product gallery magnifying glass. The icon was drawn for a 36px box.
   .woocommerce is on the body, not a wrapper. */
body.woocommerce div.product div.images .woocommerce-product-gallery__trigger,
body.woocommerce-page div.product div.images .woocommerce-product-gallery__trigger {
  box-sizing: content-box;
  width: 44px;
  height: 44px;
  min-width: 44px;
  min-height: 44px;
}
body.woocommerce div.product div.images .woocommerce-product-gallery__trigger::before,
body.woocommerce-page div.product div.images .woocommerce-product-gallery__trigger::before {
  left: 13px;
  top: 13px;
}
body.woocommerce div.product div.images .woocommerce-product-gallery__trigger::after,
body.woocommerce-page div.product div.images .woocommerce-product-gallery__trigger::after {
  left: 26px;
  top: 23px;
}

/* My Account: checkbox, radio, show password, forgot password.
   woocommerce-account / woocommerce-page sit on the body. */
body.woocommerce-account input[type="checkbox"],
body.woocommerce-account input[type="radio"],
body.woocommerce-page input[type="checkbox"],
body.woocommerce-page input[type="radio"],
body .woocommerce-form-login input[type="checkbox"],
body .woocommerce-form-register input[type="checkbox"],
body .woocommerce-form-register input[type="radio"],
body .vendor-customer-registration input[type="radio"] {
  box-sizing: border-box;
  width: 44px;
  height: 44px;
  min-width: 44px;
  min-height: 44px;
  margin: 0;
  accent-color: #1e3a4c;
}
body .woocommerce-form-login__rememberme,
body .vendor-customer-registration label.radio,
body .woocommerce-form-register label.radio {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 44px;
}
body.woocommerce form .show-password-input,
body.woocommerce-page form .show-password-input,
body.woocommerce-account form .show-password-input {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 44px;
  height: 44px;
  min-width: 44px;
  min-height: 44px;
  padding: 0;
  right: 4px;
}
body.woocommerce form .password-input input,
body.woocommerce-page form .password-input input,
body.woocommerce-account input#password,
body .woocommerce-ResetPassword input[type="password"],
body .woocommerce-form-register input[type="password"] {
  padding-right: 52px;
}
body .woocommerce-LostPassword a,
body .lost_password a {
  display: inline-flex;
  align-items: center;
  box-sizing: border-box;
  min-height: 44px;
  font-size: 16px;
}

/*
 * Empty-cart "New in store" and cross-sells.
 * WooCommerce sets .75em on 4-column grids (~12px) and .857em on prices (~13.7px).
 */
body .wc-block-grid.has-4-columns:not(.alignwide):not(.alignfull) .wc-block-grid__product,
body .wc-block-grid.has-5-columns:not(.alignwide):not(.alignfull) .wc-block-grid__product,
body .wc-block-grid.has-5-columns.alignfull .wc-block-grid__product,
body .wc-block-grid.has-6-columns:not(.alignwide):not(.alignfull) .wc-block-grid__product,
body .wp-block-woocommerce-product-new .wc-block-grid__product,
body .wp-block-woocommerce-empty-cart-block .wc-block-grid__product,
body .wp-block-woocommerce-cart-cross-sells-block .cross-sells-product,
body .cross-sells ul.products li.product {
  font-size: 16px;
}
body .wp-block-woocommerce-product-new .wc-block-grid__product-title,
body .wp-block-woocommerce-product-new .wc-block-grid__product-price,
body .wp-block-woocommerce-product-new .woocommerce-Price-amount,
body .wp-block-woocommerce-empty-cart-block .wc-block-grid__product-title,
body .wp-block-woocommerce-empty-cart-block .wc-block-grid__product-price,
body .wp-block-woocommerce-empty-cart-block .woocommerce-Price-amount,
body .wp-block-woocommerce-cart-cross-sells-block .wc-block-components-product-name,
body .wp-block-woocommerce-cart-cross-sells-block .wc-block-components-product-title,
body .wp-block-woocommerce-cart-cross-sells-block .price,
body .wp-block-woocommerce-cart-cross-sells-block .woocommerce-Price-amount,
body .cross-sells .woocommerce-loop-product__title,
body .cross-sells .price,
body .cross-sells .woocommerce-Price-amount {
  font-size: 16px;
}
body .pet-card-store {
  font-size: 14px;
}
body .wp-block-woocommerce-product-new .wc-block-grid__product-link,
body .wp-block-woocommerce-empty-cart-block .wc-block-grid__product-link,
body .cross-sells a.woocommerce-LoopProduct-link,
body .wp-block-woocommerce-cart-cross-sells-block a {
  display: flex;
  box-sizing: border-box;
  min-height: 44px;
}