@config "./tailwind-frontend.config.js";

@tailwind components;
@tailwind utilities;
/* 
@config tailwind-frontend.config.js;
*/

/* default blockbite css vars, can be overwritten */
:root {
  --an-ani-x: 0;
  --an-ani-y: 0;
  --container-fluid-xs: 98vw;
  --container-fluid-xl: 95vw;
  --swiper-pagination-color: currentColor;
  --swiper-pagination-bullet-inactive-color: currentColor;
}

.wp-block-blockbite-counter {
  line-height: 1;
}

.wp-block-blockbite-icon svg {
  @apply bf_w-full bf_h-full;
}

[class*='b_animate-'] {
  animation-play-state: paused;
}
/* applied on group/icon/visual links */
.bf_tile:after {
  content: '';
  @apply bf_inset-0 bf_absolute bf_z-10;
}

/* custom media class that can be overwritten with bitestyles */
.bf_responsive-media {
  @apply bf_absolute bf_z-0 bf_w-full bf_h-full bf_top-0 bf_left-0 bf_overflow-hidden;
  img,
  video,
  source {
    @apply bf_w-full bf_h-full bf_object-cover bf_object-center;
  }
}

/* safeclass for groups, sections etc, can be overwritten with bitestyles */
.bf_layout {
  @apply bf_relative bf_h-full bf_z-10;
}

/* Swiper css overrides */
swiper-container::part(button-prev) {
  @apply bf_text-current;
}
swiper-container::part(button-next) {
  @apply bf_text-current;
}
swiper-container::part(pagination) {
  @apply bf_text-current;
}