/* All Categories Page Styling */
.all-categories-page .category-card {
    background: white !important;
    border: 1px solid #e8e8e8 !important;
    border-radius: 12px !important;
    transition: all 0.3s ease !important;
    margin-bottom: 25px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05) !important;
}

.all-categories-page .category-card:hover {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12) !important;
    transform: translateY(-2px) !important;
}

.all-categories-page .category-header {
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%) !important;
    padding: 20px 25px !important;
    border-radius: 12px 12px 0 0 !important;
    border-bottom: 1px solid #dee2e6 !important;
}

.all-categories-page .category-icon {
    width: 60px !important;
    height: 60px !important;
    border: 1px solid #dee2e6 !important;
    border-radius: 10px !important;
    padding: 8px !important;
    background: white !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08) !important;
}

.all-categories-page .category-title {
    color: #2c3e50 !important;
    font-size: 20px !important;
    font-weight: 600 !important;
}

.all-categories-page .category-header:hover .category-title {
    color: #1a252f !important;
}

.all-categories-page .subcategory-title {
    color: #495057 !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    padding: 8px 0 !important;
    border-bottom: 2px solid transparent !important;
    display: inline-block !important;
    transition: all 0.2s ease !important;
}

.all-categories-page .subcategory-title:hover {
    color: #212529 !important;
    border-bottom-color: #6c757d !important;
}

.all-categories-page .sub-sub-category-link {
    color: #6c757d !important;
    font-size: 14px !important;
    padding: 6px 0 !important;
    display: block !important;
    transition: all 0.2s ease !important;
    position: relative !important;
    padding-left: 12px !important;
}

.all-categories-page .sub-sub-category-link:before {
    content: '•' !important;
    position: absolute !important;
    left: 0 !important;
    color: #adb5bd !important;
}

.all-categories-page .sub-sub-category-link:hover {
    color: #212529 !important;
    padding-left: 16px !important;
}

.all-categories-page .page-header {
    background: white !important;
    padding: 25px 0 !important;
    margin-bottom: 35px !important;
    border-bottom: 2px solid #e9ecef !important;
}

.all-categories-page .page-title {
    color: #2c3e50 !important;
    font-size: 32px !important;
    font-weight: 700 !important;
}

.all-categories-page .breadcrumb-item a {
    color: #6c757d !important;
}

.all-categories-page .breadcrumb-item.active {
    color: #495057 !important;
    font-weight: 500 !important;
}