/* =====================================================================
   ESKOMAT — vzhled náhledů blogu (výpis článků)
   Nahraj jako soubor: Vzhled a obsah → Soubory  (/user/documents/upload/)
   V šabloně (zápatí nebo záhlaví) vlož 1 řádek:
   <link rel="stylesheet" href="/user/documents/upload/eskomat-blog-listing.css">
   ===================================================================== */

/* ---- Zaoblené rohy náhledových fotek + jemný zoom při najetí ---- */
.news-item .news-item-link-img{
  display:block;
  border-radius:16px;
  overflow:hidden;
}
.news-item img.news-image{
  display:block;
  width:100%;
  height:auto;
  border-radius:16px;
  transition:transform .25s ease;
}
.news-item:hover img.news-image{ transform:scale(1.03); }

/* ---- Meta pilulky (vkládá eskomat-blog-listing.js) ---- */
.esk-l-meta{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
  margin:10px 0 8px;
}
.esk-l-pill{
  display:inline-flex;
  align-items:center;
  gap:6px;
  font-size:12.5px !important;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.03em;
  line-height:1.2;
  padding:5px 13px;
  border-radius:999px;
  white-space:nowrap;
}
.esk-l-pill svg{ width:13px; height:13px; display:block; flex:0 0 auto; }
.esk-l-cas{ font-size:13px !important; color:#777; font-weight:600; }
.esk-l-perex{ display:block; }