/* Global AI Spain - AgentCamp 2026 Custom Styles */

/* Smooth scroll */
html {
  scroll-behavior: smooth;
}

/* Navbar transitions */
#header {
  transition: background-color 0.3s ease, box-shadow 0.3s ease;
}

#header.scrolled {
  background-color: #fff;
  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);
}

#header.scrolled .nav-link {
  color: #1a1a1a;
}

#header.scrolled .nav-link:hover {
  color: #d5522b;
}

#header.scrolled #mobile-toggle {
  color: #1a1a1a;
}

#header.scrolled nav {
  height: 4rem;
}

/* Workshop accordion */
.workshop-icon {
  transition: transform 0.3s ease;
}

.workshop-item.active .workshop-icon {
  transform: rotate(180deg);
}

.workshop-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
}

.workshop-item.active .workshop-content {
  max-height: 500px;
}

/* Sessionize iframe responsive */
#schedule iframe {
  min-height: 600px;
}

@media (min-width: 768px) {
  #schedule iframe {
    min-height: 800px;
  }
}

/* Section title underline animation */
.w-16.h-1.bg-brand {
  transition: width 0.3s ease;
}

/* Sponsor logos */
.grayscale {
  filter: grayscale(100%);
  transition: filter 0.3s ease;
}

.grayscale:hover {
  filter: grayscale(0%);
}

/* Hero scroll indicator */
@keyframes bounce-slow {
  0%, 100% { transform: translateY(0) translateX(-50%); }
  50% { transform: translateY(10px) translateX(-50%); }
}

/* Focus styles for accessibility */
a:focus-visible,
button:focus-visible {
  outline: 2px solid #d5522b;
  outline-offset: 2px;
}

/* Print styles */
@media print {
  #header,
  #countdown-section,
  #mobile-menu,
  .animate-bounce {
    display: none !important;
  }
}