/* ============================================================
 * Сайдбар «Каталог» магазина — порт 1:1 с 1.x #menu3
 * (см. templates/concity_atw/css/styles.css строки ~1590-1740).
 *
 * Иерархия:
 *   anchor-item (Кондиционеры/Проветриватели/…) — display: table-row
 *     ├── .anchor-link  → .ico (table-cell 75×55) + .title (table-cell)
 *     └── ul.cat-children (depth-1) — серый фон, padding:25px, margin:0 -25px
 *           └── li → fa.bullet (inline) + a → .title
 *                 └── ul.cat-children (depth-2+) — без фона, margin-left:20px
 * ============================================================ */

.sidebar-catalog .sidebar-cats {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
}

/* «Развернуть/Свернуть» в углу */
.sidebar .catlistup {
    display: block;
    text-align: right;
    margin: 0 0 6px;
    color: #999;
    text-decoration: underline;
    font-size: 14px;
}
.sidebar .catlistup:hover { color: #21bea6; }

/* Якорные пункты — table-row с иконкой и заголовком */
.sidebar-catalog .sidebar-cats > li.anchor-item {
    list-style: none;
    padding: 20px 0 0 0;
    display: block;
    width: 100%;
}
.sidebar-catalog .sidebar-cats > li.anchor-item:first-child { padding-top: 0; }

.sidebar-catalog .sidebar-cats > li.anchor-item > .anchor-link {
    display: flex !important;
    align-items: center;
    gap: 15px;
    text-decoration: none;
}
.sidebar-catalog .sidebar-cats > li.anchor-item > .anchor-link:hover { text-decoration: none; }
.sidebar-catalog .sidebar-cats > li.anchor-item > .anchor-link .ico {
    width: 75px;
    height: 55px;
    flex: 0 0 75px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    display: inline-block;
}
.sidebar-catalog .sidebar-cats > li.anchor-item > .anchor-link .title {
    flex: 1 1 auto;
    font-size: 15px !important;
    color: #323232 !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    line-height: 19px !important;
    text-decoration: none !important;
}
.sidebar-catalog .sidebar-cats > li.anchor-item > .anchor-link:hover .title {
    color: #00b297 !important;
    text-decoration: underline !important;
}

/* Декоративная стрелочка-«нешта» между якорем и его подменю (1:1 с 1.x) */
.sidebar-catalog .neshta {
    display: none;          /* по умолчанию скрыта */
    height: 10px;
    width: 26px;
    margin: 0 0 0 25px;
    line-height: 0;
}
.sidebar-catalog .neshta img {
    display: block;
    height: 10px;
    width: 26px;
}

/* fa-circle bullet — у якорей скрыт, у подпунктов inline */
.sidebar-catalog .sidebar-cats > li.anchor-item > .anchor-link .bullet,
.sidebar-catalog .sidebar-cats > li.anchor-item > .bullet { display: none !important; }
.sidebar-catalog .sidebar-cats ul.cat-children li > .bullet {
    display: inline-block !important;
    font-size: 8px !important;
    color: #21bea6 !important;
    width: 8px;
    vertical-align: middle;
    line-height: 1;
}

/* Поддерево первого уровня — серый фон, «вырывается» по горизонтали */
.sidebar-catalog ul.cat-children {
    list-style: none;
    margin-left: -25px !important;
    margin-right: -25px !important;
    margin-top: 12px !important;
    margin-bottom: 0 !important;
    padding: 20px 25px !important;
    background: #efeff0;
    box-sizing: border-box;
    /* Расширяем ширину чтобы фон гарантированно перекрыл padding родителя .module (25px с каждой стороны). */
    width: calc(100% + 50px) !important;
    position: relative;
}
.sidebar-catalog ul.cat-children li {
    list-style: none;
    display: block;
    margin-bottom: 15px;
    font-size: 15px;
    color: #21bea6;
}
.sidebar-catalog ul.cat-children li:last-child { margin-bottom: 0; }

.sidebar-catalog ul.cat-children li a {
    display: inline;
    text-decoration: none;
}
.sidebar-catalog ul.cat-children li a .title,
.sidebar-catalog .sidebar-cats ul.cat-children li a .title,
.sidebar-catalog .sidebar-cats li ul li a .title {
    display: inline !important;
    font-size: 15px !important;
    color: #323232 !important;
    text-transform: none !important;
    padding-left: 10px !important;
    font-weight: 400 !important;
    line-height: 1.3 !important;
}
.sidebar-catalog ul.cat-children li a:hover .title {
    color: #21bea6;
    text-decoration: underline;
}
.sidebar-catalog ul.cat-children li.is-active > a .title { color: #21bea6; }

/* Chevron «развернуть подпункты» */
.sidebar-catalog .submlin {
    display: inline-block;
    margin-left: 6px;
    color: #888;
    text-decoration: none;
    font-size: 10px;
    cursor: pointer;
    vertical-align: middle;
    transition: transform 0.15s;
}
.sidebar-catalog .submlin:hover { color: #21bea6; }
.sidebar-catalog .submlin.open { transform: rotate(180deg); }

/* Внуки (depth-2+) — без фона, отступ слева 20px */
.sidebar-catalog ul.cat-children ul.cat-children {
    margin: 8px 0 0 20px !important;
    padding: 5px 0;
    background: transparent;
}
.sidebar-catalog ul.cat-children ul.cat-children li,
.sidebar-catalog ul.cat-children ul.cat-children li a {
    color: #808080 !important;
}
.sidebar-catalog ul.cat-children ul.cat-children li {
    margin-bottom: 8px;
}
.sidebar-catalog ul.cat-children ul.cat-children li:last-child { margin-bottom: 0; }