/* === 1. NADCHÁZEJÍCÍ AKCE - MŘÍŽKA KARET === */
.kjd-cards-grid { width: 100% !important; display: block !important; clear: both !important; }
.kjd-cards-grid ul { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 1.5rem !important; margin: 0 !important; padding: 0 !important; list-style: none !important; }
.kjd-cards-grid li { display: block !important; margin: 0 !important; padding: 0 !important; list-style: none !important; }
.kjd-cards-grid li::before { content: none !important; display: none !important; }

.kjd-cards-grid .custom-accessible-card { position: relative !important; display: grid !important; grid-template-columns: 7.5rem 1fr !important; column-gap: 1.2rem !important; row-gap: 0.5rem !important; align-content: start !important; height: 100% !important; border-left: 0.313rem solid var(--link-main) !important; border-top: none !important; border-right: none !important; border-bottom: none !important; border-radius: 0 0.25rem 0.25rem 0 !important; padding: 1.25rem 1.5rem 1.25rem 1.2rem !important; background-color: var(--web-bg) !important; box-shadow: 0 0.125rem 0.5rem rgba(0,0,0,0.04) !important; transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out !important; box-sizing: border-box !important; }
.kjd-cards-grid .custom-accessible-card:hover { border-left-color: var(--btn-bg) !important; box-shadow: 0 0.375rem 1rem rgba(0,0,0,0.08) !important; cursor: pointer; }
.kjd-cards-grid .custom-accessible-card:focus-within { outline: 0.188rem solid var(--focus-outline) !important; outline-offset: 0.188rem !important; box-shadow: none !important; }
.kjd-cards-grid .card-image { grid-column: 1 !important; grid-row: 1 / span 2 !important; align-self: start !important; }
.kjd-cards-grid .card-image img { width: 100% !important; height: auto !important; border-radius: 0.5rem !important; object-fit: cover !important; display: block !important; }
.kjd-cards-grid .card-content { display: contents !important; }
.kjd-cards-grid .event-date { grid-column: 2 !important; grid-row: 1 !important; color: var(--link-main) !important; font-weight: 700 !important; margin: 0 0 0.15rem 0 !important; font-size: 1.25rem !important; align-self: start !important; }
.kjd-cards-grid h3 { grid-column: 2 !important; grid-row: 2 !important; margin: 0 !important; align-self: start !important; font-size: 1.375rem !important; padding-top: 0 !important; }
.kjd-cards-grid h3 a { color: var(--text-main) !important; text-decoration: none !important; }
.kjd-cards-grid h3 a::after { content: "" !important; position: absolute !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; z-index: 10 !important; }

.kjd-cards-grid .event-t:empty { display: none !important; }
.kjd-cards-grid .event-t::before { content: " v " !important; font-weight: 700 !important; }
.kjd-cards-grid p:not(.event-date) { grid-column: 1 / span 2 !important; grid-row: 3 !important; margin: 0 !important; font-size: 1.063rem !important; margin-top: 0.5rem !important; }

@media (max-width: 65rem) { .kjd-cards-grid ul { grid-template-columns: repeat(2, 1fr) !important; } }
@media (max-width: 40rem) {
    .kjd-cards-grid ul { grid-template-columns: 1fr !important; }
    .kjd-cards-grid .custom-accessible-card { grid-template-columns: 1fr !important; }
    .kjd-cards-grid .card-image { grid-column: 1 !important; grid-row: 1 !important; }
    .kjd-cards-grid .event-date { grid-column: 1 !important; grid-row: 2 !important; margin-top: 1rem !important; }
    .kjd-cards-grid h3 { grid-column: 1 !important; grid-row: 3 !important; }
    .kjd-cards-grid p:not(.event-date) { grid-column: 1 !important; grid-row: 4 !important; }
}

/* === 2. DETAIL JEDNOTLIVÉ AKCE === */
.kjd-event-single-img-wrapper { margin-bottom: 2rem !important; width: 100% !important; max-width: 37.5rem !important; display: block !important; }
.kjd-event-single-img { width: 100% !important; height: auto !important; border-radius: 0.5rem !important; display: block !important; object-fit: cover !important; }

/* Skrytí nekontextových metadat a duplicitních polí */
.single-mc-events .et_post_meta_wrapper .post-meta,
.single-post .et_post_meta_wrapper .post-meta,
.single-post .et_pb_title_meta_container,
.category .post-meta {
    display: none !important;
}

/* === 3. PRŮBĚŽNÝ SEZNAM AKCÍ (WIDGETY / STRÁNKY) === */
.mc-main li::before, .mc-main ul::before, .mc-main .my-calendar-nav li::before, .mc-main .mc-list li::before, .mc-main .mc-list h3::before { content: none !important; display: none !important; }
.mc-main .mc-list, .mc-main .mc-list ul, .mc-main .mc-list li { list-style-type: none !important; list-style: none !important; padding-left: 0 !important; margin-left: 0 !important; overflow: visible !important; }

.mc-main .mc-list .event-date, .mc-main .mc-list li > strong {
    font-size: 1.15rem !important; font-weight: 700 !important; color: var(--text-main) !important;
    background-color: #f5f5f5 !important; padding: 0.6rem 1rem !important; margin-top: 1.8rem !important;
    margin-bottom: 0.8rem !important; border-left: 4px solid var(--focus-outline) !important;
    display: block !important; border-radius: 0 4px 4px 0 !important;
}
.mc-main .mc-list .vevent { padding: 0.5rem 1rem !important; margin-bottom: 0.5rem !important; background-color: var(--web-bg) !important; overflow: visible !important; }
.mc-main .mc-list .event-title a { font-size: 1.2rem !important; font-weight: 700 !important; color: var(--link-main) !important; text-decoration: underline !important; }
.mc-main .mc-list .event-title a:hover { color: var(--focus-outline) !important; text-decoration: none !important; }

#main-content .mc-main a:focus,
#main-content .mc-main a:focus-visible,
#main-content .mc-main .event-title a:focus,
#main-content .mc-main .event-title a:focus-visible,
.et_pb_module .mc-main .mc-list .event-title a:focus,
.et_pb_module .mc-main .mc-list .event-title a:focus-visible {
    outline: 0.188rem solid var(--focus-outline) !important; outline-offset: 0.188rem !important;
    position: relative !important; z-index: 99999 !important; display: inline-block !important;
    background-color: rgba(27, 77, 147, 0.15) !important; color: var(--link-hover) !important;
}