/* === Mini buttony s TOP tématy === */


  .top-topics-wrap{
    /* Rozložení */
    display:flex;
    align-items:center;
    flex-wrap:wrap;


    /* Mezery mezi tlačítky */
    column-gap:6px;  /* vodorovně (v jednom řádku) */
    row-gap:10px;    /* svisle (když se zalomí na více řádků) */


    /* Mezery */
    margin-top:-12px;   /* zkrácení mezery nad tlačítky */
    margin-bottom:16px; /* příjemná mezera pod nimi */


    /* Písmo */
    font-family:"Poppins", sans-serif;
  }


  .top-topics-wrap .top-topic{
    /* Vzhled tlačítka */
    display:inline-flex;
    align-items:center;
    justify-content:center;


    padding:6px 14px;
    border-radius:999px;


    background:#f6f6f6;
    border:1px solid #e4e4e4;        /* aby se prvek při hoveru "nehýbal" */
    color:#24242E !important;         /* barva textu */
    text-decoration:none !important;


    font-size:14px;
    line-height:1.2;


    transition: background-color .2s ease, border-color .2s ease, box-shadow .2s ease, transform .05s ease;
  }


  .top-topics-wrap .top-topic:hover{
    background:#eeeeee;               /* jemně tmavší */
    border-color:#e4e4e4;             /* lehký obrys */
    box-shadow:0 2px 8px rgba(0,0,0,.08); /* decentní stín */
    transform:translateY(-1px);       /* lehké nadzvednutí */
    text-decoration:none !important;
  }


  /* Zvýraznění při ovládání klávesnicí (Tab) */
  .top-topics-wrap .top-topic:focus-visible{
    outline:2px solid #9e9e9e;
    outline-offset:2px;
  }


  /* Jemný efekt při kliknutí */
  .top-topics-wrap .top-topic:active{
    transform:translateY(0);          /* vrátí zpět, aby to při kliknutí nepůsobilo "uskákáně" */
  }


  /* Aktivní/aktuální odkaz (pokud chcete zvýraznit vybraný) */
  .top-topics-wrap .top-topic.is-active,
  .top-topics-wrap .top-topic[aria-current="page"]{
    background:#24242E;
    border-color:#24242E;
    color:#ffffff !important;
    box-shadow:none;
    transform:none;
  }