/* Zdravoslav: pouze vstupní výpis /blog/ a jeho stránkování. */
.zsbl-v1 #content .content-inner {max-width:1200px;margin-inline:auto;}
.zsbl-v1 .sectionDescription {margin-bottom:22px;padding:30px 32px;background:#fcf8e9;border-radius:20px;}
.zsbl-v1 .sectionDescription > h1 {margin:0 0 12px;font-size:42px;line-height:1.15;color:#663839;}
.zsbl-v1 .sectionDescription p {max-width:780px;margin:0;font-size:18px;line-height:1.6;color:#51473e;}
.zsbl-v1 #content .zs-blog-original-topics {display:none!important;}
.zsbl-v1 #zs-blog-topics {margin:0 0 26px;color:#302923;}
.zsbl-v1 #zs-blog-topics ul {display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0;margin:0;}
.zsbl-v1 #zs-blog-topics li {list-style:none;margin:0;padding:0;}
.zsbl-v1 #zs-blog-topics li::before {display:none;}
.zsbl-v1 #zs-blog-topics a {display:flex;align-items:center;justify-content:center;min-height:46px;padding:10px 19px;border:1px solid #dce4d5;border-radius:10px;background:#f4f8f0;color:#36542b;font-size:16px;font-weight:700;line-height:1.4;text-decoration:none!important;}
.zsbl-v1 #zs-blog-topics a:hover {background:#e8f1df;border-color:#74ad61;text-decoration:underline!important;text-underline-offset:3px;}
.zsbl-v1 #zs-blog-topics .zs-blog-recipes {background:#fcf3d4;border-color:#ead899;color:#663839;}
.zsbl-v1 #zs-blog-topics details {margin-top:7px;}
.zsbl-v1 #zs-blog-topics summary {display:list-item;min-height:44px;padding:10px 3px;font-size:15px;font-weight:700;color:#36542b;cursor:pointer;}
.zsbl-v1 #zs-blog-topics details ul {padding:6px 0 10px;}
.zsbl-v1 #zs-blog-topics details a {font-weight:400;background:#fff;}
.zsbl-v1 #articlesListHeading {position:static;width:auto;height:auto;clip:auto;clip-path:none;overflow:visible;white-space:normal;margin:0 0 20px;padding:0;font-size:26px;line-height:1.3;color:#663839;}
.zsbl-v1 #articlesListHeading::after {display:none;}
.zsbl-v1 #newsWrapper {display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;width:100%!important;max-width:100%;margin:0;align-items:stretch;}
.zsbl-v1 #newsWrapper::before,.zsbl-v1 #newsWrapper::after {display:none!important;}
.zsbl-v1 #newsWrapper > .news-item {display:flex;flex-flow:column nowrap;float:none;min-width:0;width:100%!important;max-width:100%;margin:0!important;padding:0!important;overflow:hidden;border:1px solid #e2e5db;border-radius:14px;background:#fff;}
.zsbl-v1 #newsWrapper > .news-item > .image {flex:none;height:auto;margin:0!important;padding:0;}
.zsbl-v1 #newsWrapper .image a {display:block;width:100%;aspect-ratio:1000/667;overflow:hidden;}
.zsbl-v1 #newsWrapper .image img {display:block;position:static;width:100%!important;min-width:0!important;max-width:100%!important;height:100%!important;min-height:0!important;max-height:none;object-fit:contain;transform:none;}
.zsbl-v1 #newsWrapper > .news-item > .text {display:flex;flex-flow:column nowrap;flex:1;min-width:0;padding:20px!important;width:100%!important;}
.zsbl-v1 #newsWrapper .text .title {display:block;margin:0 0 10px!important;padding:0!important;color:#302923;font-size:21px;line-height:1.35;font-weight:800;overflow-wrap:anywhere;text-decoration:none!important;}
.zsbl-v1 #newsWrapper .text .title:hover {color:#36542b;text-decoration:underline!important;text-underline-offset:3px;}
.zsbl-v1 #newsWrapper .description {margin:0 0 14px;color:#59554c;font-size:16px;line-height:1.6;}
.zsbl-v1 #newsWrapper .description p {margin:0;}
.zsbl-v1 #newsWrapper .zs-blog-read {display:flex;align-items:center;align-self:flex-start;min-height:44px;margin-top:auto;padding:8px 0;color:#36542b;font-size:16px;line-height:1.4;font-weight:800;text-decoration:underline;text-underline-offset:4px;}
.zsbl-v1 #newsWrapper .zs-blog-read:hover {color:#663839;}
.zsbl-v1 #newsWrapper .zs-blog-feature {grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);background:#fcf8e9;border-color:#ebe3c9;}
.zsbl-v1 #newsWrapper .zs-blog-feature > .text {padding:30px!important;align-self:center;}
.zsbl-v1 #newsWrapper .zs-blog-feature .title {font-size:30px;line-height:1.25;}
.zsbl-v1 #newsWrapper .zs-blog-feature .zs-blog-read {margin-top:8px;padding:11px 18px;border-radius:9px;background:#3f6533;color:#fff;text-decoration:none!important;}
.zsbl-v1 .listingControls {position:relative;display:flex;flex-flow:column nowrap;align-items:center;gap:14px;margin-top:32px;}
.zsbl-v1 .listingControls .sr-only {left:0;top:0;}
.zsbl-v1 .pagination {margin:0;padding:0;}
.zsbl-v1 .pagination__list {display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;}
.zsbl-v1 .pagination__list li {margin:0;padding:0;list-style:none;}
.zsbl-v1 .pagination__list li::before {display:none;}
.zsbl-v1 .pagination__list a,.zsbl-v1 .pagination__list strong {display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;margin:0;padding:10px;line-height:1.3;}
.zsbl-v1 #content .pagination__link--next {width:auto;padding:12px 20px;background:#3f6533;color:#fff;border-radius:9px;border:0;}
.zsbl-v1 .pagination__link--next::before,.zsbl-v1 .pagination__link--next::after {display:none;}
.zsbl-v1 #zs-blog-topics a:focus-visible,.zsbl-v1 #zs-blog-topics summary:focus-visible,.zsbl-v1 #newsWrapper a:focus-visible {outline:3px solid #36542b;outline-offset:3px;}
@media(max-width:1099px){
 .zsbl-v1 #newsWrapper {grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;}
 .zsbl-v1 #newsWrapper .zs-blog-feature .title {font-size:26px;}
 .zsbl-v1 #newsWrapper .zs-blog-feature > .text {padding:22px!important;}
}
@media(max-width:639px){
 .zsbl-v1 #content .content-inner {padding-inline:16px;}
 .zsbl-v1 .sectionDescription {padding:22px 18px;border-radius:14px;margin-bottom:18px;}
 .zsbl-v1 .sectionDescription > h1 {font-size:32px;}
 .zsbl-v1 .sectionDescription p {font-size:16px;line-height:1.55;}
 .zsbl-v1 #zs-blog-topics > ul {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}
 .zsbl-v1 #zs-blog-topics > ul a {height:100%;padding:10px 8px;}
 .zsbl-v1 #newsWrapper {grid-template-columns:minmax(0,1fr);gap:20px;}
 .zsbl-v1 #newsWrapper .zs-blog-feature {display:flex;flex-flow:column nowrap;}
 .zsbl-v1 #newsWrapper .zs-blog-feature > .text,.zsbl-v1 #newsWrapper > .news-item > .text {padding:18px!important;}
 .zsbl-v1 #newsWrapper .zs-blog-feature .title {font-size:24px;}
 .zsbl-v1 #articlesListHeading {font-size:24px;}
}
