/* Restaurant Info Card Styles */

.restaurant-info-card {
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

/* Card hover effects for interactive elements */
.restaurant-info-card a:hover {
  background-color: var(--bg-secondary);
  border-radius: var(--radius-lg);
  margin: -0.5rem;
  padding: 0.5rem;
}

/* Status indicator animation */
@keyframes pulse-dot {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.5; }
}

.restaurant-info-card .animate-pulse {
  animation: pulse-dot 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

/* Info card hours styling - override the opening_hours partial styles */
.info-card-hours .daily-schedule,
.info-card-hours .schedule {
  background-color: transparent;
  padding: 0;
  margin: 0;
}

.info-card-hours .daily-schedule {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
}

.info-card-hours .daily-schedule svg:first-child,
.info-card-hours .schedule svg:first-child {
  width: 2.5rem;
  height: 2.5rem;
  padding: 0.625rem;
  background-color: var(--accent-light);
  border-radius: 9999px;
  color: var(--accent-primary);
  flex-shrink: 0;
}

.info-card-hours .daily-schedule p,
.info-card-hours .schedule p {
  color: var(--text-primary);
}

/* Icon Container Enhancement */
.restaurant-info-card .w-10.h-10.rounded-full.bg-accent-light {
  background: linear-gradient(135deg, #FEF3C7 0%, #FDE68A 100%);
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.8);
}

/* Responsive adjustments */
@media (max-width: 640px) {
  .restaurant-info-card {
    margin-left: 1rem;
    margin-right: 1rem;
  }
}