/*
Theme Name: Morphe Storefront
Theme URI: http://192.74.254.101/
Description: Unified Morphe WooCommerce storefront.
Author: Morphe
Template: storefront
Version: 1.0.0
Text Domain: morphe-storefront
*/

body {
  color: #53565a;
  font-family: Aktiv-Grotesk, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

a,
.site-header .site-title a,
.site-header .site-title a:hover {
  color: #2c2d33;
}

.site-header {
  background: #2c2d33;
  border-bottom: 0;
  color: #fff;
  padding-top: 18px;
}

.site-header .site-title a,
.site-header .site-title a:hover,
.site-header .site-description,
.site-header .main-navigation a,
.site-header .site-header-cart,
.site-header .site-header-cart a,
.site-header .site-search .search-field {
  color: #fff;
}

.site-header .site-title {
  font-size: 32px;
  font-weight: 800;
  letter-spacing: 0;
  text-transform: uppercase;
}

.site-header .site-description {
  display: none;
}

.site-header .site-search .search-field {
  border-color: rgba(255, 255, 255, 0.5);
  background: rgba(255, 255, 255, 0.08);
}

.site-header .site-search .search-field::placeholder {
  color: rgba(255, 255, 255, 0.75);
}

.main-navigation ul.menu > li > a,
.main-navigation ul.nav-menu > li > a {
  color: #fff;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.main-navigation ul.menu > li > a:hover,
.main-navigation ul.nav-menu > li > a:hover {
  color: #e2b6b9;
}

.site-footer {
  margin-top: 48px;
  padding: 30px 0 34px;
  background: #74767c;
  color: #fff;
}

.site-footer a {
  color: #fff;
  text-decoration: none;
}

.morphe-wp-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
}

.morphe-wp-footer__logo {
  display: block;
  width: 200px;
  flex: 0 1 200px;
}

.morphe-wp-footer__logo svg {
  display: block;
  width: 100%;
  height: auto;
}

.morphe-wp-footer__links {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 26px;
}

.morphe-wp-footer__links a {
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-decoration: none;
  text-transform: uppercase;
}

.morphe-wp-footer__links a:hover,
.morphe-wp-footer__links a:focus-visible {
  text-decoration: underline;
  text-underline-offset: 4px;
}

.woocommerce ul.products li.product .price {
  font-size: 15px;
}

@media (max-width: 700px) {
  .morphe-wp-footer {
    align-items: flex-start;
    flex-direction: column;
  }

  .morphe-wp-footer__logo {
    width: min(190px, 55vw);
  }

  .morphe-wp-footer__links {
    justify-content: flex-start;
    gap: 16px 22px;
  }
}