/* Community Stories Block Styles */

[data-name='acf_community-stories'] .featured-story__content:after {
  content: '';
  @apply block absolute top-0 left-[-50px] z-[-1] w-[100px] h-full bg-[--colorgreen] b820:hidden;
}
/* Vertical text writing mode */
[data-name='acf_community-stories'] .writing-vertical-rl {
  writing-mode: vertical-rl;
  text-orientation: mixed;
}

/* Featured story styles */
[data-name='acf_community-stories'] .featured-story__image {
  aspect-ratio: 1 / 1;
}

[data-name='acf_community-stories'] .featured-story__image img {
  display: block;
}

/* Grid stories responsive adjustments */
@media (max-width: 820px) {
  [data-name='acf_community-stories'] .featured-story__image,
  [data-name='acf_community-stories'] .featured-story__content {
    flex: none;
    width: 100%;
    max-width: 100%;
  }

  [data-name='acf_community-stories'] .featured-story__image {
    aspect-ratio: auto;
    min-height: 300px;
  }

  [data-name='acf_community-stories'] .vertical-button {
    min-width: auto;
  }
}

/* Story card hover effects */
[data-name='acf_community-stories'] .story-card {
  transition: transform 0.3s ease;
}

[data-name='acf_community-stories'] .story-card:hover {
  transform: translateY(-5px);
}

/* Vertical button hover effects */
[data-name='acf_community-stories'] .vertical-button {
  transition: all 0.3s ease;
}

[data-name='acf_community-stories'] .vertical-button span:first-of-type {
  display: block;
}

[data-name='acf_community-stories'] .vertical-button svg {
  display: block;
}

@media (max-width: 820px) {
  [data-name='acf_community-stories'] .writing-vertical-rl {
    writing-mode: horizontal-tb;
  }
}