/* Subcategory support — additive only, zero effect when .has-subcategory absent */

/* ── Desktop ── */
@media (min-width: 992px) {
    li.category.has-subcategory {
        position: relative;
    }

    li.category.has-subcategory .subcategory-toggle {
        display: none;
    }

    li.category.has-subcategory .subcategory-list {
        display: none;
        position: absolute;
        left: calc(100% + 1px);
        top: 0;
        min-width: 200px;
        background: #fff;
        box-shadow: 0 2px 8px rgba(0,0,0,0.08);
        border-top: 1px solid #ddd;
        border-right: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
        border-left: 3px solid #aaa;
        z-index: 9999;
        padding: 0;
        list-style: none;
        margin: 0;
        pointer-events: auto;
    }

    li.category.has-subcategory:hover .subcategory-list,
    li.category.has-subcategory:focus-within .subcategory-list {
        display: block;
    }

    li.category.has-subcategory .subcategory-list li {
        border-bottom: 1px solid #eee;
    }

    li.category.has-subcategory .subcategory-list li:last-child {
        border-bottom: none;
    }

    li.category.has-subcategory .subcategory-list li a {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 12px 16px;
        font-size: 14px;
        color: #555;
        text-decoration: none;
        white-space: nowrap;
        gap: 12px;
        transition: background 0.12s ease;
        pointer-events: auto;
        cursor: pointer;
    }

    li.category.has-subcategory .subcategory-list li a:hover {
        background: #f5f5f5;
        color: #333;
    }

    li.category.has-subcategory .subcategory-list li a i {
        font-size: 10px;
        color: #aaa;
        flex-shrink: 0;
    }

    li.category.has-subcategory .subcategory-list li.active a {
        font-weight: 600;
        color: #333;
    }
}

/* ── Mobile ── */
@media (max-width: 991px) {
    /* Positioning context for the absolute button */
    li.category.has-subcategory {
        position: relative;
    }

    /* Hide the <a>'s own chevron — the button replaces it visually */
    li.category.has-subcategory > a > i.fa-angle-right {
        display: none;
    }

    /* Button overlays exactly where the chevron was */
    li.category.has-subcategory .subcategory-toggle {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        width: 54px;
        background: none;
        border: none;
        padding: 0;
        margin: 0;
        cursor: pointer;
        color: #3abfbf;
        font-size: 14px;
        line-height: 1;
        /* Center the icon inside the button */
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 2;
    }

	li.category.has-subcategory .subcategory-toggle.is-open {
        top: -25px;
    }

	
    li.category.has-subcategory .subcategory-toggle i {
        transition: transform 0.2s ease;
        pointer-events: none;
    }

    li.category.has-subcategory .subcategory-toggle.is-open i {
        transform: rotate(270deg);
    }

    li.category.has-subcategory .subcategory-list {
        display: none;
        list-style: none;
        margin: 0 0 4px 32px;
        padding: 0;
        border-left: 2px solid #ddd;
    }

    li.category.has-subcategory .subcategory-list.is-open {
        display: block;
    }

    li.category.has-subcategory .subcategory-list li a {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 8px 12px;
        font-size: 14px;
        color: #555;
        text-decoration: none;
        border-bottom: 1px solid #f0f0f0;
        pointer-events: auto;
    }

    li.category.has-subcategory .subcategory-list li:last-child a {
        border-bottom: none;
    }

    li.category.has-subcategory .subcategory-list li a i {
        font-size: 10px;
        color: #aaa;
    }

    li.category.has-subcategory .subcategory-list li.active a {
        font-weight: 600;
        color: #333;
    }
}

@media (max-width: 991px) { 
	li.category.has-subcategory .subcategory-list i.fa-angle-right{
        display: none !important;
    }

	li.category.has-subcategory > a > i.fa-angle-right { display: none !important; }
}