/* DL-XXX — Défis "Artiste" et "Courant artistique" : hero, encart consigne et CTA sticky mobile */

.type-hero {
  border-radius: 14px;
  padding: var(--space-2xl) var(--space-lg);
  margin-bottom: var(--space-lg);
  text-align: center;
  color: #fff;
  background: linear-gradient(135deg, var(--color-accent, #E06C3B), var(--color-accent-hover, #C85A2E));
}

.type-hero-name {
  margin: 0 0 .4rem;
  font-size: 2rem;
  color: #fff;
}

.type-hero-sub {
  margin: 0;
  font-size: 1rem;
  color: rgba(255, 255, 255, 0.85);
}

.type-hero-link {
  margin-top: var(--space-md);
  display: inline-block;
  background: rgba(255, 255, 255, 0.15);
  border-color: rgba(255, 255, 255, 0.6);
  color: #fff;
}

.type-hero-link:hover {
  background: rgba(255, 255, 255, 0.25);
}

/* Encart consigne : bordure gauche colorée + fond légèrement teinté, bien visible */
.type-consigne-box {
  background: var(--color-accent-soft, rgba(224, 108, 59, 0.1));
  border-left: 4px solid var(--color-accent, #E06C3B);
  border-radius: 8px;
  padding: var(--space-md) var(--space-lg);
  margin: var(--space-sm) 0 var(--space-md);
}

.type-consigne-box p {
  margin: 0;
  font-size: 1.05rem;
  line-height: 1.5;
  font-weight: 500;
}

.type-meta-line {
  margin: .4rem 0;
  font-size: .92rem;
  color: var(--color-text-muted, #5C5C5C);
}

.type-style-line {
  margin-top: .6rem;
}

/* CTA sticky en bas, mobile uniquement */
.sticky-cta-bar {
  display: none;
}

@media (max-width: 640px) {
  .sticky-cta-bar {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 40;
    display: flex;
    gap: .5rem;
    padding: .6rem .8rem calc(.6rem + env(safe-area-inset-bottom));
    background: var(--color-surface, #fff);
    border-top: 1px solid rgba(0, 0, 0, 0.08);
    box-shadow: 0 -4px 16px rgba(0, 0, 0, 0.08);
  }

  .sticky-cta-bar .btn-primary {
    flex: 1;
    text-align: center;
  }

  /* Avoid the sticky bar covering the last section on small screens */
  .challenge-detail-content {
    padding-bottom: 4.5rem;
  }
}