/* Features Grid Block Styles */

[data-name='acf_features-grid'] .features-grid__card {
  @apply min-h-[350px] b480:min-h-[280px];
  transition: background-color 0.3s ease, border-color 0.3s ease;
}

[data-name='acf_features-grid'] .features-grid__card:hover {
  background-color: var(--coloryellow);
  border-color: var(--coloryellow);
}

[data-name='acf_features-grid'] .features-grid__icon {
  flex-shrink: 0;
}

[data-name='acf_features-grid'] .features-grid__icon img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

/* SVG icon styling - Yellow by default */
[data-name='acf_features-grid'] .features-grid__icon-svg {
  width: 100%;
  height: 100%;
  fill: none;
}

[data-name='acf_features-grid'] .features-grid__icon-svg g {
  fill: none;
}

[data-name='acf_features-grid'] .features-grid__icon-svg path,
[data-name='acf_features-grid'] .features-grid__icon-svg circle,
[data-name='acf_features-grid'] .features-grid__icon-svg polygon,
[data-name='acf_features-grid'] .features-grid__icon-svg polyline,
[data-name='acf_features-grid'] .features-grid__icon-svg ellipse,
[data-name='acf_features-grid'] .features-grid__icon-svg g path,
[data-name='acf_features-grid'] .features-grid__icon-svg g circle,
[data-name='acf_features-grid'] .features-grid__icon-svg g polygon,
[data-name='acf_features-grid'] .features-grid__icon-svg g polyline,
[data-name='acf_features-grid'] .features-grid__icon-svg g ellipse,
[data-name='acf_features-grid'] .features-grid__icon-svg rect[x],
[data-name='acf_features-grid'] .features-grid__icon-svg g rect[x] {
  fill: var(--coloryellow);
  transition: fill 0.3s ease;
}

/* SVG icon - Orange on hover */
[data-name='acf_features-grid']
  .features-grid__card:hover
  .features-grid__icon-svg
  path,
[data-name='acf_features-grid']
  .features-grid__card:hover
  .features-grid__icon-svg
  circle,
[data-name='acf_features-grid']
  .features-grid__card:hover
  .features-grid__icon-svg
  polygon,
[data-name='acf_features-grid']
  .features-grid__card:hover
  .features-grid__icon-svg
  polyline,
[data-name='acf_features-grid']
  .features-grid__card:hover
  .features-grid__icon-svg
  ellipse,
[data-name='acf_features-grid']
  .features-grid__card:hover
  .features-grid__icon-svg
  g
  path,
[data-name='acf_features-grid']
  .features-grid__card:hover
  .features-grid__icon-svg
  g
  circle,
[data-name='acf_features-grid']
  .features-grid__card:hover
  .features-grid__icon-svg
  g
  polygon,
[data-name='acf_features-grid']
  .features-grid__card:hover
  .features-grid__icon-svg
  g
  polyline,
[data-name='acf_features-grid']
  .features-grid__card:hover
  .features-grid__icon-svg
  g
  ellipse,
[data-name='acf_features-grid']
  .features-grid__card:hover
  .features-grid__icon-svg
  rect[x],
[data-name='acf_features-grid']
  .features-grid__card:hover
  .features-grid__icon-svg
  g
  rect[x] {
  fill: var(--colororange);
}

/* Image icons (non-SVG) - Yellow for default state */
[data-name='acf_features-grid'] .features-grid__card .features-grid__icon img {
  filter: brightness(0) saturate(100%) invert(79%) sepia(95%) saturate(1352%)
    hue-rotate(1deg) brightness(105%) contrast(101%);
  transition: filter 0.3s ease;
}

/* Image icons (non-SVG) - Orange on hover */
[data-name='acf_features-grid']
  .features-grid__card:hover
  .features-grid__icon
  img {
  filter: brightness(0) saturate(100%) invert(40%) sepia(85%) saturate(2000%)
    hue-rotate(340deg) brightness(90%) contrast(90%);
}

[data-name='acf_features-grid'] .features-grid__title {
  line-height: 1.3;
  letter-spacing: 0.5px;
  color: var(--colorwhite);
  transition: color 0.3s ease;
}

[data-name='acf_features-grid']
  .features-grid__card:hover
  .features-grid__title {
  color: var(--colorgreen);
}

[data-name='acf_features-grid'] .features-grid__description {
  color: var(--colorwhite);
  transition: color 0.3s ease;
}

[data-name='acf_features-grid']
  .features-grid__card:hover
  .features-grid__description {
  color: var(--colorgreen);
}