/**
 * Student Wings - Custom Styles
 * Complements Tailwind CSS with custom utilities
 */

/* ======================
   Custom Animations
   ====================== */
@keyframes pulse-slow {

  0%,
  100% {
    opacity: 1;
  }

  50% {
    opacity: 0.5;
  }
}

@keyframes float {

  0%,
  100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-10px);
  }
}

/* ======================
   Custom Utilities
   ====================== */
.animate-pulse-slow {
  animation: pulse-slow 3s ease-in-out infinite;
}

.animate-float {
  animation: float 4s ease-in-out infinite;
}

/* ======================
   Dropdown Fixes
   ====================== */
.group:hover .group-hover\:grid {
  display: grid;
}

/* ======================
   Form Customizations
   ====================== */
select {
  background-image: none;
}

/* ======================
   Scrollbar Styling
   ====================== */
::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: #f1f5f9;
}

::-webkit-scrollbar-thumb {
  background: #94A3B8;
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: #F4C430;
}

/* ======================
   Site Logo
   ====================== */
.site-logo {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}

.site-logo img {
  height: 64px;
  max-height: 64px;
  width: auto;
  object-fit: contain;
}

/* Tablet */
@media (max-width: 1024px) {
  .site-logo img {
    height: 52px;
    max-height: 52px;
  }
}

/* Mobile */
@media (max-width: 640px) {
  .site-logo img {
    height: 40px;
    max-height: 40px;
  }
}

/* ======================
   Print Styles
   ====================== */
@media print {

  header,
  footer,
  .announcement-close {
    display: none !important;
  }
}