/* ------------------------------------------------------------------
   AUTOR pod tytulem - link do katalogu autora (/ksiazki/autor/Nazwisko).
   Efekt: po najechaniu "zakreslacz" w kolorze marki przeciaga sie
   pod nazwiskiem od lewej, a obok wysuwa sie strzalka.
   ------------------------------------------------------------------ */
.produkt-autor .rw-autor {
  color: inherit;
}
.produkt-autor .rw-autor--link {
  display: inline-flex;
  align-items: center;
  gap: .3em;
  color: #405962;
  text-decoration: none;
}
.produkt-autor .rw-autor__tekst {
  /* zakreslacz: zolty pasek u dolu, rozwijany od lewej */
  background-image: linear-gradient(#f2d16b, #f2d16b);
  background-repeat: no-repeat;
  background-position: 0 88%;
  background-size: 0% .38em;
  padding: 0 .08em;
  transition: background-size .35s cubic-bezier(.25, .8, .25, 1), color .2s;
}
.produkt-autor .rw-autor--link svg {
  width: .7em;
  height: .7em;
  flex: 0 0 auto;
  opacity: 0;
  transform: translateX(-6px);
  transition: opacity .25s, transform .25s;
}
.produkt-autor .rw-autor--link:hover,
.produkt-autor .rw-autor--link:focus-visible {
  color: #2f444b;
  text-decoration: none;
}
.produkt-autor .rw-autor--link:hover .rw-autor__tekst,
.produkt-autor .rw-autor--link:focus-visible .rw-autor__tekst {
  background-size: 100% .38em;
}
.produkt-autor .rw-autor--link:hover svg,
.produkt-autor .rw-autor--link:focus-visible svg {
  opacity: 1;
  transform: translateX(0);
}
.produkt-autor .rw-autor__sep {
  color: #8a9aa0;
}
/* Telefon: brak najechania - delikatny zakreslacz widoczny od razu. */
@media (hover: none) {
  .produkt-autor .rw-autor__tekst { background-size: 100% .22em; }
  .produkt-autor .rw-autor--link svg { opacity: .6; transform: none; }
}