.sw-listing-head {
padding-block: calc(var(--t-mezera-bloku) / 2) var(--t-mezera-bloku);
border-bottom: var(--t-ramecek);
}
.sw-listing-head h1 {
margin-bottom: 12px;
}
.sw-listing-head .lead,
.lead {
max-width: var(--t-sirka-uzka);
font-size: 1.15rem;
}
.article-list-section {
padding-block: var(--t-mezera-bloku);
}
.article-filters {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-bottom: calc(var(--t-mezera) * 1.5);
}
.article-filters a {
padding: 6px 14px;
border: var(--t-ramecek);
font-weight: 700;
text-decoration: none;
border-radius: var(--t-zaobleni);
}
.article-filters a:hover {
background: var(--t-pozadi-jemne);
}
.article-filters a.active {
background: var(--t-akcent);
border-color: var(--t-akcent);
color: var(--t-akcent-text);
}
.article-list-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
gap: var(--t-mezera);
}
.article-list-card {
display: flex;
flex-direction: column;
border: var(--t-ramecek);
background: var(--t-pozadi);
border-radius: var(--t-zaobleni);
}
.article-image {
display: grid;
aspect-ratio: 16 / 10;
place-items: center;
border-bottom: var(--t-ramecek);
background: var(--t-pozadi-jemne);
color: var(--t-text-tlumeny);
font-size: 2rem;
text-decoration: none;
overflow: hidden;
}
.article-image img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.article-card-body {
display: flex;
flex: 1;
flex-direction: column;
gap: 6px;
padding: var(--t-vypln);
}
.article-card-body time,
.article-meta,
.event-detail-meta {
color: var(--t-text-tlumeny);
font-size: 0.8125rem;
font-weight: 700;
letter-spacing: 0.04em;
}
.article-card-body h2,
.article-card-body h3 {
margin: 0;
font-size: 1.2rem;
}
.article-card-body h2 a,
.article-card-body h3 a {
text-decoration: none;
}
.article-card-body h2 a:hover,
.article-card-body h3 a:hover {
text-decoration: underline;
}
.article-card-body p {
color: var(--t-text-tlumeny);
}
.article-more {
display: inline-flex;
gap: 8px;
align-items: center;
margin-top: auto;
padding-top: 8px;
font-weight: 700;
}
.sw-article-listing__empty {
padding: var(--t-vypln);
border: var(--t-sila-linky) dashed var(--t-linka);
color: var(--t-text-tlumeny);
}
.pagination .is-disabled {
opacity: 0.4;
pointer-events: none;
}
.article-detail-hero,
.event-detail-hero {
padding-block: calc(var(--t-mezera-bloku) / 2) var(--t-mezera-bloku);
border-bottom: var(--t-ramecek);
}
.article-title-wrap,
.event-title-wrap h1,
.event-title-wrap .event-detail-meta {
max-width: 900px;
}
.article-meta,
.event-detail-meta {
display: flex;
flex-wrap: wrap;
gap: 4px 14px;
margin-bottom: 10px;
}
.article-title-wrap h1,
.event-title-wrap h1 {
margin-bottom: 0;
}
.article-detail-section {
padding-block: var(--t-mezera-bloku);
}
.article-detail-layout {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 320px);
gap: calc(var(--t-mezera) * 2.5);
align-items: start;
}
.article-body {
min-width: 0;
}
.article-body > * + * {
margin-top: var(--t-mezera);
}
.article-perex {
font-size: 1.2rem;
}
.article-cover,
.event-poster {
margin: 0;
}
.article-cover img,
.event-poster img {
display: block;
width: 100%;
border: var(--t-ramecek);
border-radius: var(--t-zaobleni);
}
.article-body img {
height: auto;
}
.article-gallery-section,
.article-downloads,
.article-share,
.article-read-more {
padding-top: var(--t-mezera);
border-top: var(--t-ramecek);
}
.article-gallery {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
gap: 10px;
}
.article-gallery a {
display: block;
}
.article-gallery img {
display: block;
width: 100%;
aspect-ratio: 4 / 3;
border: var(--t-ramecek);
object-fit: cover;
border-radius: var(--t-zaobleni);
}
.article-downloads ul,
.article-read-more ul,
.side-latest ul {
display: grid;
gap: 0;
margin: 0;
padding: 0;
list-style: none;
}
.article-downloads a {
display: flex;
gap: 12px;
justify-content: space-between;
align-items: center;
padding: 12px 0;
border-bottom: var(--t-delici-linka);
text-decoration: none;
}
.article-downloads a:hover {
background: var(--t-pozadi-jemne);
}
.article-downloads a b {
flex: 0 0 auto;
text-decoration: underline;
text-underline-offset: 0.18em;
}
.article-author {
display: flex;
flex-wrap: wrap;
gap: 4px 10px;
padding-top: 16px;
border-top: var(--t-delici-linka);
}
.article-author span {
color: var(--t-text-tlumeny);
}
.back-to-news,
.catalog-back-link {
display: inline-block;
font-weight: 700;
}
.article-share {
display: flex;
flex-wrap: wrap;
gap: 12px var(--t-mezera);
justify-content: space-between;
align-items: center;
}
.article-share p {
margin: 0;
}
.article-share-actions {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.article-share-actions a,
.article-share-actions button {
display: inline-flex;
gap: 8px;
align-items: center;
min-height: 44px;
padding: 8px 14px;
border: var(--t-ramecek);
background: var(--t-pozadi);
color: var(--t-text);
font-weight: 700;
text-decoration: none;
border-radius: var(--t-zaobleni);
}
.article-share-actions a:hover,
.article-share-actions button:hover {
background: var(--t-text);
color: var(--t-pozadi);
}
.article-extra-heading {
margin-bottom: 12px;
}
.article-extra-heading h2 {
margin: 0;
}
.article-read-more > div:last-child {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
gap: var(--t-mezera);
}
.article-read-more > div:last-child > * {
display: grid;
gap: 4px;
align-content: start;
padding: 16px;
border: var(--t-ramecek);
border-radius: var(--t-zaobleni);
}
.article-read-more time {
color: var(--t-text-tlumeny);
font-size: 0.8125rem;
font-weight: 700;
}
.article-sidebar {
display: grid;
gap: var(--t-mezera);
}
.article-sidebar > section,
.article-sidebar > div,
.side-contact {
padding: var(--t-vypln);
border: var(--t-ramecek);
border-radius: var(--t-zaobleni);
}
.article-sidebar h3 {
font-size: 1.1rem;
}
.side-latest > a:not(.side-all-link),
.side-latest li {
display: grid;
gap: 2px;
padding: 10px 0;
border-bottom: var(--t-delici-linka);
text-decoration: none;
}
.side-latest a:not(.side-all-link):hover strong,
.side-latest a:not(.side-all-link):hover b {
text-decoration: underline;
}
.side-latest time,
.side-latest small {
color: var(--t-text-tlumeny);
font-size: 0.8125rem;
font-weight: 700;
}
.side-all-link {
display: inline-flex;
gap: 8px;
align-items: center;
margin-top: 12px;
font-weight: 700;
}
.sidebar-social-links > div {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.sidebar-social-links a {
padding: 6px 12px;
border: var(--t-ramecek);
font-weight: 700;
text-decoration: none;
border-radius: var(--t-zaobleni);
}
.sidebar-social-links a:hover {
background: var(--t-text);
color: var(--t-pozadi);
}
@media (max-width: 900px) {
.article-detail-layout {
grid-template-columns: minmax(0, 1fr);
gap: var(--t-mezera-bloku);
}
}
.article-read-more time,
.side-latest time {
display: block;
}
.sw-block .article-list-section {
padding-block: 0;
}
.sw-block .article-list-section > .sw-container {
width: 100%;
}
.sw-block__article-listing > h2 {
margin-bottom: var(--t-mezera);
}