.elementor-29477 .elementor-element.elementor-element-d819d9f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-29477 .elementor-element.elementor-element-74ea7d8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-29477 .elementor-element.elementor-element-70c4b8f > .elementor-widget-container{background-image:url("https://smesirovni.sk/wp-content/uploads/2025/08/Path-7.png");padding:50px 0px 50px 30px;background-repeat:no-repeat;background-size:contain;}.elementor-29477 .elementor-element.elementor-element-70c4b8f .title{color:var( --e-global-color-primary );font-weight:400;text-transform:none;}.elementor-29477 .elementor-element.elementor-element-70c4b8f .title-after_title{color:var( --e-global-color-secondary );font-size:46px;font-weight:400;text-transform:none;line-height:6px;}.elementor-29477 .elementor-element.elementor-element-7d70b1a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-29477 .elementor-element.elementor-element-8d947b6{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-29477 .elementor-element.elementor-element-1ebd3e0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-29477 .elementor-element.elementor-element-0df3fb3 > .elementor-widget-container{background-image:url("https://smesirovni.sk/wp-content/uploads/2025/08/Path-7.png");padding:50px 0px 50px 30px;background-repeat:no-repeat;background-size:contain;}.elementor-29477 .elementor-element.elementor-element-0df3fb3 .title{color:var( --e-global-color-primary );font-weight:400;text-transform:none;}.elementor-29477 .elementor-element.elementor-element-0df3fb3 .title-after_title{color:var( --e-global-color-secondary );font-size:46px;font-weight:400;text-transform:none;}.elementor-29477 .elementor-element.elementor-element-8576666{--display:flex;--margin-top:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-29477 .elementor-element.elementor-element-0008ff4{--display:flex;}.elementor-29477 .elementor-element.elementor-element-c706ce0{--display:flex;}@media(max-width:768px){.elementor-29477 .elementor-element.elementor-element-0df3fb3 .title{font-size:25px;}.elementor-29477 .elementor-element.elementor-element-0df3fb3 .title-after_title{font-size:25px;}.elementor-29477 .elementor-element.elementor-element-0008ff4{--margin-top:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-29477 .elementor-element.elementor-element-c706ce0{--margin-top:25px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}@media(min-width:769px){.elementor-29477 .elementor-element.elementor-element-74ea7d8{--width:50%;}.elementor-29477 .elementor-element.elementor-element-7d70b1a{--width:50%;}.elementor-29477 .elementor-element.elementor-element-1ebd3e0{--width:50%;}}/* Start custom CSS for container, class: .elementor-element-8576666 *//* === Scope: len na tento Elementor widget (ID e3a1dc7) === */

/* 1) Žltý border okolo každej karty/blogu */
.elementor-element-e3a1dc7 .wd-post {
  border: 2px solid #FFCC00;
  border-radius: 14px;
  overflow: hidden; /* aby obrázok/obsah rešpektoval zaoblenie */
}

/* zachovanie rovnakého zaoblenia aj pri tieňoch */
.elementor-element-e3a1dc7 .wd-post.wd-add-shadow {
  border-radius: 14px;
}

/* 2) Štítok kategórie – žlté pozadie + čitateľný text */
.elementor-element-e3a1dc7 .wd-post-cat.wd-style-with-bg a {
  background: #FFCC00 !important;
  color: #000 !important;
  border-color: #FFCC00 !important;
}

/* voliteľne: odstrániť prípadný gradient/tieň témy */
.elementor-element-e3a1dc7 .wd-post-cat.wd-style-with-bg a::before,
.elementor-element-e3a1dc7 .wd-post-cat.wd-style-with-bg a::after {
  background: none !important;
  box-shadow: none !important;
}

/* 3) Zjednotenie rozmeru obrázkov (pevný pomer strán) */
.elementor-element-e3a1dc7 .wd-post-thumb .post-img-wrapp {
  aspect-ratio: 16 / 9;          /* zmeň na 4/3 alebo 1/1 podľa potreby */
  overflow: hidden;
}
.elementor-element-e3a1dc7 .wd-post-thumb .post-img-wrapp img {
  width: 100%;
  height: 100%;
  object-fit: cover;              /* orez na stred, bez deformácie */
  object-position: center;
  display: block;
}

/* 4) Vyrovnanie výšok kariet (obsah sa natiahne, tlačidlo/odkaz zostane dole) */
.elementor-element-e3a1dc7 .wd-post .wd-post-inner {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.elementor-element-e3a1dc7 .wd-post .article-body-container,
.elementor-element-e3a1dc7 .wd-post .wd-post-content {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}
.elementor-element-e3a1dc7 .wd-post .wd-post-read-more {
  margin-top: auto; /* odsunie „Continue reading“ na spodok karty */
}

/* Voliteľné – ak chceš trochu viac „vzduchu“ vo vnútri karty */
.elementor-element-e3a1dc7 .wd-post-content {
  padding-bottom: 10px;
}
.wd-post-cat.wd-style-with-bg {
    background-color: #FFCC00;
    border-radius: 15px;   /* oblé rohy – môžeš dať 4px, 8px... podľa vkusu */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0008ff4 *//* === 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 */