/* Gelli Belle Playhouse V65 · Softly sculpted Coming Soon and collection controls. */
/* Make upcoming-status labels feel like refined, rounded collectible seals. */
#allExperienceGrid .experience-card[data-availability="coming"] .tag.coming {
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  width: fit-content;
  max-width: 100%;
  padding: 8px 13px;
  border: 1px solid #e8d8c4;
  border-radius: 999px;
  background: linear-gradient(145deg, #fffaf2 0%, #f6eadb 100%);
  color: #79563c;
  font-family: 'Fredoka', sans-serif;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: .035em;
  line-height: 1.3;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.92), 0 2px 8px rgba(83,63,43,.055);
}
/* Styled as a calm status plaque rather than a broken or inactive text link. */
#allExperienceGrid .experience-card[data-availability="coming"] .card-cta:disabled {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 100%;
  min-height: 47px;
  margin-top: 16px;
  padding: 12px 16px;
  border: 1px solid #e5d3bf;
  border-radius: 17px;
  background: linear-gradient(135deg, #fdf8f1 0%, #f3e8db 100%);
  color: #785b44;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.94), 0 4px 13px rgba(91,67,45,.055);
  font: 600 13px/1.35 'Fredoka', sans-serif;
  letter-spacing: .015em;
  text-align: center;
  text-decoration: none;
  white-space: normal;
  opacity: 1;
  cursor: default;
  transform: none;
}
#allExperienceGrid .experience-card[data-availability="coming"] .card-cta:disabled:hover {
  text-decoration: none;
  transform: none;
}
/* Coloring Book reward is a distinct golden-lilac milestone, not an upcoming release. */
#allExperienceGrid .experience-card[data-availability="locked"] .tag.coming {
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  width: fit-content;
  max-width: 100%;
  padding: 8px 13px;
  border: 1px solid #e4d0ab;
  border-radius: 999px;
  background: linear-gradient(135deg, #fff9e9 0%, #f8edd2 100%);
  color: #815c2f;
  font: 600 10px/1.3 'Fredoka', sans-serif;
  letter-spacing: .025em;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.95), 0 2px 8px rgba(100,71,28,.05);
}
#allExperienceGrid .experience-card[data-availability="locked"] .card-cta:disabled {
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  width: 100%;
  min-height: 48px;
  margin-top: 16px;
  padding: 12px 13px;
  border: 1px solid #dcc6a3;
  border-radius: 17px;
  background: linear-gradient(130deg, #fff9e9 0%, #f5e6c8 100%);
  color: #75532d;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.95), 0 5px 15px rgba(111,78,33,.075);
  font: 600 12.5px/1.35 'Fredoka', sans-serif;
  letter-spacing: .006em;
  text-align: center;
  white-space: normal;
  opacity: 1;
  cursor: default;
  transform: none;
}
#allExperienceGrid .experience-card[data-availability="locked"] .card-cta:disabled:hover {
  text-decoration: none;
}
@media (max-width: 560px) {
  #allExperienceGrid .experience-card[data-availability="coming"] .card-cta:disabled,
  #allExperienceGrid .experience-card[data-availability="locked"] .card-cta:disabled {
    min-height: 45px;
    padding: 11px 8px;
    border-radius: 14px;
    font-size: 11px;
    line-height: 1.32;
  }
  #allExperienceGrid .experience-card[data-availability="coming"] .tag.coming,
  #allExperienceGrid .experience-card[data-availability="locked"] .tag.coming {
    padding: 7px 9px;
    font-size: 9px;
  }
}