.elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a{color:inherit;font-size:inherit;line-height:inherit}.elementor-widget-heading .elementor-heading-title.elementor-size-small{font-size:15px}.elementor-widget-heading .elementor-heading-title.elementor-size-medium{font-size:19px}.elementor-widget-heading .elementor-heading-title.elementor-size-large{font-size:29px}.elementor-widget-heading .elementor-heading-title.elementor-size-xl{font-size:39px}.elementor-widget-heading .elementor-heading-title.elementor-size-xxl{font-size:59px}.elementor-widget-breadcrumbs{font-size:.85em}.elementor-widget-breadcrumbs p{margin-bottom:0}.wpkronika-grid {
display: grid;
gap: 16px
}
.wpkronika-grid.cols-1 {
grid-template-columns: 1fr
}
.wpkronika-grid.cols-2 {
grid-template-columns: repeat(2, 1fr)
}
.wpkronika-grid.cols-3 {
grid-template-columns: repeat(3, 1fr)
}
.wpkronika-grid.cols-4 {
grid-template-columns: repeat(4, 1fr)
} @media (max-width: 1200px) {
.wpkronika-grid.cols-4 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
} @media (max-width: 900px) {
.wpkronika-grid.cols-4 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
} @media (max-width: 600px) {
.wpkronika-grid.cols-4 {
grid-template-columns: 1fr;
}
}
.wpkronika-item {
position: relative;
background: #fff;
border: 1px solid #e5e7eb;
border-radius: 12px;
overflow: hidden;
cursor: pointer;
}
.wpkronika-item:focus {
outline: 2px solid #3b82f6;
outline-offset: 2px
}
.wpkronika-thumb {
aspect-ratio: 3/4;
background: #f3f4f6;
display: flex;
align-items: center;
justify-content: center
}
.wpkronika-thumb img {
width: 100%;
height: 100%;
object-fit: cover;
display: block
}
.wpkronika-thumb--placeholder {
font-weight: 600;
color: #6b7280
}
.wpkronika-title {
padding: 10px 12px;
font-weight: 600;
text-align: center;
}  .wpkronika-modal {
position: fixed;
inset: 0;
display: none;
z-index: 100000;
}
.wpkronika-modal[aria-hidden="false"] {
display: block
}
.wpkronika-modal__backdrop {
position: fixed;
inset: 0;
background: rgba(0, 0, 0, .9);
z-index: 100000;
} .wpkronika-modal__dialog {
position: fixed;
inset: 0;
display: flex;
flex-direction: column; align-items: center;
justify-content: center;
gap: 8px; padding: 0;
z-index: 100000;
} .wpkronika-stage {
margin: 0;
max-width: 100vw;
max-height: 100dvh;
position: relative;
}
.wpkronika-stage__img {
display: block;
width: auto;
height: auto;
max-width: 100vw;
max-height: 100dvh; object-fit: contain;
}
@supports not (height: 100dvh) {
.wpkronika-stage {
max-height: 100vh
}
.wpkronika-stage__img {
max-height: 100vh
}
}
.wpkronika-caption {
color: #e5e7eb;
font-size: 14px;
text-align: center;
} .wpkronika-status {
color: #f9fafb;
font-size: 14px;
text-align: center;
font-weight: 500;
} .wpkronika-prev,
.wpkronika-next {
position: fixed;
top: 50%;
transform: translateY(-50%);
font-size: 42px;
line-height: 1;
background: rgba(17, 24, 39, .7);
color: #fff;
border: none;
border-radius: 10px;
padding: 8px 14px;
cursor: pointer;
z-index: 100001;
}
.wpkronika-prev {
left: 16px
}
.wpkronika-next {
right: 16px
}
.wpkronika-close {
position: fixed;
top: 18px;
right: 22px;
font-size: 32px;
background: rgba(17, 24, 39, .7);
color: #fff;
border: none;
border-radius: 10px;
padding: 2px 10px;
cursor: pointer;
z-index: 100001;
} .wpkronika-modal[aria-hidden="true"] .wpkronika-modal__dialog {
content-visibility: auto;
contain: content;
}
.wpkronika-stage.is-loading {
position: relative;
}
.wpkronika-stage.is-loading::after {
content: 'Načítám…';
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
padding: 8px 12px;
background: rgba(17,24,39,.7);
color: #fff;
border-radius: 8px;
font-size: 14px;
}