/* =========================================================
   FINIXA.CZ — popisky kategorií, VARIANTA C
   "Pás přes obrázek": tmavě modrý pás v dolní části obrázku,
   bílý text vlevo. Při najetí pás zezelená (limetka).
   Nahrazuje finixa-category-labels.css (nahrávej JEN JEDEN z nich).
   Načítá se AŽ ZA finixa-custom.css.
   ========================================================= */

/* Zruší podtržení odkazu (kartou je celý <a>, podtrhával i popisek) */
#welcome p a,
#welcome p a:hover,
#welcome p a:focus{
  text-decoration:none !important;
}

#welcome p a .finixa-cat-label{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  z-index:1;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  box-sizing:border-box;
  min-height:64px;               /* místo na 2 řádky, ať mají všechny pásy stejnou výšku */
  padding:12px 16px 12px 18px;
  text-align:left;
  font-weight:700;
  font-size:15px;
  line-height:1.3;
  color:#fff;
  background:var(--f-navy, #0F2138);
  transition:background .2s ease, color .2s ease;
}

/* Hover: pás zezelená, text zmodrá (navy na limetce = dobrý kontrast) */
#welcome p a:hover .finixa-cat-label,
#welcome p a:focus-visible .finixa-cat-label{
  background:var(--f-lime, #B7D33D);
  color:var(--f-navy, #0F2138);
}