/*
Theme Name: YOOtheme Child
Template: yootheme
Version: 1.0.0
Text Domain: yootheme-child
*/

/* Accordion-Titel wie euer "MEHR ERFAHREN"-Button + Dropdown-Icon behalten */
.product-accordion a.el-title.uk-accordion-title{
  display: inline-flex;
  align-items: center;
  justify-content: space-between;   /* Text links/zentriert + Icon rechts */
  gap: 14px;

  width: 100%;
  box-sizing: border-box;

  /* Button-Look */
  background: #0B6E7F;              /* ggf. an euren exakten Button-Farbwert anpassen */
  color: #fff;
  border: 0;
  border-radius: 2px;
  padding: 18px 22px;

  /* Typo wie Button */
  text-transform: uppercase;
  letter-spacing: 0.22em;
  font-weight: 700;
  font-size: 14px;
  line-height: 1.6;

  /* Abstand nach unten in der Karte */
  margin-bottom: 18px;

  text-decoration: none;
  transition: filter .15s ease, transform .15s ease;
}

/* Hover / Fokus */
.product-accordion a.el-title.uk-accordion-title:hover,
.product-accordion a.el-title.uk-accordion-title:focus{
  filter: brightness(0.92);
  transform: translateY(-1px);
  outline: none;
}

/* Offen/aktiv */
.product-accordion .uk-open > a.el-title.uk-accordion-title{
  filter: brightness(0.90);
}

/* Plus/Pfeil-Icon behalten + weiß */
.product-accordion a.el-title.uk-accordion-title .uk-accordion-icon{
  display: inline-flex !important;  /* wichtig: NICHT ausblenden */
  margin-left: auto;
  color: #fff;
  opacity: .95;
}

/* SVG-Icon einfärben */
.product-accordion a.el-title.uk-accordion-title .uk-accordion-icon svg{
  width: 18px;
  height: 18px;
  fill: currentColor;
}