/*Custom posts preview block */
.custom-post-preview-block.block-top-post h2,
.custom-post-preview-block.block-three-posts h2,
.custom-post-preview-block.block-posts-list h2,
.custom-post-preview-block.block-wide-posts h2,
.custom-post-preview-block.block-posts-list-widget h2 {
    font-family:var(--font-name);
	font-size: 2.2rem;
    text-transform: uppercase;
    line-height: 1.2;
    border-left: 5px solid #ec1317;
    padding-left: 10px;
    margin-top: 0;
}


.custom-post-preview-block.block-top-post h2 a,
.custom-post-preview-block.block-three-posts h2 a,
.custom-post-preview-block.block-posts-list h2 a,
.custom-post-preview-block.block-wide-posts h2 a,
.custom-post-preview-block.block-posts-list-widget h2 a {
    text-decoration: none;
    color: #000;
}

.custom-post-preview-block.block-top-post h2 a:hover,
.custom-post-preview-block.block-three-posts h2 a:hover,
.custom-post-preview-block.block-posts-list h2 a:hover,
.custom-post-preview-block.block-wide-posts h2 a:hover,
.custom-post-preview-block.block-posts-list-widget h2 a:hover {
    text-decoration: underline;
}


/* Top modul*/
.top-modul {
    border-bottom: 1px solid #cccccc;
    padding-bottom: 20px;
}



/* Top příspěvek */ 

.custom-post-preview-block.block-top-post .post-thumbnail-link {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.custom-post-preview-block.block-top-post .post-thumbnail-link img {
    flex-shrink: 0;
    min-width: 100%;
    min-height: 100%;
    margin-bottom: 12px;
}

.custom-post-preview-block.block-top-post .post-title {
    margin: 0;
    padding: 12px 0;
    line-height: 1;
}

.custom-post-preview-block.block-top-post .post-title a {
    font-size: 3.2rem;
    color: #000;
    text-decoration: none;
    font-weight: 600;
    line-height: 1.3;
}

.custom-post-preview-block.block-top-post .post-title a:hover {
    text-decoration: underline;
}

.custom-post-preview-block.block-top-post .post-meta {
    margin: 12px 0;
    font-size: 1.6rem;    
    color: #000;
    line-height: 1;
}


.custom-post-preview-block.block-top-post .post-meta .post-category,
.custom-post-preview-block.block-top-post .post-meta .post-okres,
.custom-post-preview-block.block-top-post .post-meta .post-views,
.custom-post-preview-block.block-top-post .post-meta .post-comments {
    padding-left: 10px;
    margin-left: 10px;
    border-left: 1px solid #d0d0d0;
    align-items: center;
}

.custom-post-preview-block.block-top-post .post-meta .post-category a,
.custom-post-preview-block.block-top-post .post-meta .post-okres a {
    color: #d2171a;
}

.custom-post-preview-block.block-top-post .post-meta .post-category a:hover,
.custom-post-preview-block.block-top-post .post-meta .post-okres a:hover {
    text-decoration: underline;
}

.custom-post-preview-block.block-top-post .post-meta .post-views::before {
    content: "";
    background-image: url(assets/images/post-views.png);
    background-repeat: no-repeat;
    width: 15px;
    height: 11px;    
    display: inline-block;
    margin-right: 5px;
}

.custom-post-preview-block.block-top-post .post-meta .post-comments a::before {
    content: "";
    background-image: url(assets/images/post-comments.png);
    background-repeat: no-repeat;
    width: 13px;
    height: 12px;    
    display: inline-block;
    margin-right: 5px;
    top: 1px;
    position: relative;
}

.custom-post-preview-block.block-top-post .post-excerpt {
    font-size: 2rem;
    padding: 7px 0 12px 0;
    line-height: 1.3;
}

.custom-post-preview-block.block-three-posts .post-meta .post-category,
.custom-post-preview-block.block-three-posts .post-meta .post-views,
.custom-post-preview-block.block-three-posts .post-meta .post-comments,
.custom-post-preview-block.block-three-posts .post-meta .post-okres {
    padding-right: 10px;
    margin-right: 10px;
    border-right: 1px solid #d0d0d0;
}

.custom-post-preview-block.block-three-posts .post-meta .post-category:last-child,
.custom-post-preview-block.block-three-posts .post-meta .post-views:last-child,
.custom-post-preview-block.block-three-posts .post-meta .post-comments:last-child,
.custom-post-preview-block.block-three-posts .post-meta .post-okres:last-child {
    padding-right: 0;
    margin-right: 0;
    border-right: none;
}

/* Blok se záložkami nejčtenější / nejnovější */
  .custom-post-preview-block-nejctenejsi  .post-meta {
        display: none !important;
    }

.custom-post-preview-block-nejctenejsi .tabs {
  margin-bottom: 1em;
}

.custom-post-preview-block-nejctenejsi .tabs .tab-titles {
  list-style: none;
  padding: 0;
  margin:0;
  display: flex;
}

.custom-post-preview-block-nejctenejsi .tabs .tab-titles li {
  cursor: pointer;
  border-bottom: none;
  margin: 0 8px 0 0;
  user-select: none;
  line-height: 1;
  padding: 14px 24px 14px 0;
  border: 1px solid #e1e1e1;    
  border-bottom: 0;
  font-size: 1.8rem;
  font-weight: 700;
}

.custom-post-preview-block-nejctenejsi .tabs .tab-titles li::before {
    content: "";
    width: 5px;
    height: 100%;
    background: #bdbdbd;
    display: inline-block;
    margin: 0 5px 0 24px;
    top: 2px;
    position: relative;
}

.custom-post-preview-block-nejctenejsi .tabs .tab-titles li.active::before {
    background: #ec1317;
}

.custom-post-preview-block-nejctenejsi .tabs .tab-titles li.active {  
  background: #f0f0f0;    
  border-color: #f0f0f0;      
  border-bottom: 0;
}

.custom-post-preview-block-nejctenejsi .tabs .tab-content {
  padding: 2.4rem;
  background: #fff;
  display: none;
}

.custom-post-preview-block-nejctenejsi .tabs .tab-content.active {
    display: block;
    background: #f0f0f0;
}

.custom-post-preview-block-nejctenejsi .tabs article .post-title {    
    font-size: 1.8rem;
    line-height: 1.4;    
    font-weight: 600;
    margin: 1.6rem 0 1.6rem;
}

.custom-post-preview-block-nejctenejsi .tabs article:first-child .post-title{ 
    margin-top: 0;
}

.custom-post-preview-block-nejctenejsi .tabs .tab-content .post-title a {
    color: #000;
    text-decoration: none;
}

.custom-post-preview-block-nejctenejsi .tabs .tab-content .post-title a:hover {
    text-decoration: underline;
}

.custom-post-preview-block-nejctenejsi .tabs article {
  /*  padding-bottom: 1.6rem;*/
    border-bottom: 1px solid #cccccc;     
}

.custom-post-preview-block-nejctenejsi .tabs article:last-child {
    padding-bottom: 0;
    border-bottom: 0;     
}




/* Tři příspěvky */ 

.custom-post-preview-block.block-three-posts .post-items-wrapper {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: 1fr;
grid-column-gap: 42px;
grid-row-gap: 0px;
    margin-top: 0;
}

.custom-post-preview-block.block-three-posts .post-item .post-content-top {
    display: flex;
    flex-direction: row;
}

.custom-post-preview-block.block-three-posts .post-thumbnail-link {
   flex: 0 0 40%;
}

.custom-post-preview-block.block-three-posts .post-thumbnail-link img {
}

.custom-post-preview-block.block-three-posts .post-content-right {
   flex: 0 0 60%;
}

.custom-post-preview-block.block-three-posts .post-title {
    margin: -0.4rem 0 0 2.6rem;
    padding: 0;
    line-height: 1.39;
   /* flex: 1 1 0px;*/
    font-size: 2rem;
}

.custom-post-preview-block.block-three-posts .post-title a {
    color: #000;
    text-decoration: none;
    font-weight: 600;
}

.custom-post-preview-block.block-three-posts .post-title a:hover {
    text-decoration: underline;
}

.custom-post-preview-block.block-three-posts .post-meta {
    margin: 12px 0;
    font-size: 1.4rem;    
    color: #000;
    line-height: 1;
}


.custom-post-preview-block.block-three-posts .post-meta .post-category a {
    color: #d2171a;
}

.custom-post-preview-block.block-three-posts .post-meta .post-category a:hover {
    text-decoration: underline;
}

.custom-post-preview-block.block-three-posts .post-meta .post-views::before {
    content: "";
    background-image: url(assets/images/post-views.png);
    background-repeat: no-repeat;
    width: 15px;
    height: 11px;    
    display: inline-block;
    margin-right: 5px;
}

.custom-post-preview-block.block-three-posts .post-meta .post-comments a::before {
    content: "";
    background-image: url(assets/images/post-comments.png);
    background-repeat: no-repeat;
    width: 13px;
    height: 12px;    
    display: inline-block;
    margin-right: 5px;
    top: 1px;
    position: relative;
}

.custom-post-preview-block.block-three-posts .post-excerpt {
    font-size: 2rem;
    padding: 7px 0 12px 0;
    line-height: 1.3;
}





/* Seznam článků pod sebou */ 

.custom-post-preview-block.block-posts-list {
 /*   border-right: 1px solid #cccccc;
    padding-right: 20px;*/
    position: relative;
}

body:not(.single) .levy-sloupec {
    position: relative
}


body:not(.single) .levy-sloupec::after {
    content: "";
    background-color: #cccccc;
    width: 1px;
    height: 100%;
    margin-right: -2rem;
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;   
}

.custom-post-preview-block.block-posts-list .post-item {
   margin-bottom: 40px;
}

.custom-post-preview-block.block-posts-list .post-item:last-child {
    margin-bottom: 0;
}


.custom-post-preview-block.block-posts-list.enable-load-more .post-item {
    margin-bottom: 40px;
}




.custom-post-preview-block.block-posts-list .post-item .post-content-top {
    display: flex;
    flex-direction: row;
}

.custom-post-preview-block.block-posts-list .post-thumbnail-link {
   flex: 1 1 0px;
   flex-basis: 33.3333%; 
}

.custom-post-preview-block.block-posts-list .post-thumbnail-link img {
}


.custom-post-preview-block.block-posts-list .post-content-right {
   flex: 1 1 0px;
    margin-left: 26px;
    flex-basis: 66.6666%; 
}

.custom-post-preview-block.block-posts-list .post-title {
    margin: -0.4rem 0 0 0;
    padding: 0;
    line-height: 1.3;
    font-size: 2rem;
}

.custom-post-preview-block.block-posts-list .post-title a {
    color: #000;
    text-decoration: none;
    font-weight: 600;
}

.custom-post-preview-block.block-posts-list .post-title a:hover {
    text-decoration: underline;
}

.custom-post-preview-block.block-posts-list .post-meta {
    margin: 22px 0 18px 0;
    font-size: 1.4rem;    
    color: #000;
    line-height: 1;
}

.custom-post-preview-block.block-posts-list .post-meta .post-date,
.custom-post-preview-block.block-posts-list .post-meta .post-category,
.custom-post-preview-block.block-posts-list .post-meta .post-views,
.custom-post-preview-block.block-posts-list .post-meta .post-comments,
.custom-post-preview-block.block-posts-list .post-meta .post-okres {
    padding-right: 10px;
    margin-right: 10px;
    border-right: 1px solid #d0d0d0;
    margin-bottom: 10px;
}

.custom-post-preview-block.block-posts-list .post-meta .post-date:last-child,
.custom-post-preview-block.block-posts-list .post-meta .post-category:last-child,
.custom-post-preview-block.block-posts-list .post-meta .post-views:last-child,
.custom-post-preview-block.block-posts-list .post-meta .post-comments:last-child,
.custom-post-preview-block.block-posts-list .post-meta .post-okres:last-child {
    padding-right: 0;
    margin-right: 0;
    border-right: none;
}

.custom-post-preview-block.block-posts-list .post-meta .post-category a,
.custom-post-preview-block.block-posts-list .post-meta .post-okres a{
    color: #d2171a;
}

.custom-post-preview-block.block-posts-list .post-meta .post-category a:hover {
    text-decoration: underline;
}

.custom-post-preview-block.block-posts-list .post-meta .post-views::before {
    content: "";
    background-image: url(assets/images/post-views.png);
    background-repeat: no-repeat;
    width: 15px;
    height: 11px;    
    display: inline-block;
    margin-right: 5px;
}

.custom-post-preview-block.block-posts-list .post-meta .post-comments a::before {
    content: "";
    background-image: url(assets/images/post-comments.png);
    background-repeat: no-repeat;
    width: 13px;
    height: 12px;    
    display: inline-block;
    margin-right: 5px;
    top: 1px;
    position: relative;
}

.custom-post-preview-block.block-posts-list .post-excerpt {
    font-size: 1.6rem;
    padding: 0;
    line-height: 1.4;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
   /*  text-overflow: ' lll';*/
    
}


.custom-post-preview-block .post-preview-load-more {
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.custom-post-preview-block .post-preview-load-more:disabled {
  cursor: default;
  opacity: 0.6;
}

#load-more-container #load-more,
.custom-post-preview-block .post-preview-load-more  {
    background: none;
    color: #000;
    font-size: 1.6rem;
    text-transform: none;
    display: flex;
    margin: 0 auto;
    font-weight: 400;
    text-decoration: underline;
    align-items: center;
    padding: 0 20px;
    margin-top: 30px;
}

.custom-post-preview-block .post-preview-load-more:hover {
    text-decoration: none;
}

#load-more-container #load-more::after,
.custom-post-preview-block .post-preview-load-more::after  {
    content: "";
    background-image: url(assets/images/angle-down.png);
    background-repeat: no-repeat;
    width: 12px;
    height: 7px;
    display: inline-block;
    margin-left: 8px;
}


/* Seznam článků widget */ 

.custom-post-preview-block.block-posts-list-widget {
    padding: 2.4rem;
    background: #ededed;
   /* align-self: flex-end;*/
}

.custom-post-preview-block.block-posts-list-widget .post-item {
    margin-bottom: 2.4rem;
}

.custom-post-preview-block.block-posts-list-widget .post-item:last-child {
    margin-bottom: 0;
}

.custom-post-preview-block.block-posts-list-widget .post-item .post-content-top {
    display: flex;
    flex-direction: row;
}

.custom-post-preview-block.block-posts-list-widget .post-thumbnail-link {
   flex: 1 1 0px;
   flex-basis: 50%; 
}

.custom-post-preview-block.block-posts-list-widget .post-thumbnail-link img {
}


.custom-post-preview-block.block-posts-list-widget .post-content-right {
   flex: 1 1 0px;
    margin-left: 26px;
    flex-basis: 50%; 
}

.custom-post-preview-block.block-posts-list-widget .post-title {
    margin: -0.4rem 0 0 0;
    padding: 0;
    line-height: 1.2;
    font-size: 1.6rem;
    font-family:var(--font-name);
    font-weight: 700;
}

.custom-post-preview-block.block-posts-list-widget .post-title a {
    color: #000;
    text-decoration: none;
    font-weight: 600;
}

.custom-post-preview-block.block-posts-list-widget .post-title a:hover {
    text-decoration: underline;
}

.custom-post-preview-block.block-posts-list-widget .post-meta {
    margin: 22px 0 18px 0;
    font-size: 1.4rem;    
    color: #000;
    line-height: 1;
}


.custom-post-preview-block.block-posts-list-widget .post-item:last-child .post-meta {
    display: none;
}


.custom-post-preview-block.block-posts-list-widget .post-meta .post-category,
.custom-post-preview-block.block-posts-list-widget .post-meta .post-views,
.custom-post-preview-block.block-posts-list-widget .post-meta .post-comments {
    padding-left: 10px;
    margin-left: 10px;
    border-left: 1px solid #d0d0d0;
}

.custom-post-preview-block.block-posts-list-widget .post-meta .post-category a {
    color: #d2171a;
}

.custom-post-preview-block.block-posts-list-widget .post-meta .post-category a:hover {
    text-decoration: underline;
}

.custom-post-preview-block.block-posts-list-widget .post-meta .post-views::before {
    content: "";
    background-image: url(assets/images/post-views.png);
    background-repeat: no-repeat;
    width: 15px;
    height: 11px;    
    display: inline-block;
    margin-right: 5px;
}

.custom-post-preview-block.block-posts-list-widget .post-meta .post-comments a::before {
    content: "";
    background-image: url(assets/images/post-comments.png);
    background-repeat: no-repeat;
    width: 13px;
    height: 12px;    
    display: inline-block;
    margin-right: 5px;
    top: 1px;
    position: relative;
}


/* Pravý sloupec pro widgety */
.wp-block-column.widget-column {
    display: flex;
    flex-direction: column;
}











/* Tři příspěvky */ 
/*
.custom-post-preview-block.block-three-posts .post-items-wrapper {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: 1fr;
grid-column-gap: 22px;
grid-row-gap: 0px;
    margin-top: 0;
}

.custom-post-preview-block.block-three-posts .post-item .post-content-top {
    display: flex;
    flex-direction: row;
}

.custom-post-preview-block.block-three-posts .post-thumbnail-link {
   flex: 1 1 0px;
}

.custom-post-preview-block.block-three-posts .post-thumbnail-link img {
}

.custom-post-preview-block.block-three-posts .post-content-right {
   flex: 1 1 0px;
}

.custom-post-preview-block.block-three-posts .post-title {
    margin: -0.4rem 0 0 2.6rem;
    padding: 0;
    line-height: 1.2;
   /* flex: 1 1 0px;*/
    font-size: 2rem;
}

.custom-post-preview-block.block-three-posts .post-title a {
    color: #000;
    text-decoration: none;
    font-weight: 600;
}

.custom-post-preview-block.block-three-posts .post-title a:hover {
    text-decoration: underline;
}

.custom-post-preview-block.block-three-posts .post-meta {
    margin: 12px 0;
    font-size: 1.4rem;    
    color: #000;
    line-height: 1;
}


.custom-post-preview-block.block-three-posts .post-meta .post-category a,
.custom-post-preview-block.block-three-posts .post-meta .post-okres a{
    color: #d2171a;
}

.custom-post-preview-block.block-three-posts .post-meta .post-category a:hover,
.custom-post-preview-block.block-three-posts .post-meta .post-okres a:hover{
    text-decoration: underline;
}

.custom-post-preview-block.block-three-posts .post-meta .post-views::before {
    content: "";
    background-image: url(assets/images/post-views.png);
    background-repeat: no-repeat;
    width: 15px;
    height: 11px;    
    display: inline-block;
    margin-right: 5px;
}

.custom-post-preview-block.block-three-posts .post-meta .post-comments a::before {
    content: "";
    background-image: url(assets/images/post-comments.png);
    background-repeat: no-repeat;
    width: 13px;
    height: 12px;    
    display: inline-block;
    margin-right: 5px;
    top: 1px;
    position: relative;
}

.custom-post-preview-block.block-three-posts .post-excerpt {
    font-size: 2rem;
    padding: 7px 0 12px 0;
    line-height: 1.3;
}





/* Pruh se 4 příspěvky */ 

.custom-post-preview-block.block-wide-posts {
    padding: 2.4rem;
    background: #ededed;
}

.custom-post-preview-block.block-wide-posts .post-items-wrapper {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-template-rows: 1fr;
grid-column-gap: 22px;
grid-row-gap: 0px;
    margin-top: 0;
}

.custom-post-preview-block.block-wide-posts .post-item .post-content-top {
    display: flex;
    flex-direction: column;
}

.custom-post-preview-block.block-wide-posts .post-thumbnail-link {
   flex: 1 1 0px;
}

.custom-post-preview-block.block-wide-posts .post-thumbnail-link img {
}

.custom-post-preview-block.block-wide-posts .post-content-right {
   flex: 1 1 0px;
}

.custom-post-preview-block.block-wide-posts .post-title {
    margin: 1rem 0 0 0;
    padding: 0;
    line-height: 1.2;
   /* flex: 1 1 0px;*/
    font-size: 2rem;
}

.custom-post-preview-block.block-wide-posts .post-title a {
    color: #000;
    text-decoration: none;
    font-weight: 600;
}

.custom-post-preview-block.block-wide-posts .post-title a:hover {
    text-decoration: underline;
}

.custom-post-preview-block.block-wide-posts .post-meta {
    margin: 12px 0;
    font-size: 1.3rem;    
    color: #000;
    line-height: 1;
}

.custom-post-preview-block.block-wide-posts .post-meta .post-date,
.custom-post-preview-block.block-wide-posts .post-meta .post-category,
.custom-post-preview-block.block-wide-posts .post-meta .post-views,
.custom-post-preview-block.block-wide-posts .post-meta .post-comments,
.custom-post-preview-block.block-wide-posts .post-meta .post-okres{
    padding-right: 10px;
    margin-right: 10px;
    border-right: 1px solid #d0d0d0;
    margin-bottom: 10px;
}

.custom-post-preview-block.block-wide-posts .post-meta .post-date:last-child,
.custom-post-preview-block.block-wide-posts .post-meta .post-category:last-child,
.custom-post-preview-block.block-wide-posts .post-meta .post-views:last-child,
.custom-post-preview-block.block-wide-posts .post-meta .post-comments:last-child,
.custom-post-preview-block.block-wide-posts .post-meta .post-okres:last-child{
    padding-right: 0;
    margin-right: 0;
    border-right: none;
}

.custom-post-preview-block.block-wide-posts .post-meta .post-category a,
.custom-post-preview-block.block-wide-posts .post-meta .post-okres a{
    color: #d2171a;
}

.custom-post-preview-block.block-wide-posts .post-meta .post-category a:hover {
    text-decoration: underline;
}

.custom-post-preview-block.block-wide-posts .post-meta .post-views::before {
    content: "";
    background-image: url(assets/images/post-views.png);
    background-repeat: no-repeat;
    width: 15px;
    height: 11px;    
    display: inline-block;
    margin-right: 5px;
}

.custom-post-preview-block.block-wide-posts .post-meta .post-comments a::before {
    content: "";
    background-image: url(assets/images/post-comments.png);
    background-repeat: no-repeat;
    width: 13px;
    height: 12px;    
    display: inline-block;
    margin-right: 5px;
    top: 1px;
    position: relative;
}

.custom-post-preview-block.block-wide-posts .post-excerpt {
    font-size: 2rem;
    padding: 7px 0 12px 0;
    line-height: 1.3;
}




/* Pruh s výběrem rubrik */

.ksg-wrapper {
    margin-bottom: 2.4rem;
}

.ksg-wrapper h2 {
    font-family: var(--font-name);
    font-size: 2.2rem;
    text-transform: uppercase;
    line-height: 1.2;
    border-left: 5px solid #ec1317;
    padding-left: 10px;
    margin-top: 0;
    margin-bottom: 2.4rem;
}

.ksg-slider {
  display: flex;
  overflow-x: auto;
  gap: 10px;
  padding-bottom: 5px;
}

.ksg-pill {
  background-color: #ed1846;
  color: #fff;
  padding: 8px 12px 10px 12px;
  text-decoration: none;
  white-space: nowrap;
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 1;
}




/* Top článek modulu kraje */ 

.custom-post-preview-block.block-top-post-kraj {
 /*   border-right: 1px solid #cccccc;
    padding-right: 20px;*/
    position: relative;
}

.custom-post-preview-block.block-top-post-kraj::after {
    content: "";
    background-color: #cccccc;
    width: 100%;
    height: 1px;
    display: inline-block;
    position: relative; 
}

.custom-post-preview-block.block-top-post-kraj .post-item {
    margin-bottom: 40px;
}

.custom-post-preview-block.block-top-post-kraj .post-item:last-child {
    margin-bottom: 0;
}


.custom-post-preview-block.block-top-post-kraj .post-item .post-content-top {
    display: flex;
    flex-direction: row-reverse;
}

.custom-post-preview-block.block-top-post-kraj .post-thumbnail-link {
   flex: 1 1 0px;
   flex-basis: 66.6666%; 
   margin-left: 2.6rem;
}

.custom-post-preview-block.block-top-post-kraj .post-thumbnail-link img {
}


.custom-post-preview-block.block-top-post-kraj .post-content-right {
   flex: 1 1 0px;
    flex-basis: 33.3333%; 
}

.custom-post-preview-block.block-top-post-kraj .post-title {
    margin: -0.4rem 0 0 0;
    padding: 0;
    line-height: 1.2;
    font-size: 2.4rem;
}

.custom-post-preview-block.block-top-post-kraj .post-title a {
    color: #000;
    text-decoration: none;
    font-weight: 600;
}

.custom-post-preview-block.block-top-post-kraj .post-title a:hover {
    text-decoration: underline;
}

.custom-post-preview-block.block-top-post-kraj .post-meta {
    margin: 22px 0 18px 0;
    font-size: 1.4rem;    
    color: #000;
    line-height: 1;
}

.custom-post-preview-block.block-top-post-kraj .post-meta .post-date,
.custom-post-preview-block.block-top-post-kraj .post-meta .post-category,
.custom-post-preview-block.block-top-post-kraj .post-meta .post-views,
.custom-post-preview-block.block-top-post-kraj .post-meta .post-comments {
    padding-right: 10px;
    margin-right: 10px;
    border-right: 1px solid #d0d0d0;
    margin-bottom: 10px;
}


.custom-post-preview-block.block-top-post-kraj .post-meta .post-date:last-child,
.custom-post-preview-block.block-top-post-kraj .post-meta .post-category:last-child,
.custom-post-preview-block.block-top-post-kraj .post-meta .post-views:last-child,
.custom-post-preview-block.block-top-post-kraj .post-meta .post-comments:last-child {
    padding-right: 0;
    margin-right: 0;
    border-right: none;
}

.custom-post-preview-block.block-top-post-kraj .post-meta .post-category a {
    color: #d2171a;
}

.custom-post-preview-block.block-top-post-kraj .post-meta .post-category a:hover {
    text-decoration: underline;
}

.custom-post-preview-block.block-top-post-kraj .post-meta .post-views::before {
    content: "";
    background-image: url(assets/images/post-views.png);
    background-repeat: no-repeat;
    width: 15px;
    height: 11px;    
    display: inline-block;
    margin-right: 5px;
}

.custom-post-preview-block.block-top-post-kraj .post-meta .post-comments a::before {
    content: "";
    background-image: url(assets/images/post-comments.png);
    background-repeat: no-repeat;
    width: 13px;
    height: 12px;    
    display: inline-block;
    margin-right: 5px;
    top: 1px;
    position: relative;
}

.custom-post-preview-block.block-top-post-kraj .post-excerpt {
    font-size: 1.8rem;
    padding: 0;
    line-height: 1.4;
}





/* 3 - 6 příspěvků v modulu kraje  */ 

.custom-post-preview-block.block-three-posts-kraj {
    margin-top: 2.2rem;

}

.custom-post-preview-block.block-three-posts-kraj::after {
    content: "";
    background-color: #cccccc;
    width: 100%;
    height: 1px;
    display: inline-block;
    position: relative;
}

.custom-post-preview-block.block-three-posts-kraj .post-items-wrapper {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: 1fr;
grid-column-gap: 22px;
grid-row-gap: 22px;
    margin-top: 0;
}

.custom-post-preview-block.block-three-posts-kraj .post-item .post-content-top {
    display: flex;
    flex-direction: column;
}

.custom-post-preview-block.block-three-posts-kraj .post-thumbnail-link {
   flex: 1 1 0px;
}

.custom-post-preview-block.block-three-posts-kraj .post-thumbnail-link img {
}

.custom-post-preview-block.block-three-posts-kraj .post-content-right {
   flex: 1 1 0px;
}

.custom-post-preview-block.block-three-posts-kraj .post-title {
    margin: 1rem 0 0 0;
    padding: 0;
    line-height: 1.2;
   /* flex: 1 1 0px;*/
    font-size: 2rem;
}

.custom-post-preview-block.block-three-posts-kraj .post-title a {
    color: #000;
    text-decoration: none;
    font-weight: 600;
}

.custom-post-preview-block.block-three-posts-kraj .post-title a:hover {
    text-decoration: underline;
}

.custom-post-preview-block.block-three-posts-kraj .post-meta {
    margin: 12px 0;
    font-size: 1.3rem;    
    color: #000;
    line-height: 1;
}

.custom-post-preview-block.block-three-posts-kraj .post-meta .post-date,
.custom-post-preview-block.block-three-posts-kraj .post-meta .post-category,
.custom-post-preview-block.block-three-posts-kraj .post-meta .post-views,
.custom-post-preview-block.block-three-posts-kraj .post-meta .post-comments {
    padding-right: 10px;
    margin-right: 10px;
    border-right: 1px solid #d0d0d0;
    margin-bottom: 10px;
}

.custom-post-preview-block.block-three-posts-kraj .post-meta .post-date:last-child,
.custom-post-preview-block.block-three-posts-kraj .post-meta .post-category:last-child,
.custom-post-preview-block.block-three-posts-kraj .post-meta .post-views:last-child,
.custom-post-preview-block.block-three-posts-kraj .post-meta .post-comments:last-child {
    padding-right: 0;
    margin-right: 0;
    border-right: none;
}


.custom-post-preview-block.block-three-posts-kraj .post-meta .post-category a {
    color: #d2171a;
}

.custom-post-preview-block.block-three-posts-kraj .post-meta .post-category a:hover {
    text-decoration: underline;
}

.custom-post-preview-block.block-three-posts-kraj .post-meta .post-views::before {
    content: "";
    background-image: url(assets/images/post-views.png);
    background-repeat: no-repeat;
    width: 15px;
    height: 11px;    
    display: inline-block;
    margin-right: 5px;
}

.custom-post-preview-block.block-three-posts-kraj .post-meta .post-comments a::before {
    content: "";
    background-image: url(assets/images/post-comments.png);
    background-repeat: no-repeat;
    width: 13px;
    height: 12px;    
    display: inline-block;
    margin-right: 5px;
    top: 1px;
    position: relative;
}

.custom-post-preview-block.block-three-posts-kraj .post-excerpt {
    font-size: 2rem;
    padding: 7px 0 12px 0;
    line-height: 1.3;
}


/* Štítek „Reklamní článek“ */
.post-item .sponsored-label {
    display: inline-block;
  color: #7a5a00;
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 1;
    padding: 6px 8px;
    margin: 10px 0 8px 0;
    border-radius: 3px;
    text-transform: uppercase;
    letter-spacing: .02em;
    clear: both;          /* zajistí, že nebude vizuálně kolidovat s plovoucími prvky */
}

/* Pokud bude pozice vkládána jako samostatný box */
.post-item-sponsored .sponsored-label {
    display: inline-block;
}

/* Pro jistotu, aby perex netekl přes badge na některých verzích WebKit */
.post-excerpt + .sponsored-label,
.sponsored-label + .post-excerpt {
    position: relative;
    z-index: 1;
}

/* --- Reklamní článek: prostý text, menší než perex --- */
.custom-post-preview-block .post-item-sponsored .sponsored-label {
  display: block;
  font-size: 1.3rem;       /* menší než perex (1.6rem) */
  font-weight: 400;
  color: #666;
  margin: 8px 0 6px 0;
  text-transform: none;
  letter-spacing: 0;
  border: none;
  padding: 0;
}


/* Bannery ve výpisu */
.custom-post-preview-block .post-item-ad {
  margin-bottom: 40px;
}
.custom-post-preview-block.block-posts-list .post-item-ad:last-child {
  margin-bottom: 0;
}
/* v některých layoutech potlač mřížkování banneru */
.custom-post-preview-block.block-three-posts .post-item-ad,
.custom-post-preview-block.block-three-posts-kraj .post-item-ad,
.custom-post-preview-block.block-wide-posts .post-item-ad {
  grid-column: 1 / -1; /* banner přes celou šíři řádku */
}

/**** odstraní probliknutí při reorganizaci postů na straně klienta ****/
/* skryj obsah bloků s personalizací, než JS dokončí re-rank */
/*.custom-post-preview-block[data-pers-enabled="true"]:not([data-pers-ready="true"]) .post-items-wrapper {
  opacity: 0;
}


.custom-post-preview-block[data-pers-enabled="true"][data-pers-ready="true"] .post-items-wrapper {
  opacity: 1;
  transition: opacity .15s ease;*
}/
/****    ****/


/* Load More: jemné odhalení nově vložených položek */
.custom-post-preview-block .post-item.is-new,
.custom-post-preview-block .post-item-sponsored.is-new,
.custom-post-preview-block .post-preview-ad.is-new {
  opacity: 0;
  transform: translateY(8px);
  transition: opacity .25s ease, transform .25s ease;
  will-change: opacity, transform;
}

.custom-post-preview-block .post-item.is-new.in,
.custom-post-preview-block .post-item-sponsored.is-new.in,
.custom-post-preview-block .post-preview-ad.is-new.in {
  opacity: 1;
  transform: none;
}


/* Slider pro layout "Pruh se 4 příspěvky" (block-wide-posts) na užších displejích */
@media (max-width: 1024px) {
  .custom-post-preview-block.block-wide-posts .post-items-wrapper {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
    gap: 12px;
    padding-bottom: 4px;
  }

  .custom-post-preview-block.block-wide-posts .post-item,
  .custom-post-preview-block.block-wide-posts .post-item-sponsored,
  .custom-post-preview-block.block-wide-posts .post-preview-ad {
    flex: 0 0 85%;
    max-width: 85%;
    scroll-snap-align: start;
  }

  @media (max-width: 768px) {
    .custom-post-preview-block.block-wide-posts .post-item,
    .custom-post-preview-block.block-wide-posts .post-item-sponsored,
    .custom-post-preview-block.block-wide-posts .post-preview-ad {
      flex-basis: 90%;
      max-width: 90%;
    }
  }

  .custom-post-preview-block.block-wide-posts .post-items-wrapper::-webkit-scrollbar {
    height: 6px;
  }

  .custom-post-preview-block.block-wide-posts .post-items-wrapper::-webkit-scrollbar-track {
    background: #e0e0e0;
  }

  .custom-post-preview-block.block-wide-posts .post-items-wrapper::-webkit-scrollbar-thumb {
    background: #999;
    border-radius: 3px;
  }

  .custom-post-preview-block.block-wide-posts .post-items-wrapper:hover::-webkit-scrollbar-thumb {
    background: #666;
  }

  .custom-post-preview-block.block-wide-posts .ubc-slider-nav {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 8px;
  }

  .custom-post-preview-block.block-wide-posts .ubc-slider-nav button {
    border: 1px solid #ddd;
    background: #fff;
    border-radius: 999px;
    padding: 4px 10px;
    cursor: pointer;
    font-size: 16px;
    line-height: 1;
  }

  .custom-post-preview-block.block-wide-posts .ubc-slider-nav button[disabled] {
    opacity: 0.4;
    cursor: default;
  }
}


/* === UBC slider - vzhled posuvníku se šipkami + mezistupně responzivity === */

/* Základní slider chování + 3 položky na řádek pro užší desktop / velké tablety */
@media (max-width: 1200px) {
  .custom-post-preview-block.block-wide-posts .post-items-wrapper {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
    gap: 12px;
    padding-bottom: 4px;
  }

  .custom-post-preview-block.block-wide-posts .post-item,
  .custom-post-preview-block.block-wide-posts .post-item-sponsored,
  .custom-post-preview-block.block-wide-posts .post-preview-ad {
    scroll-snap-align: start;
    flex: 0 0 calc(33.333% - 8px);
    max-width: calc(33.333% - 8px);
  }

  /* Navigační lišta pod pruhem: šipka – pruh – šipka */
  .custom-post-preview-block.block-wide-posts .ubc-slider-nav {
    margin-top: 8px;
    display: flex;
    align-items: center;
    gap: 6px;
  }

  .custom-post-preview-block.block-wide-posts .ubc-slider-nav::before {
    content: "";
    flex: 1 1 auto;
    height: 8px;
    background: #d7e0ea;
    border-radius: 999px;
  }

  .custom-post-preview-block.block-wide-posts .ubc-slider-nav button {
    border: none;
    background: transparent;
    padding: 0 4px;
    font-size: 14px;
    line-height: 1;
    color: #7a7a7a;
    cursor: pointer;
  }

  .custom-post-preview-block.block-wide-posts .ubc-slider-nav button[disabled] {
    color: #c5c5c5;
    cursor: default;
  }
}

/* střední tablety – cca 2 položky vedle sebe */
@media (max-width: 992px) {
  .custom-post-preview-block.block-wide-posts .post-item,
  .custom-post-preview-block.block-wide-posts .post-item-sponsored,
  .custom-post-preview-block.block-wide-posts .post-preview-ad {
    flex: 0 0 calc(50% - 8px);
    max-width: calc(50% - 8px);
  }
}

/* mobily – jedna položka + viditelný kousek další */
@media (max-width: 768px) {
  .custom-post-preview-block.block-wide-posts .post-item,
  .custom-post-preview-block.block-wide-posts .post-item-sponsored,
  .custom-post-preview-block.block-wide-posts .post-preview-ad {
    flex: 0 0 85%;
    max-width: 85%;
  }
}