.elementor-29682 .elementor-element.elementor-element-22126b6{--display:flex;}/* Start custom CSS for container, class: .elementor-element-22126b6 *//* === GLOBAL BLOG STYLING (Woodmart) === */
:root { --brand-yellow: #FFCC00; --text-dark: #111; }

/* 1) Karta: rámik, oblé rohy, čisté prekrytia */
.wd-post.blog-style-bg .wd-post-inner,
.wd-post.blog-design-masonry .wd-post-inner {
  border: 2px solid var(--brand-yellow);
  border-radius: 14px;
  overflow: hidden;           /* nech sú rohy čisté aj na obrázku */
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.wd-post.blog-style-bg .wd-post-inner:hover,
.wd-post.blog-design-masonry .wd-post-inner:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 24px rgba(0,0,0,.08);
  border-color: #e6b800;      /* jemný hover odtieň */
}

/* 2) Obrázky – jednotný pomer + pekný orez */
.wd-post .wd-post-thumb .wd-post-img {
  aspect-ratio: 16/9;         /* zmeň podľa potreby na 4/3 alebo 1/1 */
  height: auto;
  overflow: hidden;
}
.wd-post .wd-post-thumb .wd-post-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform .35s ease;
}
.wd-post .wd-post-thumb:hover .wd-post-img img {
  transform: scale(1.03);
}

/* 3) Kategória – žltá pilulka s oblými rohmi (globálne) */
.wd-post-cat.wd-style-with-bg,
.wd-post-cat.wd-style-with-bg a {
  background: var(--brand-yellow) !important;
  color: var(--text-dark) !important;
  border-radius: 9999px;
}
.wd-post-cat.wd-style-with-bg { padding: 0 !important; }
.wd-post-cat.wd-style-with-bg a {
  display: inline-block;
  padding: 4px 10px;
  line-height: 1.1;
  text-decoration: none;
}

/* 4) Dátumová značka – žlté pozadie + oblé rohy */
.wd-post-date.wd-style-with-bg {
  --_pad: 6px;
  background: var(--brand-yellow) !important;
  color: var(--text-dark) !important;
  border-radius: 10px;
  box-shadow: none !important;
  padding: var(--_pad) var(--_pad) !important;
  line-height: 1.1;
}
.wd-post-date.wd-style-with-bg .post-date-day,
.wd-post-date.wd-style-with-bg .post-date-month {
  color: var(--text-dark) !important;
  text-transform: lowercase; /* nech sedí s „aug/okt/nov“… */
}

/* 5) Nadpis a linky – čitateľné, bez podčiarknutia, s hoverom */
.wd-post-title a {
  color: inherit;
  text-decoration: none;
  background-image: linear-gradient(currentColor,currentColor);
  background-size: 0% 1px;
  background-repeat: no-repeat;
  background-position: 0 100%;
  transition: color .15s ease, background-size .2s ease;
}
.wd-post-title a:hover { background-size: 100% 1px; }

/* 6) „Prečítať“ – decentná linka */
.wd-post-read-more a {
  text-decoration: none;
  font-weight: 600;
  position: relative;
}
.wd-post-read-more a::after {
  content: " →";
  transition: transform .18s ease;
  display: inline-block;
}
.wd-post-read-more a:hover::after { transform: translateX(2px); }

/* 7) Jemné dorovnanie spacingu */
.blog-design-masonry .wd-post-thumb { margin-bottom: 12px; }
.wd-post .wd-post-content { padding-bottom: 14px; }

/* 8) Responzívne vylepšenia pre úzke displeje */
@media (max-width: 767.98px) {
  .wd-post .wd-post-content { padding-left: 14px; padding-right: 14px; }
  .wd-post-title { font-size: 1.05rem; }
}/* End custom CSS */