/* Courses page toolbar */
.course-page-toolbar {
    background: #fff !important;
}

.course-page-toolbar::after {
    background: none !important;
}

.course-toolbar-row {
    align-items: center;
}

.course-page-toolbar .tab-list ul {
    background: transparent;
    border: 0;
    border-radius: 0;
    gap: 18px;
    padding: 0;
}

.course-page-toolbar .tab-list ul li,
.course-page-toolbar .tab-list ul li.active {
    background: transparent;
    border-radius: 0;
    padding: 0;
}

.course-page-toolbar .tab-list a {
    align-items: center;
    display: inline-flex;
    gap: 6px;
}

.course-page-toolbar .tab-list li.active a,
.course-page-toolbar .tab-list #grid {
    color: #109fc6;
}

.course-page-toolbar .tab-list svg path {
    fill: currentColor !important;
}

.course-results-filter .sidebar {
    background: transparent;
    border-radius: 0;
    box-shadow: none;
    padding: 0;
}

.course-mobile-filter-button {
    background: transparent;
    border: 0;
    color: #109fc6;
    padding: 0.5rem 1rem;
}

.course-mobile-filter-button:hover,
.course-mobile-filter-button:focus {
    background: transparent;
    color: #109fc6;
}

@media (max-width: 767.98px) {
    .course-toolbar-row {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        margin-left: 0;
        margin-right: 0;
        row-gap: 8px !important;
    }

    .course-toolbar-title,
    .course-toolbar-count,
    .course-toolbar-layout {
        max-width: none;
        padding-left: 0;
        padding-right: 0;
        width: auto;
    }

    .course-toolbar-title {
        grid-column: 1;
        grid-row: 1;
    }

    .course-toolbar-title .g-title {
        font-size: 22px;
        margin: 0 !important;
        white-space: nowrap;
    }

    .course-toolbar-layout {
        grid-column: 2;
        grid-row: 1;
        margin: 0 !important;
    }

    .course-toolbar-layout .tab-list ul {
        float: none;
        margin: 0;
    }

    .course-toolbar-layout .tab-list a {
        font-size: 16px;
    }

    .course-toolbar-count {
        display: none;
    }

    .course-results-page > .container {
        max-width: none;
        padding-left: 8px;
        padding-right: 8px;
    }

    .course-results-page > .container > .row {
        margin-left: 0;
        margin-right: 0;
    }

    .course-results-content {
        padding-left: 0;
        padding-right: 0;
    }

    .course-results-content .course-results-grid {
        margin-left: 0;
        margin-right: 0;
    }

    .course-results-content .course-result-card-column {
        max-width: none;
        padding-left: 0;
        padding-right: 0;
    }

    .course-results-filter {
        padding-left: 16px;
        padding-right: 16px;
    }
}

/* Course category filter */
.category-dropdown,
.category-dropdown ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.category-row {
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.25s ease;
}

.category-row:hover {
    background: #f6f7fb;
}

li.open > .category-row {
    background: #f0f2ff;
}

.category-row a,
.sub-child-category a {
    align-items: center;
    color: #333;
    display: flex;
    justify-content: space-between;
    text-decoration: none;
}

.category-row span,
.sub-child-category span {
    color: #888;
    font-size: 11px;
}

.toggle-icon {
    align-items: center;
    background: #f1f3f6;
    border-radius: 50%;
    display: flex;
    height: 28px;
    justify-content: center;
    width: 28px;
}

.toggle-icon i {
    color: #555;
    font-size: 12px;
    transition: transform 0.25s ease;
}

li.open > .category-row > .toggle-icon i {
    transform: rotate(180deg);
}

.category-dropdown > li {
    margin-bottom: 6px;
}

.category-dropdown > li > .category-row > a {
    font-size: 13px;
    font-weight: 600;
}

.category-dropdown .child-category {
    margin-top: 6px;
    padding-left: 18px;
}

.child-category > li > .category-row > a {
    font-size: 12px;
    font-weight: 500;
}

.category-dropdown .sub-child-category {
    margin-top: 6px;
    padding-left: 32px;
}

.sub-child-category li a {
    border-radius: 6px;
    display: block;
    font-size: 11.5px;
    font-weight: 400;
    transition: background 0.2s ease;
}

.sub-child-category li a:hover {
    background: #f8f9fc;
}

.category-dropdown > li > .child-category,
.child-category > li > .sub-child-category {
    display: none;
}

.category-dropdown > li.open > .child-category,
.child-parent.open > .sub-child-category {
    display: block;
}

.show-more-btn {
    align-items: center;
    background: none;
    border: none;
    color: #109fc6;
    cursor: pointer;
    display: flex;
    font-size: 13px;
    font-weight: 700;
    gap: 6px;
    margin-top: 10px;
    padding: 0;
}

.show-more-btn i {
    font-size: 12px;
    transition: transform 0.3s ease;
}

.show-more-btn.active i {
    transform: rotate(180deg);
}