/* ============================================
   TAMMKREIZ PROGRAMME SECTION
   Design moderne et élégant
   ============================================ */

.tk-programme-section {
  padding: var(--tk-space-8) 0;
}

.tk-programme-header {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: var(--tk-space-8);
  text-align: center;
}

.tk-programme-icon {
  width: 64px;
  height: 64px;
  background: linear-gradient(135deg, var(--tk-orange) 0%, var(--tk-orange-dark) 100%);
  border-radius: var(--tk-radius-xl);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--tk-font-size-2xl);
  color: var(--tk-white);
  margin-bottom: var(--tk-space-4);
  box-shadow: var(--tk-shadow-colored-orange);
  animation: pulse-icon 2s ease-in-out infinite;
}

@keyframes pulse-icon {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.05); }
}

.tk-programme-title {
  font-family: var(--tk-font-heading);
  font-size: var(--tk-font-size-3xl);
  font-weight: var(--tk-font-weight-extrabold);
  color: var(--tk-gray-800);
  margin: 0 0 var(--tk-space-2);
}

.tk-programme-count {
  font-size: var(--tk-font-size-base);
  color: var(--tk-gray-500);
  font-weight: var(--tk-font-weight-medium);
  background: var(--tk-gray-100);
  padding: var(--tk-space-1) var(--tk-space-4);
  border-radius: var(--tk-radius-pill);
}

.tk-programme-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: var(--tk-space-6);
}

/* Mobile */
@media (max-width: 768px) {
  .tk-programme-header {
    margin-bottom: var(--tk-space-6);
  }

  .tk-programme-icon {
    width: 56px;
    height: 56px;
    font-size: var(--tk-font-size-xl);
  }

  .tk-programme-title {
    font-size: var(--tk-font-size-2xl);
  }

  .tk-programme-grid {
    gap: var(--tk-space-4);
  }
}