/* Styles personnalisés TammKreiz */

/* Couleurs TammKreiz */
:root {
  --tk-blue: #5fc3e7;
  --tk-orange: #f39c12;
  --tk-green: #8bc34a;
  --tk-yellow: #ffc107;
  --tk-red: #e74c3c;
}

/* Header de recherche */
.tk-search-header {
  background: linear-gradient(135deg, var(--tk-blue) 0%, #4a90e2 100%);
}

.tk-search-box {
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.tk-search-section {
  transition: all 0.2s ease;
  cursor: pointer;
}

.tk-search-section:hover {
  background-color: #f8f9fa;
}

/* Cartes événements */
.tk-event-card {
  border-radius: 12px;
  transition: all 0.3s ease;
  border: none !important;
}

.tk-event-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15) !important;
}

.tk-event-date {
  color: var(--tk-blue);
  font-weight: 700;
}

.tk-event-title {
  color: var(--tk-orange);
  font-weight: 600;
}

.tk-badge-partenaire {
  background: linear-gradient(45deg, var(--tk-green), #7cb342) !important;
  font-size: 0.7rem;
  font-weight: 600;
  letter-spacing: 0.5px;
}

.tk-advantage {
  color: var(--tk-green);
  font-weight: 500;
  font-size: 0.85rem;
}

/* Boutons TK */
.tk-btn-search {
  background: linear-gradient(45deg, var(--tk-orange), #e67e22);
  border: none;
  font-weight: 600;
  transition: all 0.2s ease;
}

.tk-btn-search:hover {
  background: linear-gradient(45deg, #e67e22, #d35400);
  transform: translateY(-1px);
}

.tk-btn-location {
  background-color: #f8f9fa;
  border: 1px solid #dee2e6;
  color: #6c757d;
  font-size: 0.8rem;
  border-radius: 20px;
  transition: all 0.2s ease;
}

.tk-btn-location:hover {
  background-color: var(--tk-blue);
  color: white;
  border-color: var(--tk-blue);
}

.tk-btn-hide-list {
  background: linear-gradient(45deg, var(--tk-yellow), #f39c12);
  border: none;
  font-weight: 600;
  border-radius: 25px;
  padding: 8px 20px;
  box-shadow: 0 4px 12px rgba(255, 193, 7, 0.3);
}

/* Icons */
.tk-icon-people, .tk-icon-car {
  color: var(--tk-blue);
}

/* Map container */
.tk-map-container {
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}

/* Responsive */
@media (max-width: 991.98px) {
  .tk-search-box {
    flex-direction: column;
  }
  
  .tk-search-section {
    border-bottom: 1px solid #dee2e6;
    border-right: none !important;
  }
  
  .tk-search-section:last-of-type {
    border-bottom: none;
  }
}

/* Animation pour les cartes */
@keyframes tkFadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.tk-event-card {
  animation: tkFadeInUp 0.6s ease forwards;
}

.tk-event-card:nth-child(2) {
  animation-delay: 0.1s;
}

.tk-event-card:nth-child(3) {
  animation-delay: 0.2s;
}

/* Scrollbar personnalisée */
.tk-events-list::-webkit-scrollbar {
  width: 6px;
}

.tk-events-list::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 3px;
}

.tk-events-list::-webkit-scrollbar-thumb {
  background: var(--tk-blue);
  border-radius: 3px;
}

.tk-events-list::-webkit-scrollbar-thumb:hover {
  background: #4a90e2;
}