/* ==========================================
   TOPIC LISTS
   ========================================== */

/* Fallback styles for the old classes - keeping for compatibility */
.topic-list {
  .topic-item {
    > .topic-item-text {
      @apply bg-gray-100 text-purple-400 w-full relative pl-6 pr-16 grid content-center rounded-lg h-full hover:bg-accent-orange;

      min-height: 60px;
      line-height: 120%;
      padding-top: 5px;
      padding-bottom: 5px;
      font-weight: 700;

      &:before {
        @apply absolute w-2.5 h-full bg-accent-orange left-0 top-0 rounded-l-lg;

        content: "";
      }

      /* Remove any arrow pseudo-elements */
      &:after {
        display: none !important;
      }
    }
  }
}

/* New enhanced topic list styles with Tailwind classes */
/* No special mobile dropdown styles needed - topics display as simple list */

/* Editor-specific styles to match frontend */
.wp-block[data-type="acf/topiclist"] {
  .topic-list-container {
    &.desktop-view {
      @apply hidden md:grid grid-cols-2 xl:grid-cols-3 gap-8;
    }

    &.mobile-view {
      @apply md:hidden;
    }
  }

  .topic-item-text {
    font-family: "museo-slab", serif !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    line-height: 120% !important;

    /* Hide all possible arrow pseudo-elements in editor */
    &:after,
    &::after {
      display: none !important;
      content: none !important;
    }
  }

  /* Hide any arrows from nested elements */
  .topic-item {
    &:after,
    &::after {
      display: none !important;
      content: none !important;
    }
  }

  /* Also hide any arrows from the legacy .topic-list class in editor */
  .topic-list .topic-item > .topic-item-text {
    &:after,
    &::after {
      display: none !important;
      content: none !important;
    }
  }

  /* Hide any other pseudo-element arrows that might exist */
  * {
    &:after,
    &::after {
      &[data-arrow],
      &[class*="arrow"] {
        display: none !important;
        content: none !important;
      }
    }
  }
}

/* Global override to hide ALL pseudo-element arrows in topiclist blocks */
.wp-block[data-type="acf/topiclist"] *:after,
.wp-block[data-type="acf/topiclist"] *::after {
  display: none !important;
  content: none !important;
}