/* Custom CSS for Best Gifts JA - Tailwind Integration */

/* Jamaican themed utilities and custom components */
.price-locked {
  opacity: 0.6;
}

/* Custom animations and transitions */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.animate-fade-in-up {
  animation: fadeInUp 0.6s ease-out;
}

/* Hover effects for interactive elements */
.hover-lift:hover {
  transform: translateY(-2px);
  transition: transform 0.2s ease-in-out;
}

/* Focus styles for accessibility */
.focus-ring:focus {
  outline: 2px solid #009B3A;
  outline-offset: 2px;
}

/* Switchery Custom Styles */
.switchery {
  margin-right: 8px;
}

.switchery>small {
  background: #FFFFFF !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}

.switchery.switchery-default {
  border-color: #009B3A !important;
  box-shadow: inset 0 0 0 0 #009B3A !important;
}

.switchery.switchery-default.switchery-checked {
  background-color: #009B3A !important;
  border-color: #009B3A !important;
}

.switchery.switchery-default.switchery-checked>small {
  left: 20px !important;
}

/* Jamaican Header Stripe */
header:before {
  content: '';
  display: block;
  height: 4px;
  width: 100%;
  background: linear-gradient(to right,
      #009B3A 0%, #009B3A 25%,
      #000000 25%, #000000 50%,
      #009B3A 50%, #009B3A 75%,
      #FED100 75%, #FED100 100%);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 50;
}