@import url("tailwind-theme.css");
@import url("product-reviews.css");

/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */

@font-face {
  font-family: 'Hugilen';
  src: url('../fonts/Hugilen.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

body {
  font-family: "Cabinet Grotesk", sans-serif !important;
}

a:hover {
  color: #3b5734;
}


/* PRESET */

header, nav {
  display: flex;
}

button:focus:not(:focus-visible) {
  outline: none;
}

.cart-items {
  padding: 0 16px !important;
}

#header a:hover {
  color: var(--color-primary-500);
}

.page-header {
  display: block;
  margin-top: 32px;
}

iframe[data-w-type="pop-in"] {
  pointer-events: auto;
}

iframe[data-w-type="pop-in"][style*="z-index: -999999"] {
  pointer-events: none;
}

iframe[data-w-type="trigger"] {
  pointer-events: auto;
}

#header {
  position: fixed;
  z-index: 9999 !important;
}

.page-order-detail .box {
  border-radius: 6px;
  border: 1px solid #d4d4d8;
}

.page-order-detail h3 {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: var(--color-primary-950) !important;
  text-transform: unset !important;
}