/* ----- Global utility: disable heading shadows (all breakpoints) ----- */
.heading--no-shadow,
.heading--no-shadow .heading-bracket {
  text-shadow: none !important;
}

/* ===== Headings ===== */
/*
  Heading base styles
*/
.heading-main {
  font-family: 'Altos Tequila Sans', sans-serif;
  font-size: 5.6rem;
  line-height: 1.2;
}
@media (max-width: 1024px) {
  .heading-main {
    font-size: 3.2rem;
    line-height: 3.5rem;
  }
}
.heading-main .heading-bracket {
  margin-left: 5px;
  color: var(--color-bold-red);
}
.heading-main .heading-bracket {
  font-family: 'Altos Tequila Casual', serif;
}

/* ----- Headings: Medium size utility (~50px) ----- */
.heading--medium {
  font-size: 3.125rem; /* 50px */
  line-height: 1.2;
}
@media (max-width: 1024px) {
  .heading--medium {
    font-size: 2rem; /* ~36px */
    line-height: 2.3rem;
  }
}

/* ----- Headings: Duo shadow (two layers) ----- */
.heading--style-1 {
  color: var(--color-cream);
  text-shadow:
    2px 2px 0 var(--color-teal-deep),
    4px 4px 0 var(--color-teal);
}
.heading--style-1 .heading-bracket {
  text-shadow:
    2px 2px 0 var(--color-teal),
    4px 4px 0 var(--color-cream);
}

/* ----- Headings: Duo Alt mapped to style 2 ----- */
.heading--style-2 {
  color: var(--color-teal-deep);
  text-shadow:
    2px 2px 0 var(--color-cream),
    4px 4px 0 var(--color-white);
}
.heading--style-2 .heading-bracket {
  color: var(--color-bold-red);
  text-shadow:
    2px 2px 0 var(--color-cream),
    4px 4px 0 var(--color-white);
}

/* ----- Headings: New Style 3 ----- */
.heading--style-3 {
  color: var(--color-cream);
  text-shadow:
    2px 2px 0 var(--color-teal-deep),
    4px 4px 0 var(--color-teal);
}
.heading--style-3 .heading-bracket {
  color: var(--color-white);
  text-shadow:
    2px 2px 0 var(--color-teal-deep),
    4px 4px 0 var(--color-cream);
}

/* ----- Headings: New Style 4 ----- */
.heading--style-4 {
  color: var(--color-bold-red);
  text-shadow:
    2px 2px 0 var(--color-cream),
    4px 4px 0 var(--color-white);
}
.heading--style-4 .heading-bracket {
  color: var(--color-bold-red);
  text-shadow:
    2px 2px 0 var(--color-teal-deep),
    4px 4px 0 var(--color-cream);
}

/* ----- Headings: New Style 5 ----- */
.heading--style-5 {
  color: var(--color-cream);
  text-shadow:
    2px 2px 0 var(--color-teal-deep),
    4px 4px 0 var(--color-teal);
}
.heading--style-5 .heading-bracket {
  color: var(--color-white);
  text-shadow:
    2px 2px 0 var(--color-teal-deep),
    4px 4px 0 var(--color-teal);
}

/* ----- Headings: New Style 6 ----- */
.heading--style-6 {
  color: var(--color-white);
  text-shadow:
    2px 2px 0 var(--color-teal),
    4px 4px 0 var(--color-teal-deep);
}
.heading--style-6 .heading-bracket {
  color: var(--color-cream);
  text-shadow:
    2px 2px 0 var(--color-teal),
    4px 4px 0 var(--color-teal-deep);
}

/* ----- Headings: New Style 7 ----- */
.heading--style-7 {
  color: var(--color-cream);
  text-shadow:
    2px 2px 0 var(--color-teal-ink),
    4px 4px 0 var(--color-teal);
}
.heading--style-7 .heading-bracket {
  color: var(--color-teal);
  text-shadow:
    2px 2px 0 var(--color-teal-ink),
    4px 4px 0 var(--color-cream);
}

/* ----- Headings: New Style 8 ----- */
.heading--style-8 {
  color: var(--color-teal-deep);
  text-shadow:
    2px 2px 0 var(--color-pink),
    4px 4px 0 var(--color-cream);
}
.heading--style-8 .heading-bracket {
  color: var(--color-teal-deep);
  text-shadow:
    2px 2px 0 var(--color-pink),
    4px 4px 0 var(--color-white);
}

/* ----- Headings: New Style 9 ----- */
.heading--style-9 {
  color: var(--color-teal-deep);
  text-shadow:
    2px 2px 0 var(--color-teal),
    4px 4px 0 var(--color-teal-deep);
}
.heading--style-9 .heading-bracket {
  color: var(--color-teal-deep);
  text-shadow:
    2px 2px 0 var(--color-teal),
    4px 4px 0 var(--color-teal-deep);
}

/* ----- Headings: Compact variants ----- */
.heading--style-1.compact {
  text-shadow:
    2px 2px 0 var(--color-teal-deep),
    4px 4px 0 var(--color-teal);
}
.heading--style-1.compact .heading-bracket {
  text-shadow:
    2px 2px 0 var(--color-teal),
    4px 4px 0 var(--color-cream);
}

.heading--style-2.compact {
  text-shadow:
    2px 2px 0 var(--color-cream),
    4px 4px 0 var(--color-white);
}
.heading--style-2.compact .heading-bracket {
  text-shadow:
    2px 2px 0 var(--color-cream),
    4px 4px 0 var(--color-white);
}

.heading--style-3.compact {
  text-shadow:
    2px 2px 0 var(--color-teal-deep),
    4px 4px 0 var(--color-teal);
}
.heading--style-3.compact .heading-bracket {
  text-shadow:
    2px 2px 0 var(--color-teal-deep),
    4px 4px 0 var(--color-cream);
}

.heading--style-4.compact {
  text-shadow:
    2px 2px 0 var(--color-cream),
    4px 4px 0 var(--color-white);
}
.heading--style-4.compact .heading-bracket {
  text-shadow:
    2px 2px 0 var(--color-teal-deep),
    4px 4px 0 var(--color-cream);
}

.heading--style-6.compact {
  text-shadow:
    2px 2px 0 var(--color-teal),
    4px 4px 0 var(--color-teal-deep);
}
.heading--style-6.compact .heading-bracket {
  text-shadow:
    2px 2px 0 var(--color-teal),
    4px 4px 0 var(--color-teal-deep);
}

.heading--style-7.compact {
  text-shadow:
    2px 2px 0 var(--color-teal-ink),
    4px 4px 0 var(--color-teal);
}
.heading--style-7.compact .heading-bracket {
  text-shadow:
    2px 2px 0 var(--color-teal-ink),
    4px 4px 0 var(--color-cream);
}

.heading--style-8.compact {
  text-shadow:
    2px 2px 0 var(--color-pink),
    4px 4px 0 var(--color-cream);
}
.heading--style-8.compact .heading-bracket {
  text-shadow:
    2px 2px 0 var(--color-pink),
    4px 4px 0 var(--color-white);
}

/* ----- Headings: New Style 10 ----- */
.heading--style-10 {
  color: var(--color-teal-deep);
  text-shadow:
    2px 2px 0 var(--color-pink),
    4px 4px 0 var(--color-cream);
}
.heading--style-10 .heading-bracket {
  color: var(--color-bold-red);
  text-shadow:
    2px 2px 0 var(--color-pink),
    4px 4px 0 var(--color-cream);
}

/* ----- Headings: New Style 11 ----- */
.heading--style-11 {
  color: var(--color-teal-deep);
  text-shadow:
    2px 2px 0 var(--color-chartreuse),
    4px 4px 0 var(--color-white);
}
.heading--style-11 .heading-bracket {
  color: var(--color-bold-red);
  text-shadow:
    2px 2px 0 var(--color-chartreuse),
    4px 4px 0 var(--color-white);
} 

/* ----- Headings: New Style 12 ----- */
.heading--style-12, #pr_age_gate .agegate_over18 {
  color: var(--color-cream)!important;
  text-shadow:
    2px 2px 0 var(--color-teal-deep),
    4px 4px 0 var(--color-white);
}
.heading--style-12 .heading-bracket, #pr_age_gate .agegate_over18 span {
  font-family: 'Altos Tequila Casual', serif!important;
  color: var(--color-white);
  text-shadow:
    2px 2px 0 var(--color-teal-deep),
    4px 4px 0 var(--color-cream);
}