/*--------------------------------------------------|
| dTree Modern Flat Design v9                       |
| Pro BEL 4567 electronics - Joomla 2.5 / VM2       |
|---------------------------------------------------|
| Pouze jedna ikona na kategorii                    |
|--------------------------------------------------*/

.dtree {
    font-family: 'Segoe UI', Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #444;
    white-space: nowrap;
}

/* === SKRÝT JEN ŘÁDEK "ALL CATEGORIES" (ne jeho děti) === */
.dtree > .dTreeNode:first-child {
    display: none !important;
}

/* === PRVNÍ CLIP (obsahuje hlavní kategorie) - BEZ ODSAZENÍ === */
.dtree > .clip:first-of-type {
    margin-left: 0 !important;
    padding-left: 0 !important;
}

/* === SKRYTÍ ČÁROVÝCH OBRÁZKŮ (line, join, empty, base) === */
.dtree img[src*="line"],
.dtree img[src*="join"],
.dtree img[src*="empty"],
.dtree img[src*="base"] {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
}

/* === SKRÝT FOLDER IKONY (budou nahrazeny plus/minus) === */
.dtree img[src*="folder"],
.dtree img[src*="imgfolder"] {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
}

/* === PLUS / MINUS IKONY (složky s +/-) === */
.dtree img[src*="plus"],
.dtree img[src*="minus"],
.dtree img[src*="nolines"] {
    display: inline-block !important;
    width: 18px !important;
    height: 16px !important;
    vertical-align: middle;
    cursor: pointer;
    opacity: 0.9;
    transition: all 0.15s ease;
    margin-right: 4px;
}

.dtree img[src*="plus"]:hover,
.dtree img[src*="minus"]:hover,
.dtree img[src*="nolines"]:hover {
    opacity: 1;
    transform: scale(1.1);
}

/* === STRUKTURA UZLU === */
.dtree .dTreeNode {
    padding: 2px 0;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
}

/* === ODKAZY === */
.dtree a {
    color: #333;
    text-decoration: none;
    transition: all 0.15s ease;
}

.dtree a.node,
.dtree a.nodeSel {
    padding: 4px 8px 4px 4px;
    border-radius: 3px;
    display: inline-block;
    margin-left: 0;
}

/* Hover - jemná modrá */
.dtree a.node:hover {
    color: #1565c0;
    background-color: #e3f2fd;
}

/* === VYBRANÁ KATEGORIE - VÝRAZNÁ === */
.dtree a.nodeSel {
    background-color: #1976d2;
    color: #ffffff !important;
    font-weight: 600;
    border-radius: 3px;
    padding: 4px 8px 4px 6px;
}

.dtree a.nodeSel:hover {
    background-color: #1565c0;
    color: #ffffff !important;
}

/* === PODKATEGORIE (2. a další úroveň) === */
.dtree .clip .clip {
    overflow: hidden;
    margin-left: 0;
    padding-left: 15px;
    border-left: none;
}

/* === OBECNÉ OBRÁZKY === */
.dtree img {
    border: 0;
    vertical-align: middle;
}