/* =====================================================
   DIGITALENT – BLOG LISTING (ENFOLD/ALB)
   - Thumbnail vlevo 180×180
   - Bez deformace (cover + správný box)
   - PEREX typografie: Onest 300 / 20px / 130% / 2%
   - Větší mezery mezi příspěvky
   ===================================================== */

/* 1) Jeden příspěvek jako řádek */
#top article.post-entry{
  display:flex;
  gap:30px;
  align-items:flex-start;

  margin-bottom:70px !important;
  padding-bottom:40px !important;
  border-bottom:1px solid rgba(0,0,0,0.08);
}

/* 2) Levý box pro náhled (Enfold varianty) */
#top article.post-entry .post-thumbnail,
#top article.post-entry .post-thumb,
#top article.post-entry .big-preview,
#top article.post-entry .small-preview{
  flex:0 0 180px;
  width:180px;
  height:180px;

  overflow:hidden;
  border-radius:8px;
  background:rgba(0,0,0,0.06);
}

/* 3) Obrázek do boxu (bez deformace – ořez) */
#top article.post-entry .post-thumbnail img,
#top article.post-entry .post-thumb img,
#top article.post-entry .big-preview img,
#top article.post-entry .small-preview img{
  width:100% !important;
  height:100% !important;
  object-fit:cover;
  object-position:center;
  display:block;
}

/* 4) Pravý sloupec */
#top article.post-entry .entry-content-wrapper{
  flex:1 1 auto;
  min-width:0;
}

/* 5) Titulek – “H” styl (základ: uppercase + tracking) */
#top article.post-entry .post-title,
#top article.post-entry .post-title a{
  text-transform:uppercase;
  letter-spacing:0.2em;
}

/* 6) PEREX (první odstavec ve výpisu) */
#top article.post-entry .entry-content-wrapper > p{
  font-family:"Onest", sans-serif !important;
  font-weight:300 !important;
  font-size:20px !important;
  line-height:1.3 !important;        /* 130% */
  letter-spacing:0.02em !important;  /* 2% */

  margin-top:8px !important;
  margin-bottom:0 !important;

  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

/* 7) Mobil */
@media (max-width:768px){
  #top article.post-entry{
    gap:14px;
    margin-bottom:50px !important;
    padding-bottom:30px !important;
  }

  #top article.post-entry .post-thumbnail,
  #top article.post-entry .post-thumb,
  #top article.post-entry .big-preview,
  #top article.post-entry .small-preview{
    flex-basis:120px;
    width:120px;
    height:120px;
  }

  #top article.post-entry .entry-content-wrapper > p{
    font-size:18px !important;
  }
}