/*
 * Koledar prireditev — public pages (list, detail, archive).
 * Colors, radius and typography follow the tenant CGP custom properties
 * emitted by /index/css, so the module inherits every tenant's brand.
 */

.koledar-page {
    --koledar-accent: var(--brand-primary-color, #2f6b3a);
    --koledar-accent-dark: var(--brand-secondary-color, #1f4a27);
    --koledar-accent-text: var(--button-text-color, #ffffff);
    --koledar-radius: var(--brand-radius, 8px);
}

.koledar-page .page-header {
    border-bottom-color: var(--koledar-accent);
}

.koledar-month__title {
    color: var(--theme-heading-color, #2e2e2e);
    border-left: 4px solid var(--koledar-accent);
    padding-left: 12px;
    margin: 28px 0 14px;
    font-size: 22px;
}

.koledar-list.list-group,
.koledar-arhiv .list-group {
    border-radius: var(--koledar-radius);
    overflow: hidden;
}

.koledar-item.list-group-item {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 6px 12px;
    padding: 12px 15px;
}

.koledar-item.list-group-item:hover,
.koledar-item.list-group-item:focus {
    background: rgba(0, 0, 0, 0.035);
}

.koledar-page .koledar-item__date.label {
    background: var(--koledar-accent);
    color: var(--koledar-accent-text);
    border-radius: calc(var(--koledar-radius) / 2 + 2px);
    font-size: 12px;
    font-weight: 700;
    padding: 5px 9px;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.koledar-item--past .koledar-item__date.label {
    background: #9aa0a6;
}

.koledar-item__title {
    color: var(--theme-heading-color, #2e2e2e);
}

.koledar-item__meta {
    font-size: 13px;
}

.koledar-item--flagged {
    border-left: 4px solid #f0ad4e;
}

.koledar-page__archive-link {
    margin-top: 18px;
}

.koledar-page__archive-link a,
.koledar-detail__source a {
    color: var(--brand-link-primary-color, var(--koledar-accent));
    font-weight: 600;
}

/* ── Detail ─────────────────────────────────────────────────────────── */

.koledar-detail__organizer {
    margin-top: 4px;
}

.koledar-detail__termini.list-group .list-group-item {
    border-left: 3px solid var(--koledar-accent);
}

.koledar-detail__termini .label-warning {
    margin-left: 6px;
}

.koledar-detail__location .btn {
    margin-left: 8px;
}

.koledar-detail__tradition.well {
    background: var(--brand-bg-primary, #f4f7f0);
    border: none;
    border-left: 4px solid var(--koledar-accent);
    border-radius: var(--koledar-radius);
    box-shadow: none;
}

.koledar-detail__tradition h2 {
    margin-top: 0;
    color: var(--koledar-accent-dark);
}

/* ── Nearby blocks on geo cards (koledar-nearby.js) ─────────────────── */

.koledar-nearby__heading {
    color: var(--theme-heading-color, #2e2e2e);
    font-size: 15px;
    font-weight: 700;
    margin: 12px 0 6px;
}

.koledar-nearby__item {
    font-size: 13px;
    margin-bottom: 4px;
}

.koledar-nearby__date {
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    color: var(--brand-secondary-color, #444);
    margin-right: 4px;
    white-space: nowrap;
}

.koledar-nearby__link {
    color: var(--brand-link-primary-color, inherit);
}

.koledar-nearby--strip.well {
    background: var(--brand-bg-primary, #f4f7f0);
    border: none;
    border-left: 4px solid var(--brand-primary-color, #2f6b3a);
    border-radius: var(--brand-radius, 8px);
    box-shadow: none;
}

.koledar-nearby--strip .koledar-nearby__item {
    margin-bottom: 6px;
}

.koledar-nearby__status.label {
    margin-left: 4px;
}