/* =========================================================
   JP MindMap 0.4.11 — CLEAN HOME STYLE
   ipolski.pl TEST
   ========================================================= */

.jpmap-embed {
    --jpmap-card-bg: #fafafa;
    --jpmap-card-border: #d8d8d8;
    --jpmap-card-text: #202124;

    --jpmap-root-line: #333333;
    --jpmap-selection: #8f3434;
}


/* =========================================================
   ANTY-FLASH
   Nie pokazuj oryginalnej niebieskiej mapy przed
   zastosowaniem naszej hierarchii.
   ========================================================= */

.jpmap-embed[data-jpmap-hierarchy="loading"]
.joint-paper {
    visibility: hidden !important;
    opacity: 0 !important;
}

.jpmap-embed[data-jpmap-hierarchy="ready"]
.joint-paper {
    visibility: visible !important;
    opacity: 1 !important;
}


/* =========================================================
   TYPOGRAFIA
   font dokładnie z aktualnego szablonu Joomla
   ========================================================= */

.jpmap-embed .content-text,
.jpmap-embed .btn-expand-text {
    font-family:
        var(--jpmap-page-font),
        sans-serif !important;
}


/* =========================================================
   ROOT
   Bez zmian kolorystycznych.
   Oryginalny centralny temat już pasuje.
   ========================================================= */


/* =========================================================
   PIERWSZY POZIOM
   Jasne kafelki — styl strony głównej.
   WAŻNE: font-weight 400.
   ========================================================= */

.jpmap-embed
.jpmap-topic-level-1
.content > rect {
    fill: var(--jpmap-card-bg) !important;
    stroke: var(--jpmap-card-border) !important;
    stroke-width: 1px !important;

    rx: 7px !important;
    ry: 7px !important;
}

.jpmap-embed
.jpmap-topic-level-1
.content-text {
    fill: var(--jpmap-card-text) !important;
    font-weight: 400 !important;
}

.jpmap-embed
.jpmap-topic-level-1:hover
.content > rect {
    fill: #ffffff !important;
    stroke: #c6c6c6 !important;
}


/* =========================================================
   LINIE ROOT -> POZIOM 1
   kolor ramki centralnego tematu
   ========================================================= */

.jpmap-embed
.jpmap-link-level-1
.connection {
    stroke: var(--jpmap-root-line) !important;
    stroke-width: 1px !important;
}


/* =========================================================
   POZIOM 2+
   Bez zmian.
   Zachowujemy oryginalne kolory MindManagera.
   ========================================================= */


/* =========================================================
   ZAZNACZENIE
   poprawiona geometria + subtelny kolor
   ========================================================= */

.jpmap-embed
.joint-halo.surrounding.type-element {
    box-sizing: border-box !important;

    /* Pomiar rzeczywisty: halo było przesunięte o ~ -4/-4 px */
    transform: translate(4px, 4px) !important;

    border: 0 !important;
    border-radius: 7px !important;

    box-shadow:
        inset 0 0 0 1px
        var(--jpmap-selection) !important;

    background: transparent !important;
    outline: none !important;
}

.jpmap-embed
.joint-halo.surrounding.type-element.animate {
    transition: box-shadow .10s ease !important;
}

/* JP MindMap 0.4.15 — level 3 sage START */

/*
 * POZIOM 3
 * Zgaszona szałwiowa zieleń:
 * mniej neonowa niż turkus,
 * ale nadal wyraźnie odróżnia się od szarości poziomu 4.
 */

.jpmap-embed .jpmap-topic-level-3 .content > rect {
    fill: #FAFBFA !important;
    stroke: #9AB7A2 !important;
    stroke-opacity: 1 !important;
}

/* linie prowadzące do poziomu 3 */

.jpmap-embed .jpmap-link-level-3 .connection {
    stroke: #9AB7A2 !important;
    stroke-opacity: 1 !important;
}

/* element rozwijania poziomu 3 */

.jpmap-embed .jpmap-topic-level-3 .btn-expand-line,
.jpmap-embed .jpmap-topic-level-3 .btn-expand-path {
    stroke: #9AB7A2 !important;
    stroke-opacity: 1 !important;
}

/*
 * Liczniki zawsze ciemne dla czytelności
 */

.jpmap-embed .btn-expand-text {
    fill: #1E1E1E !important;
    fill-opacity: 1 !important;
    opacity: 1 !important;
}

/* JP MindMap 0.4.15 — level 3 sage END */


/* =========================================================
   JP MindMap 0.4.16 — HARD ANTI-FLASH
   ========================================================= */

/*
 * Stan loading istnieje już w HTML zanim uruchomi się
 * mm-viewer.js, więc użytkownik nie zobaczy pierwowzoru.
 */

.jpmap-embed[data-jpmap-hierarchy="loading"]
.joint-paper,

.jpmap-embed[data-jpmap-hierarchy="loading"]
.paper-scroller-background {
    visibility: hidden !important;
    opacity: 0 !important;
}


/*
 * Po pełnym rozpoznaniu hierarchii pokazujemy już
 * gotową, ostylowaną mapę.
 */

.jpmap-embed[data-jpmap-hierarchy="ready"]
.joint-paper,

.jpmap-embed[data-jpmap-hierarchy="ready"]
.paper-scroller-background {
    visibility: visible !important;
    opacity: 1 !important;
}