type: custom:calendar-card-pro
entities:
  - entity: calendar.events
    accent_color: "#ff77a9"
  - entity: calendar.kids_school
    accent_color: "#6c63ff"
  - entity: calendar.holidays_in_united_states
    accent_color: "#ffa500"
days_to_show: 5
max_events_to_show: 5
event_background_opacity: 25
vertical_line_width: 5px
event_spacing: 6px
show_week_numbers: iso
week_separator_width: 1px
week_separator_color: rgba(3, 169, 244, 0.3)
month_separator_width: 1.5px
month_separator_color: var(--secondary-text-color)
font_family: Comic Neue
title: 📅 Animeking’s Time Chronicles ✨
title_font_size: 18px
title_color: "#baf1ff"
tap_action:
  action: expand
hold_action:
  action: navigate
  navigation_path: calendar
card_mod:
  style: |
    ha-card {
      border-radius: 18px;
      box-shadow: 0 6px 15px rgba(0,0,0,0.3); /* Anime UI glow */
      background: url('https://i.imgur.com/Vg0F5zO.jpeg'); /* Starry Anime Sky 🌌 */
      background-size: cover;
      background-position: center;
      animation: floaty 3s ease-in-out infinite; /* Gentle floating effect */
      padding-top: 10px;  /* Add padding to push the title up */
    }
    @keyframes floaty {
      0%, 100% { transform: translateY(0px); }
      50% { transform: translateY(-3px); }
    }
    h1, h2, h3 {
      font-family: "Comic Neue", sans-serif;
      font-weight: bold;
      color: #baf1ff; /* Anime-style blue text */
      text-shadow: 0 0 10px rgba(186, 241, 255, 0.8), 0 0 20px rgba(186, 241, 255, 0.5);
      animation: glow 1.5s infinite alternate;
    }
    @keyframes glow {
      from {
        text-shadow: 0 0 10px rgba(186, 241, 255, 0.8), 0 0 20px rgba(186, 241, 255, 0.5);
      }
      to {
        text-shadow: 0 0 15px rgba(255, 255, 255, 1), 0 0 30px rgba(186, 241, 255, 1);
      }
    }

    /* Custom Event Icons */
    .event-title::before {
      content: "🎤 "; /* Default Event Icon */
    }
    .event-title[data-category*="School"]::before {
      content: "🎓 "; /* School Icon */
    }
    .event-title[data-category*="Concert"]::before {
      content: "🎤 "; /* Concert Icon */
    }
    .event-title[data-category*="Gaming"]::before {
      content: "🎮 "; /* Gaming Event Icon */
    }
    .event-title[data-category*="Food"]::before {
      content: "🍜 "; /* Food Event Icon */
    }