/* copied from https://pluginbrewery.com/wordpress-plugins/gravity-forms-referral-tracking/#buy */

:root {
  --gradient--brown: linear-gradient(
    125deg,
    #4e3317 8.15%,
    #4d3119 20.32%,
    #322213 38.26%,
    #1c150c 60.69%,
    #1f1b12 72.22%
  );

  --gradient-orange: linear-gradient(
    110deg,
    #feba12 11.68%,
    #fbb214 21.86%,
    #f59c1c 36.86%,
    #eb7a28 55.62%,
    #e6662f 65.26%
  );
}

/* .special {
  position: relative;
  color: #fff;
  background-image: var(--gradient--orange);
  background-size: 110% 100%;
  background-position: calc(0% - 2px) 50%;
  display: inline-flex;
  align-items: center;
  vertical-align: baseline;
  border-radius: 10rem;
  padding: calc(0.75em + 2px) calc(1.65em + 2px);
  font-size: 0.7rem;
  letter-spacing: 0.034em;
  font-weight: 500;
  line-height: normal;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  text-transform: uppercase;
  border: none;
  transition: all 300ms;
}

.special:hover {
  color: #fff;
  text-decoration: none;
  outline: none;
  background-image: var(--gradient--orange);
  background-position: calc calc(100% + 2px) (100% + 2px) 50%;
  box-shadow: 0 0 0 3px rgba(229, 102, 47, 0.16);
} */

.single-download .main-header .main-title span {
  background: linear-gradient(
    162deg,
    #feba12 12.04%,
    #fbb214 27.05%,
    #f59c1c 49.17%,
    #eb7a28 76.82%,
    #e6662f 91.04%
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Shadow utility classes */
.shadow-sm {
  box-shadow: 0 1px 2px var(--shadow-primary);
}

.shadow-md {
  box-shadow: 0 4px 6px var(--shadow-primary);
}

.shadow-lg {
  box-shadow: 0 10px 15px var(--shadow-primary);
}

/* Optional: Additional useful shadows */
.shadow-none {
  box-shadow: none;
}

.shadow-hover-sm {
  transition: box-shadow 0.2s ease;
}

.shadow-hover-sm:hover {
  box-shadow: 0 1px 2px var(--shadow-primary);
}

.shadow-hover-md:hover {
  box-shadow: 0 4px 6px var(--shadow-primary);
}

.shadow-hover-lg:hover {
  box-shadow: 0 10px 15px var(--shadow-primary);
}

/* Focus states for interactive elements */
.shadow-focus:focus {
  outline: none;
  box-shadow: 0 0 0 3px var(--color-brand-l-3);
}

/* Inner shadows (subtle insets) */
.shadow-inner-sm {
  box-shadow: inset 0 1px 2px var(--shadow-primary);
}

.shadow-inner-md {
  box-shadow: inset 0 2px 4px var(--shadow-primary);
}