/*!
 * @file     segments/blog/post-row.css
 * @segment  blog
 * @type     ds24-component--post-rows
 *
 * Digistore24 component-specific CSS: Blog post rows
 *
 * Owns the compact post row used by the blog listings and the search results
 * (thumbnail, optional line above the title, title, meta line), plus the
 * chunked list's footer (Load more button and the end message).
 *
 * Notes:
 * - Markup comes from renderPostRow() in scripts/segments/blog/post-rows.js,
 *   at build time and in the browser alike, and always carries every part.
 * - Tablet and desktop show the full row: category above the title, author ·
 *   reading time · date below. Phones show a per-page version keyed on the
 *   list's variant--{default|category|author|search} class.
 * - Depends on: global/tokens.css → --ds24-color-*, --ds24-space-*, --ds24-radius-*
 *
 */
.ds24-component--post-rows{margin:0;padding:0;list-style:none}.ds24-component--post-rows .blog-post-row{align-items:center;gap:var(--ds24-space-xs);padding:var(--ds24-space-xs) 0;display:flex}.ds24-component--post-rows .blog-post-row+.blog-post-row{border-top:1px solid var(--ds24-color-border)}.ds24-component--post-rows .blog-post-row-image{border-radius:var(--ds24-radius-sm);flex-shrink:0;display:block;overflow:hidden}.ds24-component--post-rows .blog-post-row-image img{object-fit:cover;width:320px;height:180px;display:block}.ds24-component--post-rows .blog-post-row-body{flex:1;min-width:0}.ds24-component--post-rows .blog-post-row-top{color:var(--ds24-color-black);font-size:14px;font-weight:var(--ds24-font-medium);margin:0 0 6px}.ds24-component--post-rows .blog-post-row-top .blog-post-row-link:hover{text-decoration:underline}.ds24-component--post-rows .blog-post-row-title-link{color:inherit;text-decoration:none}.ds24-component--post-rows .blog-post-row-title{color:var(--ds24-color-black);font-size:20px;font-weight:var(--ds24-font-bold);margin:0;line-height:1.2;position:relative}.ds24-component--post-rows .blog-post-row-title:after{content:"";background:var(--ds24-color-accent);transform-origin:0;width:40px;height:2px;transition:transform .3s;position:absolute;top:calc(1.25em - 4px);left:0;transform:scaleX(0)}.ds24-component--post-rows .blog-post-row:hover .blog-post-row-title:after{transform:scaleX(1)}.ds24-component--post-rows .blog-post-row-meta{color:var(--ds24-color-muted);margin:10px 0 0;font-size:14px}.ds24-component--post-rows .blog-post-row-part{white-space:nowrap}.ds24-component--post-rows .blog-post-row-part+.blog-post-row-part:before{content:"·";margin:0 .4em}.ds24-component--post-rows .blog-post-row-part.part--category{display:none}.ds24-component--post-rows .blog-post-row-part.part--author:before{content:none}.ds24-component--post-rows .blog-post-row-link{color:inherit;text-decoration:none}.ds24-component--post-rows .blog-post-row-meta .blog-post-row-link:hover{color:var(--ds24-color-black)}.ds24-component--post-list{gap:var(--ds24-space-md);display:flex}.ds24-component--post-list .post-list-column{width:calc(66.6667% + 40px)}.ds24-component--post-list:after{content:"";width:33.3333%}.ds24-component--post-list.layout--full{display:block}.ds24-component--post-list.layout--full:after{content:none}.ds24-component--post-list.layout--full .post-list-column{width:auto}.ds24-component--post-list-footer{margin-top:var(--ds24-space-md);justify-content:center;display:flex}.ds24-component--post-list-footer:not(:has(:not([hidden]))),.ds24-component--post-list-footer [hidden]{display:none}.ds24-component--post-list-footer .post-list-done{color:var(--ds24-color-muted);margin:0}@media (width<=1023px){.ds24-component--post-list{display:block}.ds24-component--post-list:after{content:none}.ds24-component--post-list .post-list-column{width:auto}.ds24-component--post-rows .blog-post-row-image img{width:200px;height:113px}}@media (width<=743px){.ds24-component--post-rows .blog-post-row{align-items:flex-start}.ds24-component--post-rows .blog-post-row-image img{width:96px;height:96px}.ds24-component--post-rows .blog-post-row-top,.ds24-component--post-rows .blog-post-row-part.part--time{display:none}.ds24-component--post-rows .blog-post-row-part{white-space:normal}.ds24-component--post-rows .blog-post-row-part time{white-space:nowrap}.ds24-component--post-rows.variant--author .blog-post-row-part.part--category,.ds24-component--post-rows.variant--search .blog-post-row-part.part--category{display:inline}.ds24-component--post-rows.variant--author .blog-post-row-part.part--author,.ds24-component--post-rows.variant--search .blog-post-row-part.part--date{display:none}.ds24-component--post-rows.variant--search .blog-post-row-part.part--author:before{content:"·"}.ds24-component--post-rows .blog-post-row-title{font-size:18px}}