/*
 * Site styles added after the v13 migration. compiled.css has no maintained build in this repo,
 * so new public-site rules go here (linked from Views/Layout.cshtml after compiled.css).
 */

/* RTE format "Crveni tekst" (same rule as /css/RTE.css, used by the editor) */
.text-red {
    color: #d12433;
}

/* Key indicators: "i" next to the chart title, opens the indicator information dialog */
.chart-info-trigger {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.4rem;
    height: 2.4rem;
    margin-left: 1rem;
    border: 0;
    border-radius: 50%;
    padding: 0;
    background-color: #17384f;
    color: #fff;
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1;
    text-transform: lowercase;
    vertical-align: middle;
    cursor: pointer;
}

.chart-info-trigger:hover,
.chart-info-trigger:focus-visible {
    background-color: #4ac2d6;
}

.chart-info-dialog {
    width: min(800px, calc(100vw - 32px));
    max-height: 80vh;
    margin: auto;
    border: 0;
    border-radius: 6px;
    padding: 0;
    box-shadow: 0 10px 40px rgba(0, 0, 0, .3);
    color: #313639;
}

.chart-info-dialog::backdrop {
    background-color: rgba(23, 56, 79, .5);
}

.chart-info-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
    border-bottom: 1px solid #e5e5e5;
    padding: 1.6rem 2.4rem;
}

.chart-info-header h3 {
    margin: 0;
    font-size: 1.8rem;
    color: #17384f;
}

.chart-info-close {
    border: 0;
    padding: 0 .4rem;
    background: none;
    color: #17384f;
    font-size: 3rem;
    line-height: 1;
    cursor: pointer;
}

.chart-info-body {
    max-height: calc(80vh - 7rem);
    overflow-y: auto;
    padding: 2rem 2.4rem 2.4rem;
    text-align: left;
    white-space: pre-line;
    font-size: 1.5rem;
    line-height: 1.6;
}

/* Area pages: "Ažurirano i objavljeno" publish-time filter (legend 6). Matches .legend2-.legend5 in compiled.css. */
.legend6 {
    background: #56c653;
    color: #56c653;
}

/* Statistike u razvoju / Statistics under development */

/* Desktop data menu: always the last cell of the 4-column grid (below "Tržište rada" with the current 19 areas),
   separated from the areas by a horizontal line. */
.nav-panel li.nav-panel-sur {
    margin-left: auto;
    margin-top: .5rem;
    padding-top: 1rem;
    border-top: 2px solid #4ac2d6;
}

/* Mobile menu: the rows already have a hairline; the separator is stronger. */
.nav-mobile .level-2 li.nav-panel-sur {
    margin-top: .75rem;
    border-top: 2px solid #4ac2d6;
}

.dev-stats-intro {
    margin-bottom: 2rem;
    font-size: 1.5rem;
    line-height: 1.6;
}

.dev-stats .subitem a {
    color: inherit;
}

.dev-stats .subitem_back a {
    color: #fff;
}

.dev-stats-area-icon {
    margin-right: .8rem;
    font-size: 2rem;
}

.dev-stats .notice-name a {
    color: inherit;
    text-decoration: none;
}

.dev-stats .notice-name a:hover {
    color: #4ac2d6;
}

.dev-stats-empty {
    padding: 2rem 0;
    font-size: 1.5rem;
}