/* tp-blog.css – styly výpisu článků blogu pro všechny stránky (/novinky/, /novinky/strana-N/). Převzato z popisu blogu, který Shoptet zobrazuje jen na 1. stránce. */
.tp-magazine a:focus-visible,#newsWrapper a:focus-visible{outline:3px solid #b28b00;outline-offset:4px}
.tp-all-posts-heading{font:700 24px/1.3 Montserrat,sans-serif;margin:40px 0 18px!important;color:#111}
#newsWrapper{display:grid!important;grid-template-columns:1fr!important;gap:26px;margin-top:20px}
#newsWrapper>.news-item{position:relative;display:grid!important;grid-template-columns:38% minmax(0,1fr);align-items:stretch;min-width:0;width:auto!important;max-width:none!important;margin:0!important;padding:0!important;border:1px solid #e1e1e7;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 4px 14px #00000005;transition:box-shadow .2s}
#newsWrapper>.news-item:hover{box-shadow:0 10px 24px #00000010}
#newsWrapper .text{display:flex!important;flex-direction:column!important;min-width:0;width:100%!important;max-width:none!important;float:none!important;padding:0!important}
#newsWrapper>.news-item:has(.tp-article-visual){display:block!important}
#newsWrapper>.news-item:has(.tp-article-visual)>.image{display:none!important}
#newsWrapper>.news-item:has(.tp-article-visual)>.text{display:grid!important;grid-template-columns:38% minmax(0,1fr);grid-template-rows:auto auto 1fr auto;align-items:start}
#newsWrapper .text>.title{grid-column:2;grid-row:1;order:-2;margin:24px 26px 10px!important;font:700 21px/1.45 Montserrat,sans-serif;color:#111!important;text-decoration:none;overflow-wrap:break-word}
#newsWrapper .text>time{grid-column:2;grid-row:2;order:-1;margin:0 26px 12px;color:#71717a;font-size:12px}
#newsWrapper .description{display:contents!important;max-height:none!important;overflow:visible!important}
#newsWrapper .description:before,#newsWrapper .description:after{display:none!important}
#newsWrapper .description>*{display:none!important}
#newsWrapper .description>.tp-article-visual{display:flex!important;align-items:center;grid-column:1;grid-row:1/5;order:-3;margin:0!important;min-height:270px;height:100%;background:#fff}
#newsWrapper .tp-article-visual>a{width:100%;display:block}
#newsWrapper .tp-article-visual img{display:block!important;width:100%!important;max-width:none!important;height:auto!important;aspect-ratio:4/3!important;object-fit:contain!important;max-height:420px!important;margin:0!important;border-radius:0!important;background:#fff}
#newsWrapper .tp-article-visual figcaption{display:none}
#newsWrapper .description>.tp-article-intro,#newsWrapper .description>p:first-of-type:not(.tp-read-link){display:-webkit-box!important;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden!important;grid-column:2;grid-row:3;font-size:14px;line-height:1.75;color:#555;margin:0 26px 20px!important}
#newsWrapper .tp-article-intro strong{font-weight:400}
#newsWrapper .description>.tp-read-link{display:block!important;grid-column:2;grid-row:4;margin:auto 26px 24px!important}
#newsWrapper .tp-read-link a{display:inline-block;color:#111!important;font-size:14px;font-weight:700;text-decoration:underline;text-underline-offset:4px;padding:5px 0}
#newsWrapper>.news-item>.image{display:flex;align-items:center;width:100%!important;max-width:none!important;float:none!important;padding:0!important;margin:0!important;flex:none!important}
#newsWrapper>.news-item>.image>a{display:block;width:100%}
#newsWrapper>.news-item>.image img{display:block;width:100%!important;max-width:none!important;height:auto!important;aspect-ratio:4/3;object-fit:contain;margin:0!important}
#newsWrapper .news-item:not(:has(.tp-read-link)) .text{padding-bottom:48px!important}
#newsWrapper .news-item:not(:has(.tp-read-link)) .title:after{content:"Přečíst článek →";position:absolute;bottom:24px;left:calc(38% + 26px);display:block;font-size:14px;text-decoration:underline;text-underline-offset:4px}
@media(max-width:767px){#newsWrapper>.news-item,#newsWrapper>.news-item:has(.tp-article-visual)>.text{grid-template-columns:34% minmax(0,1fr)}#newsWrapper .text>.title{font-size:18px;margin:20px 20px 10px!important}#newsWrapper .text>time{margin:0 20px 12px}#newsWrapper .description>.tp-article-intro,#newsWrapper .description>p:first-of-type:not(.tp-read-link){margin:0 20px 18px!important}#newsWrapper .description>.tp-read-link{margin:auto 20px 20px!important}#newsWrapper .news-item:not(:has(.tp-read-link)) .title:after{left:calc(34% + 20px)}}
@media(max-width:600px){#newsWrapper>.news-item{display:block!important}#newsWrapper>.news-item:has(.tp-article-visual)>.text{display:flex!important}#newsWrapper .description>.tp-article-visual{min-height:0;height:auto}#newsWrapper .text>.title{font-size:20px}#newsWrapper .news-item:not(:has(.tp-read-link)) .title:after{left:20px;bottom:22px}#newsWrapper .description>.tp-article-intro,#newsWrapper .description>p:first-of-type:not(.tp-read-link){-webkit-line-clamp:3}}
@media(prefers-reduced-motion:reduce){#newsWrapper>.news-item{transition:none!important}}