/* Variables */
:root {
  /* Colors */
  --color-primary: #057780;
  --color-primary-light: #cdece6;
  --color-blush-purple: #a2376d;
  --color-white: #fff;

  /* Typography */
  --font-weight-bold: 700;

  /* Spacing */
  --spacing-sm: 8px;
  --spacing-md: 10px;
  --spacing-lg: 20px;

  /* Border Radius */
  --radius-sm: 8px;
  --radius-lg: 20px;
}

/* Utility Classes */
.color--blush-purple {
  color: var(--color-blush-purple);
}

.font--bold {
  font-weight: var(--font-weight-bold);
}

/* Disable body scroll when mobile menu is open */
body.menu-open {
  overflow: hidden;
}

/* JetSmartFilters Select with custom icon */
.jet-sorting-select {
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  padding-right: 40px !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 18px;
}