/* Cover Crops Fill My Space button + Plant Type dropdown alignment fix */

/*
  Fix 1:
  The Cover Crops Fill My Space button should behave like the other filter buttons:
  - unclicked = normal unselected button color
  - clicked = solid green selected state
  - clicked again = returns to normal unselected button color

  Fix 2:
  Remove the decorative icon from the Plant Type dropdown Cover Crops link.
  The previous pseudo-icon caused misalignment in the dropdown.
*/

.ahg-fill-master__primary-type-group {
  border: 1px solid rgba(47, 111, 78, 0.16);
  border-radius: 1.15rem;
  padding: 1rem;
  background: linear-gradient(135deg, #fffef8 0%, #f0fdf4 100%);
}

.ahg-fill-master__badge--cover {
  background: #ecfccb;
  color: #365314;
  border: 1px solid #bef264;
}

/* Normal / unclicked Cover Crops button state */
.ahg-fill-master button[data-filter="plant-type:cover-crops"],
.ahg-fill-master button[data-filter="plant-type:cover-crops"]:not([aria-pressed="true"]) {
  background: #ffffff;
  color: #17351f;
  border-color: rgba(47, 111, 78, 0.22);
  box-shadow: none;
  font-weight: 850;
}

/* Hover while unclicked */
.ahg-fill-master button[data-filter="plant-type:cover-crops"]:not([aria-pressed="true"]):hover {
  background: #f0fdf4;
  color: #17351f;
  border-color: rgba(47, 111, 78, 0.34);
}

/* Clicked / selected Cover Crops button state */
.ahg-fill-master button[data-filter="plant-type:cover-crops"][aria-pressed="true"] {
  background: #17351f;
  color: #ffffff;
  border-color: #17351f;
  box-shadow: 0 10px 22px rgba(23, 53, 31, 0.22);
  font-weight: 950;
}

/* Keep Cover Crops bold in the dropdown, but do not add any icon. */
.ahg-condensed-nav__menu a[href="/store/cover-crops.html"],
.ahg-condensed-nav__mobile-panel a[href="/store/cover-crops.html"] {
  font-weight: 950;
}

/* Explicitly remove the old misaligned decorative icon. */
.ahg-condensed-nav__menu a[href="/store/cover-crops.html"]::before,
.ahg-condensed-nav__mobile-panel a[href="/store/cover-crops.html"]::before {
  content: none !important;
  display: none !important;
}